@charset "utf-8";
/* CSS Document */
body {
   behavior: url("<?=INCLUDES_DIR;?>csshover3-source.htc");
}



.header{
	background-image: url(../images/header_bkg.jpg);
	overflow:hidden;
}
.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);
	background-repeat:no-repeat;
	height: 32px;overflow:hidden;
}

#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:9px;margin-left:8px;display:block;}
.breadcrumbs a{color:#FFFFFF;}
.breadcrumbs a:hover{color:#FFFFFF;text-decoration:none;}



.utilLinks{
	font-size:11px;
	padding-right:7px;
	float:right;
	color:#FFFFFF;
	padding-top:7px;
	margin:0px;
	height:23px;
}

.utilLinks form{
	display:inline;
	margin:0px 3px 0px 3px;
	padding:0px;
}
.utilLinks form input{
	font-family:arial;	
}
#updatesButton, #catalogButton, #loginButton, #logoutButton, #myinfoButton, #registerButton{
	margin-right:11px;
	background-image: url(../images/bullet_white.png);
	background-repeat: no-repeat;
	background-position:0px 4px;
	padding-left:11px;
	text-decoration:none;
}

#registerButton{margin-right:15px;}

.languageSelector{
	display:inline;
	padding-right:15px;
	color:#FFFFFF;
}
.languageSelector .link  {
	color:#8da4c6;
	text-decoration:underline;
}

.languageSelector .link:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.languageSelector .languageName{
	display:inline;
	padding-left:3px;
	padding-right:6px;
}


#languageArrow{margin-right:4px;}
.utilLinks #searchInput{width:209px;margin-left:11px;border:none;background-color:#1b355d;color:#FFFFFF;font-size:11px; padding:2px 2px 1px 2px;}
.utilLinks #searchSubmit{margin-left:3px;margin-bottom:-1px;vertical-align: text-bottom;}

.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;
	margin:3px 0 0 0;
	height:33px;
	z-index:2;
}
#nav .navItem {float:left;
	background-image: url(../images/nav_bkg.jpg);}
#nav .navItem .top, #nav .navItem .active{
	padding-top:11px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:9px;
	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 .top:hover a{
	color:#FFFFFF;
}
#nav .navItem .active a{color: #FFFFFF;text-decoration:none;}
#nav .navItem .top:hover, #nav .navItem .active:hover{
	color: #FFFFFF;
	background-image: url(../images/nav_over_v2.jpg);
}
#nav .navItem .active{
	background-image: url(../images/nav_active_v2.jpg);
	background-color: #1D3C8A;
	color: #FFFFFF;
}
#nav .navItem       .subnav {display:none;position:absolute;text-align:left;z-index:100;}
#nav .navItem:hover .subnav {display:block;padding:0px;margin:-2px 0 0 0px;}
#nav .navItem:hover .subnav .item, #nav .navItem:hover .subnav .itemNoLink {background-color: #274f8c;padding:5px 0 5px 0 ;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-color:#1c3561;}


/* EXTRA LARGE SUBNAV UNDER "TRAINING" */
#nav .navItem:hover .subnav#bigSubNav{
	color:#FFFFFF;
	margin-left:-239px;
	background-color: #274f8c;
}

#nav .navItem:hover .subnav .itemNoLink{padding-left:15px;font-weight:bold;}

#nav .navItem:hover .subnav .item#level1{
	font-weight:bold;	
}
#nav .navItem:hover .subnav .item#level2{
	font-weight:bold;	
}
#nav .navItem:hover .subnav .item#level2:before {
	content: url(../images/arrow_white_right.png);
}

#nav .navItem:hover .subnav .item#level2 a{
	padding-left:3px;
}

#nav .navItem:hover .subnav .item#level2{
	padding-left:25px;	
}
#nav .navItem:hover .subnav .item#level3{
	padding-left:20px;	
}


#nav .column{
	width:243px;
	float:left;
	margin-top:7px;
	margin-bottom:10px;
}
#nav .column#leftColumn{
	width:255px;
	float:left;
}

#nav .navItem:hover .subnav#bigSubNav .item a{line-height:10px;}

#nav .roundCorners{position:absolute;}

.clear{clear:both;}