@charset "utf-8";
/* CSS Document */

*
{
	margin: 0px;
	padding: 0px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

a
{
	color: #D94300;
}

html, body {
    height: 100%;
}

li
{
	margin-left: 32px;
}

#WebContainer
{
	height: 60%;
}

#Logo
{
	margin: 16px auto;
	width: 760px;
	height: 150px;
}

#HeadingInfo
{
	margin: 16px auto;
	width: 760px;
}

#LogoText
{
	position: absolute;
}

#LogoSpin
{
	position: absolute;
	margin-left: 112px;
}

#Menu
{
	width: 900px;
	margin: 0 auto;
}

.MenuItem
{
	width: 150px;
	float: left;
	text-align: center;
	padding: 8px 0;
	font-size: 18px;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: white;
	cursor: pointer;
}

.Clear
{
	clear: both;
	width: 100%;
}

#MenuActiveLine
{
	position: absolute;
	width: 150px;
	margin-top: -4px;
	border-top: solid 4px black;
	z-index: 1;
}

/*.MenuItem:hover
{
	border-bottom-color: gray;
}*/

#ContentContainer
{
	margin: 0 auto;
	
	width: 900px;
	overflow: hidden;
}

#ContentOverlayWrap
{
	width: 900px;
	margin: 0 auto;
	pointer-events: none;
}

#ContentOverlay
{
	position: absolute;
	width: 900px;
}

#ContentShifter
{
	width: 1000%;
}

.ContentBin
{
	width: 772px;
	/*height: 100%;*/
	padding: 0 64px;
	float: left;
}

#GlowLeft, #GlowRight
{
	height: 100%;
	width: 64px;
	z-index: 1;
	position: absolute;
}

#GlowLeft
{
	background-image:url(glow_left.png);
	background-repeat:repeat-y;
}

#GlowRight
{
	background-image:url(glow_right.png);
	background-repeat:repeat-y;
	margin-left: 836px;
}

.Item 
{
	margin: 8px;
	padding: 8px;
	border: 1px solid #AFAFAF;
	background-color: #F5F5F5;
}

.ItemIcon
{
	float: left;
	margin-right: 8px;
}

.Separator
{
	width: 100%;
	height: 16px;
	clear: both;
}

.ExpandSection
{
	display: none;
	width: 100%;
	margin: 16px 0;
}

.ExpandButton
{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

.Center
{
	width: 560px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

.Center iframe
{
	margin-top: 16px;
	margin-bottom: 16px;
}

.ExSiteIcon
{
	float: left;
}

.ExSiteIcon img
{
	width: 64px;
	height: 64px;
}

#ExSites
{
	width: 192px;
	margin-left: auto;
	margin-right: auto;

}