@charset "utf-8";
/* CSS Document */
body {
   behavior: url("<?=$absolute_path;?>includes/csshover3-source.htc");
}



.header{
	background-image: url(../images/header_bkg.jpg);
	height: 84px;
}
.logo{
	float:left;
	padding-top: 20px;
}



/* ORANGE SECTION UNDERNEATH HEADER */
#side1 {width: 50%; float: left; margin: 0 -3810px 0 0; background: #fff; padding: 0px;}
#side2 {width: 50%; float: right; margin: 0 0 0 -381px; background: #fff; padding: 0px;}

#side2 #center {background: #f47840; float: left; margin: 0 0 0 -382px; padding: 0px;text-align:left;color:#FFFFFF;background-image: url(../images/subhead_bkg.jpg);}

#side1 #side1Content, #side2 #side2Content, #side2 #center{ height: 32px;} /* this is changed with javascript on the home page to make it taller. js code is in subhead-home.html */
#side1 #side1ContentHome, #side2 #side2ContentHome{ height: 194px; } /* this is changed with javascript on the home page to make it taller. js code is in subhead-home.html */

#side1 #side1Content, #side1 #side1ContentHome{
	background: #ffe7d1; 
	margin: 0 381px 0 0; padding: 0px;
	background-image: url(../images/subnav-left.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#side2 #side2Content, #side2 #side2ContentHome {
	background: #ffe7d1; 
	margin: 0 0 0 381px; padding: 0px;
	background-image: url(../images/subnav-right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


* html #side2 {position: relative;}
* html #side2 #center {position: relative; left: 0px;}



.breadcrumbs{margin-top:8px;margin-left:8px;display:block;}
.breadcrumbs a{color:#FFFFFF;}
.breadcrumbs a:hover{color:#FFFFFF;text-decoration:none;}



.utilLinks{
	font-size:11px;
	padding-right:7px;
	position:relative;
	float:right;
	color:#FFFFFF;
	background-image: url(../images/util_links_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.utilLinks form{
	margin:5px 3px 0px 3px;
	float:left;
	padding:0px;
}
.utilLinks #searchInput, .utilLinks #loginInput{border:1px solid #d8dae9;font-size:9px;color:#666666;}
.utilLinks #searchInput{width:195px;}
.utilLinks #loginInput{width:75px;}
.utilLinks #loginSubmit, .utilLinks #searchSubmit{font-size:9px;color:#1d3c8a;}
.utilLinks #loginSubmit, .utilLinks #searchSubmit{border:none;background-repeat: no-repeat;background-color:#1f3f91;background-position: center center;padding:3px;}
.utilLinks #searchSubmit{background-image: url(../images/goButton_bkg.jpg);}
.utilLinks #loginSubmit{background-image: url(../images/loginButton_bkg.jpg);}

.utilLinks #loggedInLinks{padding-top:7px;margin-left:5px;float:left;}
.utilLinks a{color:#FFFFFF;text-decoration:none}
.utilLinks a:hover{text-decoration:underline}


.sendMeUpdates {float:right;margin-top:3px;font-size:11px;width:400px;text-align:right;}
.sendMeUpdates a{color:#FFFFFF;}
.sendMeUpdates a:hover{text-decoration:none;}



#nav{float:right;
	background-color:#FFFFFF;
	margin:3px 0 0 0;
	height:33px;
	background-image: url(../images/nav_bkg.jpg);
	z-index:2;
}
#nav .navItem {float:left;}
#nav .navItem .top, #nav .navItem .active{
	padding-top:11px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:8px;
	background-image: url(../images/nav_off.jpg);
	color: #170f7c;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: left top;
}
#nav .navItem .top a{color: #170f7c;text-decoration:none;}
#nav .navItem .active a{color: #FFFFFF;text-decoration:none;}
#nav .navItem .top:hover, #nav .navItem .active:hover{
	color: #170f7c;
	background-image: url(../images/nav_over.jpg);
}
#nav .navItem .active, #nav .navItem .active:hover{
	background-image: url(../images/nav_active.jpg);
	background-color: #1D3C8A;
	color: #FFFFFF;
}
#nav .navItem       .subnav {display:none;position:absolute;text-align:left;z-index:100;background:none;}
#nav .navItem:hover .subnav {display:block;padding:0px;margin:-1px 0 0 1px;}
#nav .navItem:hover .subnav .item {padding:5px 0 5px 0 ;background:#1b2f62;font-size: 11px;}
#nav .navItem:hover .subnav .item a{color:#fff;text-decoration:none;padding:5px 15px 5px 15px;}
#nav .navItem:hover .subnav .item:hover{background-image: url(../images/subnav_bkg_hover.jpg);}

.clear{clear:both;}

