@charset "utf-8";
/* CSS Document */

body, form, h1, h2{
	margin:0;
	padding:0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#373838;
}

body{
	background:url(/images/utilities/bg.png) top center repeat-y;
}

h2{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #373838;
	margin-top:20px;
	margin-bottom:3px;
}

h2{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #373838;
	margin-top:20px;
	margin-bottom:3px;
}

a{
	color:#d57414;
	text-decoration:underline;
}

a:hover{
	text-decoration:none; 
}

img, form{
	border:0;
}

p{
	margin:0 0 10px 0;
}

.cleardiv { clear:both; }

#body-container{
	width:970px;
	margin:0 auto;
	background:url(/images/utilities/body_bg.gif) 0 0 repeat-y;
}

#banner-container{
	width:970px;
	height:214px;
	background-color:#FFFFFF;
}
	#utilities{
		text-align:right;
		padding:0 34px 0 0;
	}

#main{
	width:100%;
}

	#main-left{
		width:746px;
		float:left;
	}
	
		#breadcrumb{
			background:url(/images/utilities/breadcrumb_bg.jpg) 0 0 no-repeat;
			width:722px;
			height:66px;
			padding:4px 0 0 24px;
			font:normal 11px Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
		}
			#breadcrumb a{
				color:#709db9;
				text-decoration:none;
			}
			#breadcrumb a:hover{
				text-decoration:underline;
			}
			.grayblue{
				color:#709db9;
			}
		#main-body{
			width:472px;
			float:left;
			padding:0 20px 50px 20px;
			line-height:19px;
		}
		
		#main-body a{
			color:#004169;
			text-decoration:underline;
		}
		#main-body a:hover{
			text-decoration:none;
		}
		
	#cta{
		float:left;	
		width:224px;
		padding:0 0 150px 0;
	}

#footer{
	width:950px;
	height:48px;
	line-height:18px;
	padding:65px 0 0 20px;
	font-size:10px;
	color:#004169;
	background:url(/images/utilities/footer-bg.jpg) 0 0 no-repeat;
}
	#copyrights{
		width:200px;
		float:left;
	}
		#copyrights a{
			color:#004169;
			text-decoration:none;			
		}
		#copyrights a:hover{
			text-decoration:underline;			
		}
	
	#gssi{
		width:300px;
		padding:14px 0 0 0;
		float:right;
		color:#3c8ab6;
	}
	
	#gssi a{
		color:#3c8ab6;
		text-decoration:none;
	}
	#gssi a:hover{
		text-decoration: underline;
	}

#home_slogon{
	float:left;
	width:234px;
	padding:52px 0 0 0;
}

#home_cta{
	float:left;	
	width:224px;
	padding:110px 0 200px 0;
	background:url(/images/utilities/breadcrumb_bg.jpg) -250px 0 no-repeat;
}


/************************** Main Navigation *****************************/
#nav{
	width:970px;
	height:46px;
	overflow:hidden;
}	
#nav ul,#nav li{
	margin:0;
	padding:0;
	list-style-type:none;
}
#nav li{
	display:block;
	float:left;
}
#nav li a{
	display:block;
	height:0;
	overflow:hidden;
	padding-top:46px;
	background:url(/images/nav/nav-bar.gif) 0 0 no-repeat;
}
#nav li a:hover{		
	background:url(/images/nav/nav-bar-over.gif) 0 0 no-repeat;
}
					
#nav #nav-aboutus a{ width:131px; }
#nav #nav-aboutus a:hover{ width:131px; }
#nav #nav-aboutus a.active,#nav-aboutus a.active:hover { width:131px; background:url(/images/nav/nav-bar-over.gif) 0 0 no-repeat;}

#nav #nav-operations a{ width:226px; background-position:-131px 0; }
#nav #nav-operations a:hover{ width:226px; background:url(/images/nav/nav-bar-over.gif) -131px 0 no-repeat; }
#nav #nav-operations a.active,#nav-operations a.active:hover { width:226px; background:url(/images/nav/nav-bar-over.gif) -131px 0 no-repeat; }

#nav #nav-community a{ width:150px; background-position:-357px 0;}
#nav #nav-community a:hover{ width:150px; background-position:-357px 0; background:url(/images/nav/nav-bar-over.gif) -357px 0 no-repeat; }
#nav #nav-community a.active,#nav-communityActive a.active:hover { width:150px; background:url(/images/nav/nav-bar-over.gif) -357px 0 no-repeat; }

#nav #nav-resources a{ width:200px; background-position:-507px 0; }
#nav #nav-resources a:hover{ width:200px; background-position:-507px 0; background:url(/images/nav/nav-bar-over.gif) -507px 0 no-repeat;}
#nav #nav-resources a.active,#nav-resources a.active:hover { width:200px; background:url(/images/nav/nav-bar-over.gif) -507px 0 no-repeat; }

#nav #nav-careers a{ width:126px; background-position:-707px 0; }
#nav #nav-careers a:hover{ width:126px; background-position:-707px 0; background:url(/images/nav/nav-bar-over.gif) -707px 0 no-repeat;}
#nav #nav-careers a.active,#nav-careers a.active:hover { width:126px; background:url(/images/nav/nav-bar-over.gif) -707px 0 no-repeat; }

#nav #nav-contactus a{ width:137px; background-position:-833px 0; }
#nav #nav-contactus a:hover{ width:137px; background-position:-833px 0; background:url(/images/nav/nav-bar-over.gif) -833px 0 no-repeat;}
#nav #nav-contactus a.active,#nav-contactus a.active:hover { width:137px; background:url(/images/nav/nav-bar-over.gif) -833px 0 no-repeat; }


/**************************Main Navigation*****************************************/

#menu {
	float:left;	
	width:214px;
	padding:0 10px;
}

#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #bdd6e5;
}

#menu li.first a {
	border-top:none;
}

#menu li a {
	text-decoration:none;
	display:block;
	color:#5495b9;
	background:url(/images/utilities/subnav_bg.gif) 15px 13px no-repeat;
	padding:7px 10px 8px 25px;
	vertical-align:bottom;
	border-top:1px solid #bdd6e5;
	zoom:1;
}

#menu li a:hover, #menu li a.active {
	background:url(/images/utilities/subnav_bg_over.gif) 15px 13px no-repeat;
	color:#000;
}

#menu li ul {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	background:none;
	border-bottom:none;
	padding-bottom:7px;
}

#menu li ul li a {
	padding:3px 10px 3px 36px;	
	border-top:none;
	background:url(/images/utilities/subsubnav_bg.gif) 27px 10px no-repeat;
}
#menu li ul li a:hover {
	padding:3px 10px 3px 36px;
	background:url(/images/utilities/subsubnav_bg.gif) 27px 10px no-repeat;
	border-bottom:none;
}
#menu li ul li a.active{
	padding:3px 10px 3px 36px;
	background:url(/images/utilities/subsubnav_bg.gif) 27px 10px no-repeat;
	border-bottom:none;
}

.inactive {
	display:none;
}
li.active .inactive {
	display:block;
}
.highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
}
