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

* { margin: 0; padding: 0; }

html { overflow-y: scroll; }
body { padding: 30px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0d4d99; text-align: center; background: #c4c4c4; z-index: 0; }

#holder { position: relative; margin: 0 auto; padding-bottom: 7px; width: 960px; height: auto; overflow: hidden; text-align: center; z-index: 1; }

/* header */
#header { position: relative; float: left; width: 960px; height: 33px; z-index: 2; } 

#menu { position: relative; float: left; height: 33px; list-style: none; z-index: 3; }
#menu li { position: relative; float: left; margin-right: 2px; height: 33px; color: #ffffff; background: url(../images/bgMenu.gif) repeat-x; }
#menu li.extra { background: url(../images/bgMenuExtra.gif) repeat-x; }
#menu li a,
#menu li a:visited { display: block; padding-left: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-transform: uppercase; text-decoration: none; line-height: 33px; background: url(../images/bgMenuTL.gif) 0 0 no-repeat; }
#menu li a:hover,
#menu li a.active { color: #0d4d99; text-decoration: none; background: url(../images/bgMenuTL.gif) 0 0 no-repeat #FFF; }
#menu li a span { display: block; padding-right: 14px; height: 33px; background: url(../images/bgMenuTR.gif) top right no-repeat; }

#menu li ul { position: absolute; left: 0; top: 33px; width: 150px; list-style: none; display: none; z-index: 4; }
#menu li ul li { position: relative; float: left; width: 150px; text-align: left; background: #FFF; border-bottom: 1px solid #bacbdf; }
#menu li.extra ul li { position: relative; float: left; width: 150px; text-align: left; background: #FFF; border-bottom: 1px solid #bacbdf; }
#menu li ul li.lastNode { border: none; }
#menu li ul li a,
#menu li ul li a:visited { float: left; display: block; padding: 0px 8px; width: 134px; height: auto; font-size: 11px; font-weight: normal; color: #0d4d99; text-decoration: none; background: none; }
#menu li ul li a:hover,
#menu li ul li a:visited.active,
#menu li ul li a.active { float: left; display: block; padding: 0px 8px; width: 134px; height: auto; font-size: 11px; font-weight: bold; color: #0d4d99; text-decoration: none; background: none; }
#menu li ul li a span,
#menu li ul li a:visited span { display: inline; padding: 0; height: auto; font-weight: bold; color: #c1cfdf; background: none; }
#menu li ul li a:hover span,
#menu li ul li a.active span { display: inline; padding: 0; height: auto; font-weight: bold; color: #0d4d99; background: none; }

* html #menu li { width: 1px; }

#menu li.sfhover ul { display: block; }

/* body */
#body { position: relative; float: left; padding: 15px 11px 0px 11px; width: 938px; background: url(../images/bgBodyTR.gif) top right no-repeat #FFF; z-index: 1; }
#body .body { position: relative; float: left; float: left; padding-bottom: 20px; width: 938px; border-bottom: 1px solid #0d4d99; }

#rail { position: relative; float: left; width: 222px; z-index: 2; }
#rail .rail { position: relative; float: left; width: 220px; text-align: center; border-left: 1px solid #c2d2e5; border-right: 1px solid #c2d2e5; background: none; }
#rail .rail a img { border: none; }
#rail .rail img.static { float: left; margin: 10px 0px; }
#rail img.border { float: left; }
#rail .banner { float: left; margin-top: 40px; }
#rail .banner a img { margin-bottom: 30px; border: none; }

.rail { position: relative; float: right; width: 222px; text-align: center; }
.rail a.logo { position: relative; margin: 0 auto; }
.rail a.logo span { display: none; }
.railBlock { position: relative; float: left; margin-bottom: 8px; width: 220px; }
.railBlock img { position: relative; float: left; }
.railBlock .block { float: left; text-align: center; border-left: 1px solid #c2d2e5; border-right: 1px solid #c2d2e5; }
.railBlock .block span { float: left; margin-bottom: 12px; display: block; width: 220px; height: 28px; font-size: 12px; font-weight: bold; font-style: normal; border-bottom: 1px solid #95b1d2; }
.railBlock .block table { margin: 0 auto; }
.railBlock .block table tr.top td { padding-bottom: 18px; }
.railBlock .block table td { padding-bottom: 4px; text-align: left; line-height: 150%; vertical-align: top; }
.railBlock .block table td a,
.railBlock .block table td a:visited { color: #0d4d99; text-decoration: none; }
.railBlock .block table td a:hover { color: #0d4d99; text-decoration: underline; }
.railBlock .block table.small td { font-size: 11px; }

/* content */
#content { position: relative; float: left; width: 938px; padding-top: 20px; border-top: 1px solid #0d4d99; }
.content { position: relative; float: left; margin-left: 12px; width: 470px; text-align: left; }
.content h1 { margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #0d4d99; }
.content h2 { margin-bottom: 15px; font-size: 13px; font-weight: bold; color: #0d4d99; }
.content h3 { margin-bottom: 15px; font-size: 12px; font-weight: bold; color: #0d4d99; }
.content p { margin-bottom: 15px; }
.content a,
.content a:visited { color: #0d4d99; text-decoration: underline; }
.content a:hover { color: #0d4d99; text-decoration: none; }
.content img { position: relative; float: left; }
.content .tpl { position: relative; float: left; padding: 0px 25px; width: 419px; border-left: 1px solid #95b1d2; border-right: 1px solid #95b1d2; }
.content .tpl ul { margin-left: 15px; padding-bottom: 15px; color: #0e4d99; }
.content .tpl img { float: none; }

/* footer */
#footer { position: relative; float: left; width: 960px; background: url(../images/bgBodyBR.gif) right 10px no-repeat #FFF; }
.footer { position: relative; float: left; margin-top: 15px; width: 960px; height: 33px; text-align: center; background: #c4c4c4; }
.footer ul { position: relative; float: left; padding-left: 4px; height: 33px; list-style: none; background: url(../images/bgBodyBL.gif) 0 27px no-repeat #FFF; }
.footer ul li { float: left; padding: 0px 7px 0px 6px; line-height: 33px; background: url(../images/bgDivFooter.gif) right no-repeat; }
.footer ul li.lastNode { padding-right: 10px; background: url(../images/bgBodyBR.gif) right 28px no-repeat; }

#footer ul li.firstNode { padding-top: 4px; background: none; }
#footer ul li a,
#footer ul li a:visited { font-size: 11px; color: #0d4d99; text-decoration: none; }
#footer ul li a:hover,
#footer ul li a.active { font-size: 11px; color: #0d4d99; text-decoration: underline; }

.footer span { position: relative; float: right; font-size: 11px; line-height: 33px; }


/* 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(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(/skins/default/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/skins/default/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: hidden; 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; }