html, body {
margin:0px;
padding:0px;
background:#ffdcdc url(../images/template/bluebg.jpg) 0 0 repeat-y;
font-family:arial, sans-serif;
font-size:13px;
height:100%;
}

a:link.link{
font-family:arial, sans-serif;
font-size:13px;
text-decoration:none;
color:black;
}

a:visited.link{
font-family:arial, sans-serif;
font-size:13px;
text-decoration:none;
color:black;
}

a:hover.link{
font-family:arial, sans-serif;
font-size:13px;
text-decoration:underline;
color:black;
}

a:link.link2{
font-family:arial, sans-serif;
font-size:11px;
text-decoration:none;
color:#5C5C5C;
}

a:visited.link2{
font-family:arial, sans-serif;
font-size:11px;
text-decoration:none;
color:#5C5C5C;
}

a:hover.link2{
font-family:arial, sans-serif;
font-size:11px;
text-decoration:underline;
color:#5C5C5C;
}

h1.headingtitle{
font-family:arial, sans-serif;
font-weight:bolder;
font-size:30px;
margin:0px;
padding:0px;
color:#0041B3;
text-align:center;
}

h1.newstitle{
font-family:arial, sans-serif;
font-weight:normal;
font-size:16px;
margin:0px;
padding:5px 5px 5px 5px;
color:white;
background:#636363;
text-align:left;
}

.newsheader{
display:block;
color:white;
height:auto;
margin:30px 0px 0px 0px;
width:100%;
background:#636363;
}

.otherheader{
display:block;
color:white;
height:auto;
margin:30px 0px 0px 0px;
width:100%;
background:#636363;
}

h1.othertitle{
font-family:arial, sans-serif;
font-weight:normal;
font-size:16px;
margin:0px;
padding:5px 5px 5px 5px;
color:white;
background:#636363;
text-align:left;
}

h1:visited.othertitle{
color:white;
text-decoration:none;
}

h1:link.othertitle{
color:white;
text-decoration:none;
}

h1:active.othertitle{
color:white;
text-decoration:underline;
}

h1:hover.othertitle{
color:white;
text-decoration:underline;
}

img.hoverimg{
border:3px solid #636363;
}

img:visited.hoverimg{
border:3px solid #636363;
}

img:link.hoverimg{
border:3px solid #636363;
}

img:active.hoverimg{
border:3px solid white;
}

img:hover.hoverimg{
border:3px solid white;
}

/* Header CSS */
.header {
display:block;
height:90px;
background-color:#9bb4d5;
background-image:url(../images/template/spr1.jpg);
background-position:right;
background-repeat:no-repeat;
color:white;
padding:0px;
margin:0px;
}

.spacer{
display:block;
color:white;
padding:0px;
margin:0px;
height:15px;
width:100%;
background:#636363;
}

.menutitle{
display:block;
width:160px;
height:35px;
background:#636363;
color:white;
padding:0px;
margin:0px;
}

/* Container and left CSS */
#container {
position:relative;
display:block;
background:#ffdcdc;
border-left:160px solid #9bb4d5;
overflow:visible;
}

#left {
float:left;
position:relative;
width:160px;
margin-left:-160px;
display:inline;
font-size:12px;
}

/* Center CSS */
#center {
padding:10px 10px 10px 10px;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

/* Menu Styling */
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 1px solid white;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background-image: url(../images/template/button2.gif);
background-repeat: no-repeat;
background-color: #9bb4d5;
background-position: 2px 50%;
padding: 3px 3px 3px 15px;
border-top: 1px solid white;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-image: url(../images/template/button1.gif);
background-repeat: no-repeat;
background-color: #636363;
background-position: 2px 50%;
color: white;

}

.suckerdiv .subfolderstyle{
background-image: url(../images/template/button2.gif);
background-repeat: no-repeat;
background-color: #7699C6;
background-position: 2px 50%;
}
	
/* Hack for IE */
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
/*End Menu Styling */

/* Lightbox CSS */
#lightbox{
position:absolute;
top:40px;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}

#lightbox a img{
border:none;
}

#outerImageContainer{
position:relative;
background-color:white;
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:transparent url(../images/lightbox/blank.gif) no-repeat; /* 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/lightbox/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer{
font:1.0em Verdana, Helvetica, sans-serif;
background-color:white;
margin:0 auto;
line-height:1.4em;
}

#imageData{
padding:0 10px;
}

#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;
}	

#overlay{
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000;
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 */
}

/* Collapsable Sections */

a.dsphead{
font-family:arial, sans-serif;
font-weight:normal;
font-size:16px;
margin:0px;
padding:5px 10px 5px 5px;
color:white;
background:#636363;
text-align:left;
text-decoration:none;
}
a.dsphead:hover{
font-family:arial, sans-serif;
font-weight:normal;
font-size:16px;
margin:0px;
padding:5px 10px 5px 5px;
color:white;
background:#636363;
text-align:left;
text-decoration:underline;
}
a.dsphead span.dspchar{
font-family:arial, sans-serif;
font-weight:normal;
font-size:16px;
margin:0px;
padding:5px 10px 5px 5px;
color:white;
background:#636363;
text-align:left;
}
.dspcont{
display:none;
}

/* End collapsable sections */
