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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
a{
	text-decoration:underline;
	color:#333;
}
a:hover{text-decoration:none;}
.gentext {
	font-family: "verdana", verdana, arial, helvetica;
	font-size: 12px;
	margin-bottom:7px;	
}

p {font-size:14px; margin-top:0;} /* OG 12 */
span{font-size:12px;}
.bold{font-weight:bold;}

.imgbrdr{border:1px solid #bbb;}

.logo{	background: url(../images/logo.gif) no-repeat top left; position:absolute; left:0; top:0; width:415px; height:400px;}

.bgleftimg{	background: url(../images/blue-xpd.gif) repeat-x;}

.borderright{border-right:1px solid #cccccc;}
.bordertop{border-top:1px solid #cccccc;}
.dottedborderhr{border-bottom:1px dotted #cccccc; margin:20px 0 20px 0; height:1px;}
.dottedborderhr-sm{border-bottom:1px dotted #cccccc; margin:5px 0 15px 0; height:1px;}

.clear{clear:both;}




/* ^^^^^^^^ NAV MENU ^^^^^^^^^^ */

.navtabs{
	margin-top:325px;
	margin-right:45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-top: 1px dotted #777777;
	}
.navtabs ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	}
.navtabs li{
	margin:0;
	padding:10px 0 13px 0;
	text-decoration:none;
	border-bottom: 1px dotted #777777;
	}
.navtabs a{
	background:url(../images/tableft-subnav.png) no-repeat left top;
	margin:0 0 0 0;
	padding:0 0 0 7px;
	text-decoration:none;
	color:#000000;

    }
	/*
.navtabs a span{
	font-size:.7em;
	background:url(../images/tabright-subnav.png) no-repeat right top;
	padding:5px 12px 7px 2px;
	}
	*/
	
	.navtabs a span {
font-size: .8em;
background: url(../images/tabright-subnav.png) no-repeat right top;
padding: 5px 5px 7px 2px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navtabs a span {float:none;}
/* End IE5-Mac hack */

.navtabs a:hover span{
	text-decoration:none;}
.navtabs a:hover{
	background-position:0% -25px;
	text-decoration:none;}
.navtabs a:hover span{
	background-position:100% -25px;
	text-decoration:none;}	
	
	
.navtabs li a:active span{
	text-decoration:underline;}
.navtabs li a:active{
	background-position:0% -25px;
	text-decoration:none;}
.navtabs li a:active span{
	background-position:100% -25px;
	text-decoration:none;}
	

.navtabs li a.active:link span, .navtabs li a.active:visited span, .navtabs li a.active:active span, .navtabs li a.active:hover span{
	text-decoration:underline;}
	
.navtabs li a.active:link, .navtabs li a.active:visited, .navtabs li a.active:active, .navtabs li a.active:hover{
	background-position:0% -25px;
	text-decoration:none;}
	
.navtabs li a.active:link span, .navtabs li a.active:visited span, .navtabs li a.active:active span, .navtabs li a.active:hover span{
	background-position:100% -25px;
	text-decoration:none;}
		  
.navtabs li.current a span{
	color:#ffffff;
	text-decoration: none;}
.navtabs li.current a{
	background-position:0% -25px;
    }
.navtabs li.current a span{
	background-position:100% -25px;
	color:#555555;}
	
/* ^^^^^^^^END NAV MENU ^^^^^^^^^^ */




.contentbox{margin:245px 0 0 65px; z-index:5}
.contentboxbookritchie{margin:30px 0 0 15px;}
.contentboxtop{background:url(../images/content-top.gif) no-repeat top; width:524px; height:15px; margin:0 0 0 0;}
.contentxpd{width:492px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; margin-top:0px; padding:10px 15px 10px 15px; }
.contentboxbottom{ background:url(../images/content-bottom.gif) no-repeat; width:524px; height:15px;}

	
#contentwrapper{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color:#fff;
	margin-bottom:20px;
	padding:20px;
	width:928px; *width:970
}	

.content{
font-size:12px;
padding-left:7px;
padding-right:7px;
}


.pgtitle{
	font-size:16px;
	font-weight:bold;
	color:#002651;
	height:20px;
	border-bottom: 1px solid #cccccc;
}

.ftrlinks ul{list-style:none; margin-left:0; margin-top:25px;}
.ftrlinks li{color:#1C3665; display:inline; text-decoration:none; font-size:11px;}
.ftrlinks li a, .ftrlinks li a:active, .ftrlinks li a:visited{color:#1C3665; text-decoration:none;}
.ftrlinks li a:hover{text-decoration:underline;}


.333 {color:#333;}
.grey {color:#555;}
.white {color:#fff;}
.black {color:#000;}
.white {color:#fff;}
.darkblue {color:#00255e;}
.blue {color:#0078c1;}
.bold{font-weight:bold;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12 {font-size: 12px;}
.font13 {font-size: 13px;}
.font14 {font-size: 16px;} /* OG 14px */


.subnav{
	margin: 0 14px 0 0;
	padding: 0;
	list-style-type: none;
}

.subnav li 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
display: block;
padding: 5px 2px 5px 8px;
font-weight:bold;
background-image: url(../images/navbluearrow.gif); background-repeat: no-repeat; background-position: 0 1em; 
color:#000;
text-decoration:underline; 
}

.subnav li a{
color:#1d56ac;
text-decoration:underline; 

}
.subnav li a:hover{color:#000; text-decoration:none;}
.subnav li a:active{color:#000; text-decoration:none;}



.containerimages{padding:5px; *padding:5px; border:1px solid #ccc; background-color:#FFF;}

.bodycopy{
font-size:12px;
margin:5px 5px 0px 5px;
padding:0;
list-style-type:none;
}

.bodycopy li{
padding:0 0 8px 10px;
text-decoration: none;
background: url(../images/arrow_sm.gif) no-repeat;  background-position: 0.2em 0.4em; *background-position: 0.2em 0.3em;
}

.bodycopy1line{
font-size:12px;
color:#333;
margin:10px 5px 10px 5px;
padding:0;
list-style-type:none;
}

.bodycopy1line li{
padding:0 0 8px 10px;
text-decoration: none;
background: url(../images/arrow_sm.gif) no-repeat;  background-position: 0.2em 0.4em; *background-position: 0.2em 0.3em;
}

#information { margin-top:10px;}


a.news {
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
}
a.news:link { color: #1d56c4; }
a.news:visited { color: #1d56c4; }
/*---MARGINS AND PADDING---*/
.paddingleft1{padding-left:1px;}
.paddingleft2{padding-left:2px;}
.paddingleft5{padding-left:5px;}
.paddingleft8{padding-left:8px;}
.paddingleft{padding-left:10px;}
.padding10{padding: 10px 10px 10px 10px;}
.paddingleft10{padding-left:10px}
.paddingleft12{padding-left:12px;}
.paddingleft15{padding-left:15px;}
.paddingright{padding-right:5px;}
.paddingright1{padding-right:1px;}
.paddingright2{padding-right:2px;}
.paddingright4{padding-right:4px;}
.paddingright5{padding-right:5px;}
.paddingright8{padding-right:8px;}
.paddingright10{padding-right:10px;}
.paddingright12{padding-right:12px;}
.paddingright15{padding-right:15px;}
.paddingright24{padding-right:24px;}
.paddingtop{padding-top:10px;}
.paddingtop2{padding-top:2px;}
.paddingtop3{padding-top:3px;}
.paddingtop4{padding-top:4px;}
.paddingtop5{padding-top:5px;}
.paddingtop6{padding-top:6px;}
.paddingtop7{padding-top:7px;}
.paddingtop8{padding-top:8px;}
.paddingtop10{padding-top:10px;}
.paddingtop12{padding-top:12px;}
.paddingtop15{padding-top:15px;}
.paddingtop20{padding-top:20px;}
.paddingbottom{padding-bottom:10px;}
.paddingbottom2{padding-bottom:2px;}
.paddingbottom5{padding-bottom:5px;}
.paddingbottom6{padding-bottom:6px;}
.paddingbottom7{padding-bottom:7px; padding-bottom:_7px;}
.paddingbottom8{padding-bottom:8px;}
.paddingbottom10{padding-bottom:10px;}
.paddingbottom12{padding-bottom:12px;}
.paddingbottom15{padding-bottom:15px;}
.paddingbottom20{padding-bottom:20px;}
.paddingbottom50{padding-bottom:50px;}
.contennercontent{padding:15px;}
.marginbottom0{margin-bottom:0px;}
.marginbottom1{margin-bottom:1px;}
.marginbottom2{margin-bottom:2px;}
.marginbottom3{margin-bottom:3px;}
.marginbottom5{margin-bottom:5px;}
.marginbottom7{margin-bottom:7px;}
.marginbottom8{margin-bottom:8px;}
.marginbottom9{margin-bottom:9px;}
.marginbottom10{margin-bottom:10px;}
.marginbottom15{margin-bottom:15px;}
.marginbottom20{margin-bottom:20px;}
.marginbottom25{margin-bottom:25px;}
.marginbottom30{margin-bottom:30px;}
.marginbottom50{margin-bottom:50px;}
.marginleft5{margin-left:5px;}
.marginleft6{margin-left:6px;}
.marginleft7{margin-left:7px;}
.marginleft8{margin-left:8px;}
.marginleft9{margin-left:9px;}
.marginleft10{margin-left:10px;}
.marginleft11{margin-left:11px;}
.marginleft12{margin-left:12px;}
.marginleft15{margin-left:15px;}
.marginleft16{margin-left:16px;}
.marginleft20{margin-left:20px;}
.marginright1{margin-right:1px;}
.marginright3{margin-right:3px;}
.marginright5{margin-right:5px;}
.marginright8{margin-right:8px;}
.marginright10{margin-right:10px;}
.marginright15{margin-right:15px;}
.margintop0{margin-top:0;}
.margintop2{margin-top:2px;}
.margintop3{margin-top:3px;}
.margintop4{margin-top:4px;}
.margintop5{margin-top:5px;}
.margintop7{margin-top:7px;}
.margintop8{margin-top:8px;}
.margintop10{margin-top:10px;}
.margintop15{margin-top:15px;}
.margintop20{margin-top:20px;}
.margintop30{margin-top:30px;}
.marginright2{margin-right:2px;}


/*---LIGHTBOX---*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.imgholder{margin-right:10px; float:left;}
/*---END LIGHTBOX---*/