@import url("master.css");

/* ----- IDS ----- */
body { background: url("../../images/bk.jpg"); color: #666666; }
#container { width: 980px; margin: 0 auto; background: #fff; }
#top-layer { padding: 20px 20px 30px; margin-bottom: 1px; background: #566F85; color: #fff; }
#nav-layer { background: #066ca7 url("../../images/background-nav-layer.gif") repeat-x; border-bottom: 4px solid #4691bd; }
#main-layer { border-top: 4px solid #818181; padding-top: 20px; }
#main-content { float: left; width: 720px; padding: 0 20px; }
#right-content { float: right; width: 200px; padding-right: 20px; color: #006699; font-size: 0.95em; text-align: justify; }
#footer { background: #566F85; text-align: right; color: #fff; padding: 10px 20px; }

/* ----- CLASSES ----- */

/* ----- LISTS ----- */
#nav-layer ul { float: left; clear: left; margin: 15px 0 0; height: 198px; border-bottom: 1px solid #fff; }
#nav-layer li { text-align: right; width: 300px; padding-right: 10px; }
#nav-layer li a { color: #fff; }

#footer ul { margin: 0; }
#footer li { display: inline; }
#footer li.first { float: left; }
#footer li a { color: #fff; }

#main-content ul { list-style: disc; }
#main-content ol { list-style: decimal; }

ul.features { float: right !important; clear: none !important; width: 225px; }
ul.features li { text-align: left !important; width: 215px !important; padding-left: 10px; color: #fff; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, .h1, h2, .h2, h3, .h3 { color: #006699; }

#top-layer address { float: right; }

/* ----- LINKS ----- */
a { color: #006699; }
#top-layer a { color: #fff; }

/* ----- IMAGES ----- */
#nav-layer img { margin: 0 0 -6px 0; border: 1px solid #fff; border-top: none; }

/* ----- TABLES ----- */

/* ----- FORMS ----- */

/* ----- LIGHTBOX ----- */
#lightbox { position: absolute; top: 20px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; color: #151410; }
#lightbox a, #lightbox a: hover { border-bottom: none; color: #151410; text-decoration: underline; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainerBottom .icLine1, #imageContainerBottom .icLine2, #imageContainerBottom .icLine3, #imageContainerBottom .icLine4, #imageContainerBottom .icLine5,
#imageContainerTop .icLine1, #imageContainerTop .icLine2, #imageContainerTop .icLine3, #imageContainerTop .icLine4, #imageContainerTop .icLine5 { font-size: 1px;/*	line-height: 1px;*/ height: 1px; background-color: #fff; border-style: solid; border-width: 0px 1px; }
#imageContainerTop .icLine1,#imageContainerBottom .icLine1 {margin: 0px 0px;border-color: #9e9e9e}
#imageContainerTop .icLine2,#imageContainerBottom .icLine2 {margin: 0px 0px;border-color: #3b3b3b}
#imageContainerTop .icLine3,#imageContainerBottom .icLine3 {margin: 0px 1px;border-color: #7b7b7b}
#imageContainerTop .icLine4,#imageContainerBottom .icLine4 {margin: 0px 2px;border-color: #676767}
#imageContainerTop .icLine5,#imageContainerBottom .icLine5 {margin: 0px 4px;border-color: #9e9e9e}
#imageContainerTop, #imageContainerBottom { position: relative; width: 250px; margin: 0 auto; }
#imageContainer { border-style: solid; border-color: #fff; border-width: 6px 10px 10px 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#loadingLink { display: block; margin: 0 auto; padding: 0; width: 32px; height: 32px; background: url("../../images/loading.gif") center center no-repeat; text-indent: -9999px; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}
#prevLinkImg, #nextLinkImg { width: 49%; height: 100%; background-image: url(data: image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; text-indent: -9999px; }
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("../../images/prev.png") 5% center no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("../../images/next.png") 97% center no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData { padding: 0 10px; }
#imageDetails { width: 70%; float: left; text-align: left; }	
#caption { font-weight: bold;	}
#numberDisplay { display: block; float: left; padding-right: 10px;}			
#detailsNav { display: block; padding: 0 0 10px 0; }	
#prevLinkDetails { margin: 3px; margin-top: 1px; display: block; width: 16px;height: 16px; background: url("../../images/prevlabel.gif") left center no-repeat; float: left; }
#nextLinkDetails { margin: 3px; margin-top: 1px; display: block; width: 16px;height: 16px; background: url("../../images/nextlabel.gif") right center no-repeat; float: left; }
#slideShowControl.started { background-image: url("../../images/pause.gif"); }
#slideShowControl { display: block; width: 17px; height: 17px; float: left; background: url("../../images/start.gif"); background-position: center center; background-repeat: no-repeat; }
#closeLink { display: block; margin: 0; padding: 0px; text-decoration: none; float: right; width: 32px; height: 32px; background: url("../../images/close.gif") no-repeat; text-indent: -9999px; overflow: hidden; }	 	
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #151410; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } 
.clearfix: after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }