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

/* commented for asp files
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
td,th{vertical-align:top;}
ul{list-style:none;}
caption,th,td{text-align:left;font-weight:normal;}
*/

fieldset{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
td{text-align:left;}
th{text-align:center;}

a{text-decoration:none;}
table{border-collapse:separate;border-spacing:0;}



blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}


strong,b{font-weight:bold;}
em,i{font-style:italic;}
.skip{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;width:600px;color:#FFF;}
.skip:focus,.skip:active{position:static;width:auto;height:auto;left:0px ;margin-right:10px;}
.noreveal:focus,.noreveal:active{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;width:600px;color:#FFF;}
span.access,.access{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/*edited font sizes*/
body{font-size:72.5%; font-family:Arial,Helvetica,sans-serif; width:100%; margin:0 auto; }
body.largeFont{font-size:72.5%;}
body.medFont{font-size:70.5%;}
body.smallFont{font-size:62.5%;}

#top{position:relative; width:960px; margin: auto}

#mainContent:after, .article:after { content: ""; display: block; height: 0; clear:both;}

/* commented for asp files
h1 { color:#111112; font-weight:bold; font-size:2.7em; margin:27px 0; }
h2 { color:#002D6A; font-weight:bold; font-size:2em; margin:14px 0; }
h3 { color:#A86C00; font-weight:bold; font-size:1.7em; margin:14px 0; }
h4 { color:#4E4023; font-weight:bold; font-size:1.5em; margin:14px 0; }
p { color:#333333; font-size: 1.3em; margin-bottom:20px;  }
a { color:#305192; font-size:1.3em; }
*/
/*added for asp files*/
h1 { color:#111112;font-size:2.3em;}
h2 { color:#111112;font-size:1.8em;}
h3 { color:#111112;font-size:1.5em;}
h4 { color:#4E4023;font-size:1.3em;}
p { color:#333333;}

/*fixed a element to be specific*/
a:link { color:#305192;}
a:link:hover { text-decoration:underline; }
a:link:visited { color:#3f1368;}
a:link:visited:hover { text-decoration:underline; }


ol { list-style-position:inside;color:#333333; margin:14px 0 28px 40px; }
ol span { font-weight:normal; }


#header { height:109px; }
.logo { position:absolute; left:20px; top:18px; }
#subnav {/* float:left;*/ margin-top:4px; margin-right:210px; }
#subnav a.last { background:none; }
#secondary { float:right; margin-top:30px; width:480px; }
#secondary a { font-weight:bold; background:url(../images/sub/pipe-grey.gif) no-repeat right 3px; margin-left:6px; padding-right:7px;  }
#secondary fieldset { float:right; margin-left:16px; position:relative;  }
#secondary input.text {position:absolute; width:165px; right:0px; padding-right:60px; border:1px solid #999999; padding-bottom:4px; padding-top:2px;   }

/* change top to 1px on submit search button*/
input.submit { background:url(../images/sub/search_btn.png) no-repeat 0 0; width:57px; height:22px; border:none; border-left:1px solid #999999; text-indent:-9999px; position:absolute; right:1px; top:1px; cursor:pointer;  }


html.mac #secondary input.text { padding-bottom:6px; }
html.firefox #secondary input.submit, html.msie8 #secondary input.submit, html.msie7 #secondary input.submit {  top:1px; }
html.msie8 #subnav { margin-right:210px; }
input.submit:hover { background-position:0 -22px; }

#centercontent{width:960px; margin:auto; background:white;}

#skip a
 { 
 position:absolute; 
 left:-10000px; 
 top:auto; 
 width:1px; 
 height:1px; 
 overflow:hidden;
 } 
  
 #skip a:focus 
 { 
 position:static; 
 width:auto; 
 height:auto; 
 } 
 
 

#switch { position:absolute;margin-right:210px;top:73px;}
#switch a.fixed { font-weight:bold;background:none;display:none; }
#switch a.full { font-weight:bold;background:none;display:block; }

#doi{width:100%; height:16px; background-color: #f9f9f9; font-size:14px; font-weight:bold; padding: 8px 0; }
#doi a {
    color: #000000 !important; }
#doi a:hover {
	text-decoration: none; }
#centerthedoi{width:960px; margin:auto; padding: 8px, 0, 4px, 0;}

#govbanner{width:100%; background-color: #f0f0f0;}

#clear {
	clear:both;
}

#nav div { display:inline; }

#blacknavsides{width:100%; height:58px; background-color:#0f273b; }
#centerthenav{width:960px; margin:auto;}
#nav-one{width:960px;background-color:#0f273b;margin-top: 0px; z-index:2000;}

#nav { width:960px; height:58px; background-color:#0f273b;margin-top: 4px; }

#nav div:hover, .active { background-color:#153C6B; }
#nav a { color:#FFFFFF; font-size:14px; font-weight:bold; }
#nav a:hover { text-decoration:none; }
.nav1, .nav2, .nav3, .nav4, .nav5, .nav6 { height:58px; float:left; position:relative; z-index:1500;  }
.nav1 {  width:149px; } .nav1 a { position: absolute; top: 18px; left: 28px; }
.nav2 {  width:140px; } .nav2 a { position: absolute; top: 18px; left: 28px; }
.nav3 {  width:179px; } .nav3 a { position: absolute; top: 12px; left: 28px; }
.nav4 {  width: 182px; } .nav4 a { position: absolute; top: 12px; left: 26px; }
.nav5 {  width: 162px; } .nav5 a { position: absolute; top: 12px; left: 28px; }
.nav6 {  width: 148px; } .nav6 a { position: absolute; top: 12px; left: 28px; }
.nav1:hover .flyout1, .nav2:hover .flyout2,.nav3:hover .flyout3,.nav4:hover .flyout4,.nav5:hover .flyout5 { left:0; z-index:905;}
.nav6:hover .flyout6 { left:-61px; z-index:905; }
.flyout1, .flyout2,.flyout3,.flyout4,.flyout5,.flyout6 { width:209px; height:auto; background-color:#153C6B; position:absolute; left:-9999px; top:58px; z-index:900 }
.flyout1 ul, .flyout2 ul,.flyout3 ul,.flyout4 ul,.flyout5 ul,.flyout6 ul { position:relative; margin-left:16px; padding-top:10px; list-style:none; }
@-moz-document url-prefix() {  
    .flyout1 ul, .flyout2 ul,.flyout3 ul,.flyout4 ul,.flyout5 ul,.flyout6 ul { position:relative; margin-left:-25px; padding-top:10px; list-style:none; }
	 } 
#nav .flyout1 li, #nav .flyout2 li,#nav .flyout3 li,#nav .flyout4 li,#nav .flyout5 li,#nav .flyout6 li { margin-left:0; width: 158px; height:auto;  background:url(../images/sub/border-bottom.png) repeat-x bottom left; margin-bottom:8px; padding-right:18px; padding-bottom:8px;}
#nav .flyout1 li a, #nav .flyout2 li a,#nav .flyout3 li a,#nav .flyout4 li a,#nav .flyout5 li a,#nav .flyout6 li a { position:relative; color:#C1E3EE; font-weight:normal; padding-left:16px; margin-left:-28px;  display:block;height:auto; top:0; }
#nav .flyout1 li a:hover, #nav .flyout2 li a:hover, #nav .flyout3 li a:hover,#nav .flyout4 li a:hover,#nav .flyout5 li a:hover,#nav .flyout6 li a:hover { color:#FFFFFF; }
#nav .flyout1 li.last, #nav .flyout2 li.last,#nav .flyout3 li.last,#nav .flyout4 li.last,#nav .flyout5 li.last,#nav .flyout6 li.last { background:none; }


#mainContent { margin-top:14px; }
#leftNav { width:175px; float:left; background:url(../images/layout/gradient-blue-sub-nav.png) repeat-x 0 0;  padding:14px 12px; z-index:1; }
#wrapper { width:757px; float:left; }
#content { width:516px; margin-left:22px; float:left; }
.breadcrumbs { margin-left:22px;margin-top: 3px; }
.breadcrumbs li { display:inline; }
.breadcrumbs li a { color:#1D5698; font-size:1.2em;  }
.breadcrumbs li a.active { color:#666666; background:none; text-decoration:none; }
.contentImage { margin-left:13px; margin-bottom:13px; border:1px solid #121213; float:right; }
#quickLinks { width:168px; height:auto; padding:14px; float:right; background-color:#E8E8E8; margin-top:27px; }
#quickLinks li { padding:10px 0; border-bottom:1px solid #999999;  }
#quickLinks li.last { border-bottom:none; margin-bottom:0; }
.quickLinksHeading, .navHeading { color:#111112; font-weight:bold; font-size:2em; margin:14px 0; }
.navHeading { font-size:1.65em; }

#footer {text-align:center;}
#footer a { display:block; padding-bottom:26px;  }
#footer a:link { color:#305192;}
#footer a:link:hover { text-decoration:underline; }
#footer a:link:visited { color:#305192;}
#footer a:link:visited:hover { text-decoration:underline; }
.column1 { width:115px; float:left; margin-left:225px; }
.column2 { width:150px; float:left; }
.column3 { width:176px; float:left; }
.column4 { width:138px; float:left; }

.print-button { position:absolute;top:71px;right:0px;  }



ul.dropmenu {
	float: left;
	margin: 0px; 
	padding: 0px;
	/*background:url("images/navigation.png") repeat-x scroll 0 0 transparent;*/
	display:block;
	height:58px;
	font-size:14px;
	font-weight:bold;
}

.dropmenu li a, .dropmenu li{
	float: left;
}
.dropmenu li a:hover, .dropmenu li.open > a{
	color: #153C6B;
	text-decoration: none;
	background: #FFFFFF url("/boem/images/dropmenu/gradient.png") repeat-x scroll 0 0;	
}

.dropmenu li{
	list-style: none;
	position: relative;	
	top: 1px;
	z-index:99000;
}

.dropmenu li span{
	display: block;
	height: 12px;
	width: 10px;
	position: absolute;
	top: 12px;
	right: 10px;
/*	background:url("/boem/images/dropmenu/arrow_up.png") repeat-x scroll 0 0 transparent;*/
}
.dropmenu li a:hover span, .dropmenu li.open > a span{
	background: url("/boem/images/dropmenu/arrow_hover.png") no-repeat scroll 0 0 transparent;	
	/*background:url("/boem/images/dropmenu/arrow_sub.gif") repeat-x scroll 0 0 transparent;*/
}

.dropmenu li a.oneline{
  height:32px;
  padding:  20px 31px 4px 31px;
}

.dropmenu li a, .dropmenu li div{
	padding: 10px 31px 14px 31px;
	text-decoration: none;
	color: #FFF;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #333;/*	text-transform:uppercase;*/
}


/* Submenu */
.dropmenu li > ul, .dropmenu li > div {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	padding: 0px;
	margin: 0px;
	font-size:12px;
	font-weight:bold;
	background:url("/boem/images/dropmenu/gradient.png") repeat-x scroll 0 0 #FFFFFF;
	border-bottom:1px solid #CCCCCC;
}

.dropmenu li:hover > ul, .dropmenu li:hover > div{
	display: block;
}

.dropmenu li ul li, .dropmenu li ul li a{
	float: none;	
	color: #153C6B;
	text-transform: none;
	text-decoration: none;
}

.dropmenu li ul li{
	_display: inline;	
}

.dropmenu li > div{
	width: 200px;
}

.dropmenu li ul li a span{
	background:url("/boem/images/dropmenu/arrow_sub.gif") repeat-x scroll 0 0 transparent;	
}

/* Sub submenu */

.dropmenu li ul li a{
	width: 130px;
	display: block;	
	border:1px solid #CCCCCC;
	border-top: none;
}

.dropmenu li ul li a:hover{
	color:#1756C2;
	/*background-color: #3C6;*/
}

.dropmenu li ul li ul, .dropmenu li ul li > div{
	top: 0px;
	left: 101%;
}

.dropmenu li ul li ul.floatleft{
	top: 0px;
	left: -101%;
}

.dropmenu li ul li ul.floatleft{
	top: 0px;
	left: -101%;
}

/*******************************************************
Login form
*******************************************************/
.dropmenu li > div.login{
	border:1px solid #CCCCCC;
	width: 210px;	
}
.dropmenu li > div.login div{
	border: none;
}
.login label{
	display:block;
	padding:0 0 4px;
	color:#595959;	
}
.login input {
	border:1px solid #153C6B;
	margin-bottom:8px;
	padding:3px 8px;
	width:164px;
}
.login button {
	background:url("/boem/images/dropmenu/navigation.png") repeat-x scroll 0 0 #153C6B;
	border:1px solid #153C6B;
	color:#FFFFFF;
	padding:4px 10px;
	width:175px;
}

/*******************************************************
Products div
*******************************************************/
.dropmenu li > div.products{
	width: 285px;

}
.dropmenu li:hover > div.products ul{
	display: block;
}
.dropmenu li > div.products *{
	padding: 0px;
	margin: 0px;
	position: relative;	
	border: none;
}
.dropmenu li > div.products li{
	overflow: hidden;
	padding: 10px 0px;
	border-bottom:1px solid #CCCCCC;
}
.dropmenu li > div.products li img{
	float: left;
	margin:  0 15px;
}
.dropmenu li > div.products{
	border:1px solid #CCCCCC;
	color:#595959;
}
.dropmenu li > div.products ul li h2{
	font-size: 16px;
	margin: 0px;
	padding: 2px 0 3px;
}
.dropmenu li > div.products ul li p{
	color:#666666;
	font-size:10px;
	margin:0;
	padding:0;
}
.dropmenu li > div.products ul li p a {
	border:medium none;
	color:#666666;
	display:inline;
	margin:0;
	padding:0;
	text-transform:none;
	background: none;
}
.dropmenu li > div.products ul{
	padding: 0px;
	margin: 0px;	
}
.dropmenu li > div.products ul li p a:hover {
	color:#222;
	text-decoration: none !important;
}
.dropmenu li > div.products .small{
	padding: 15px;
	color:#595959;
	font-size: 9px;
	text-transform: none;
}

/*******************************************************
Tutorials div
*******************************************************/
.dropmenu li > div.tutorials *{
	display: none;	
}