/* GENERIC */

body { color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:0.7em; margin:0; padding:0;}

h1 {color:#000000; font-weight:400; font-size:2em; margin:0; padding:0; font-family:Arial,Helvetica,sans-serif;}
h2 {color:#000000; font-weight:400; font-size:1.4em; margin:7px 0; padding:0; font-family:Arial,Helvetica,sans-serif;}
h3 {color:#000000; font-weight:500; font-size:1.1em; margin:5px 0; padding:0; font-family:Arial,Helvetica,sans-serif;}
#index-main-content p {margin:7px 0; padding:0; font-family:Arial,Helvetica,sans-serif;}
img { border:0}

a {color:#333333; text-decoration:none;}
a:visited {text-decoration:none; color:#333333;}
a:hover {text-decoration:underline; color:inherit;}
#wrapper {float:left; margin:0; padding:0; text-align:center; width:100%;}
#page-div {margin:auto; padding:0pt; width:971px;}
#bg-div {float:left; margin:0; padding:0; width:971px;}
#content-div {float:left; margin:0; padding:0; text-align:left; width:971px;}
#content {float:left; margin:25px 0 10px 11px; padding:0; width:948px; background:#ffffff;}
#header {float:left; margin:15px 0 0 0; padding:0; width:945px;}

#headerNav {float:left; margin-left:8px; margin-right:8px; padding:0; width:930px;}
#breadcrumb {margin-left:25px;}
#breadcrumb a {color:003044;}
#bottom-bg {float:left; margin:0; padding:0 0 18px 0; width:100%;}

#footer {float:left; margin:0 0 0 11px; padding:0px; width:948px;}
#footer ul {margin:8px 0 2px 8px; padding:0; width:948px; float:left;}
#footer li {float:left; display:inline; margin:0; padding:0 5px; border-right:1px solid #FFFFFF; color:#FFFFFF; }
#footer a {color:#FFFFFF; text-decoration:none;}


#footer li.footer-last {border:0;}
h1 a, h1 a:visited {color:#333333;}
h2 a, h2 a:visited {color:#333333;}
h3 a, h3 a:visited {color:#333333;}
h4 a, h4 a:visited {color:#333333;}

h1 a:hover {text-decoration:none;}
h2 a:hover {text-decoration:none;}
h3 a:hover {text-decoration:none;}
h4 a:hover {text-decoration:none;}
#logo {float:left; margin:0 0 0 10px; padding:0; width:255px;}

#main-nav {float:left; margin:0; padding:0; width:100%; background-color:#333333;}
#main-nav ul {margin:0.5em 0 0 8px; padding-top:5px; padding-bottom:5px; padding-left:0px; width:100%;}
#main-nav ul li {float:left; margin-bottom:10px; padding-left:20px; padding-right:20px; width:auto; height:12px; border:none; display:inline; text-align:center; text-transform:uppercase; list-style:none; }

#main-nav a {color:#FFFFFF; text-decoration:none;}

#spec-box {float:right; margin:15px 15px 0 0; padding:10px; width:243px; height:250px; overflow:auto; background-color:#FFFFFF; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=80); opacity: .8;}
#spec-box ul {margin:0 0 0 1px; padding:0; width:217px;}
#spec-box li {margin:0 0 4px 0; padding:0 0 6px 0; list-style-type:none; border-bottom:1px solid #b4b1af;}
#spec-box li p {margin:0; padding:3px 0;}
#spec-box strong { color:#000000}


#showhide {float:left; margin-left:0px; margin-right:850px; margin-top:310px; margin-bottom:0px;; padding:3px; width:auto; height:auto; overflow:hidden; background-color:#FFFFFF; z-index:999; text-align:center; position:absolute;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=80); opacity: .8;}

.search {float:right; margin:18px 0 0 0; padding:0; width:500px;}
.search form {margin:0; padding:0;}
.search form ul {margin:0 5px 0 0; padding:0; float:right;}
.search form li {margin:0; padding:0; display:inline; list-style-type:none;}
.search form li input.search-box {float:left; border:1px solid #dcdcda; color:#989482; font-size:1em;}


.feature-box {float:left; margin:0 0 0 7px; padding:10px 10px 0 10px; width:280px;}
.feature-box img {border:2px solid #191919;}
.feature-box p {margin:0; padding:0;}
.feature-box h3 {color:#003044; font-weight:900; font-size:1.5em; margin:5px 0; padding:0; font-family:Arial,Helvetica,sans-serif;}
.feature-box2 { float:left; margin:0 0 5px 7px; display:table; padding:0; margin-top:5px; text-align:center; width:176px; height:176px; overflow:hidden; border:1px solid #dcdcda;}
.feature-box2 p {margin:0; padding:0;}

#index-key-area-wrapper {float:left; margin:10px 0 20px 0; padding:0; width:928px;}
#index-main-content a {color:#333333; text-decoration:underline;}
#index-main-content table{margin-left:17px;}
#index-main-content h1 {margin-left:17px; }
#index-main-content p {margin-left:17px; }
#index-main-content {float:left; margin:10px 0 0 8px; padding:0; width:928px;}
a {color:#98012E; text-decoration:none;}
a:visited {text-decoration:none; color:#6b1b36;}
a:hover {text-decoration:underline; color:inherit;}

/* reset table style */
table { font-size: 1em; }
table.reset-table {background:none; margin:auto; padding:auto;}
table.reset-table th {background:none; border-bottom:none; padding:auto;}
table.reset-table tr {margin:auto; padding:auto;}
table.reset-table tr td {border-bottom:none; margin:auto; padding:auto;}

#index-main-image {float:left; width:930px; margin:0 0 0 8px; padding:0; height:350px; overflow:hidden}

body {background-color:#003044; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:0.7em; margin:0; padding:0;}
.large-text {font-size:1.5em;}



.navigation-scroll {float:left; margin:0 0 0 7px; padding:10px 10px 0 10px; width:450px;}

#Scontainer {
  float:left;
  position: relative;
  width: 930px;
  overflow: hidden;
}

#scroller {
  width: 2000px; 
}

<!--[if IE]>
<style type="text/css">

#scroller{
  width: 2000px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

</style>
<! [endif]-->

.search {float:right; margin:18px 0 0 0; padding:0; width:500px;}
.search form {margin:0; padding:0;}
.search form ul {margin:0 5px 0 0; padding:0; float:right;}
.search form li {margin:0; padding:0; display:inline; list-style-type:none;}
.search form li input.search-box {float:left; border:1px solid #dcdcda; color:#989482; font-size:1em;}


#ajaxSearch_form {float:right; padding:0;}
#ajaxSearch_form form ul {margin:0; padding:0; display:inline; list-style-type:none;}
#ajaxSearch_form form li {margin:0; padding:0; display:inline; list-style-type:none;}


#ajaxSearch_input {
            float:left; border:1px solid #dcdcda; color:#989482; font-size:1em;
       }
       #ajaxSearch_submit {
           display: inline;
		   border:none;
		   background:url(/images/search-submit.gif);
		   background-image:url(/images/search-submit.gif)
		   background-repeat: no-repeat;
           color: transparent;
		   text-indent: -9999px;
		   padding:0 0 0 0 !important;
		   margin:0 0 0 0;
		   width:19px  !important;
		   height:19px  !important;
       }
       #ajaxSearch_output {
           border: 0px;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
		   margin-left:17px;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
		   margin-left:17px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
		   margin-left:17px;
       }
	   .AS_ajax_resultsIntroFailure{
	   margin-left:17px;
	   }
	   .ajaxSearch_result{
	   margin-left:17px;
	   }
       .AS_ajax_resultDescription{
           color: #555;
		   margin-left:17px;
       }
       .AS_ajax_more {
           color: #555;
       }
	   fieldset {border: none;}
	   
.myform{
margin:0 auto;
width:400px;
padding:14px;
}

#columns li {
	float:left; display:block; margin-left: -20px; margin-right:20px; padding:10px 10px 0 10px; width:275px; height:260px; list-style: none;
}
#columns ul {
	
}
#columns {
	
	list-style: none;
	
	
}


#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; }