

<!--
body {
	background-color: #6fcff6;
}

.divscroll {	
position:relative;
	height:  789px;
	width:600px;
	overflow:auto;
	/*filter:chroma(color=#FFFFFF);*/
    
	scrollbar-face-color:#d0ecf8;

	scrollbar-shadow-color:#97C2F0;

	scrollbar-highlight-color:#632984;

	scrollbar-3dlight-color:#97C2F0;

	scrollbar-darkshadow-color:#405FA3;

	scrollbar-track-color:#d0ecf8;

	scrollbar-arrow-color:#405FA3;

}
.leftscroll {	
position:relative;
	height:  260px;
	width:310px;
	overflow:auto;
	/*filter:chroma(color=#FFFFFF);*/
    
	scrollbar-face-color:#d0ecf8;

	scrollbar-shadow-color:#97C2F0;

	scrollbar-highlight-color:#632984;

	scrollbar-3dlight-color:#97C2F0;

	scrollbar-darkshadow-color:#405FA3;

	scrollbar-track-color:#d0ecf8;

	scrollbar-arrow-color:#405FA3;

}
.menulink{
font-size:10;
color:#006699;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
}

.leftmenu{
font-size:10;
color: #999900;
font-family:calibri, verdana;
font-weight:700;
text-decoration:none;
}

.formsearch {
margin:0px;
 padding: 0px; 
}

.style1 {
	font-family: Calibri, Verdana, Arial;
	font-size: 13px;
	color: #333333;
}
a{
color: #990000;
text-decoration: none;
font-family:Calibri, Verdana, Arial;
}
a:hover{
color: #660000;
}

          h1 {
                margin: 1em 0 1.5em;
                font-size: 18px;
            }
            h2 {
                margin: 2em 0 1.5em;
                font-size: 16px;
            }
            p {
                margin: 0;
            }
            pre, pre+p, p+p {
                margin: 1em 0 0;
            }
            code {
                font-family: "Courier New", Courier, monospace;
            }


.header {
	font-family: Verdana, Arial;
	font-size: 16px;
	color: #003366;
	font-weight:bolder;
}
.title {
	font-family: Verdana, Arial;
	font-size: 14px;
	color: #003366;
	font-weight:bolder;
}
.contenthead {
	font-family: Verdana, Arial;
	font-size: 14px;
	color: #000000;
	border:none;
}

.content {
	font-family: Verdana, Arial;
	font-size: 14px;
	color: #000000;
	border:none;
	
}

.textheader {
	font-family: Calibri, Verdana, Arial;
	font-size: 14px;
	color: #666666;
}
.whiteheader {
	font-family: Calibri, Verdana, Arial;
	font-size: 16px;
	color: #FFFFFF;
}

.smalltext {
	font-family: Calibri, Verdana, Arial;
	font-size: 12px;
	color: #666666;
}

.smallblue {
	font-family: Calibri, Verdana, Arial;
	font-size: 12px;
	color: #000099;
}
.highlight_word{
    background-color: #6666CC;
}

.whitebox {
color:#FFFFFF;
background:#192b2d;
font-family:Calibri, Verdana, Arial;
font-size:10px;
}

#jump_base {
  overflow-y:hidden;
  text-align:left;
  width: 500px;
  height: 100px;
  margin: auto;
  padding: 0 10px 0 10px;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
}

#jump_base a {
  color: #FFFFFF;
  text-align:left;
  background-color: inherit;
  text-decoration:none;
}

.news {
  color: inherit;
  text-align:left;
}


#wrapper{
width: 500px;
margin: 0 auto;
}
.box{
background:#666666;
color:#FFFFFF;
background-image:url(images/tab_back.jpg);
background-repeat:no-repeat;
}
.boxholder{
clear: both;
padding: 2px;
background: #8DC70A;
background-image:url(images/back.jpg);
font-family:Calibri, Verdana, Arial;
}
.tab{
float: left;
height: 32px;
width: 145px;
margin: 0 1px 0 0;
text-align: center;
color:#000000;
background: url(images/greentab.jpg) no-repeat;
}

#marqueecontainer{
position: relative;
width: 250px; /*marquee width */
height: 150px; /*marquee height */
overflow: hidden;
padding: 2px;
padding-left: 4px;
}

.toollink{
font-family:Calibri, Verdana, Arial;
font-size:13px;
color:#CCCCCC;
text-decoration:none;
border-bottom:#666666 solid 1px;
}

.tabtxt{
margin: 0;
color: #000000;
font-size: 14px;
font-weight: bold;
padding: 2px 0 0 0;
}

.tabrow{
border-bottom:thin, solid #666666;
}

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

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	/*background-image:url('images/arrow.gif');*/
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:relative;
	width:140px;	/* Width of tooltip content */
	height:150px;	/* Height of tooltip content */
	background-color: #CCCCCC;	/* Background color */
	padding:2px;	/* Space between border and content */
	padding-bottom:10px;
	font-size:0.8em;	/* Font size of content */
	overflow: hidden;	/* Hide overflow content */
	z-index:1000001;
}
#mainContainer{
	width:180px;
	border-left:1px solid #317082;	
	border-right:1px solid #317082;	
	margin:0 auto;	/* Center align content, equivalent to margin-left:auto;margin-right:auto; */
	text-align:left;	/* Override inherited text-align:center from the body tag */
	background-color:#FFF;
	height:100%;
}

#menuColumn{
	width:160px;
	float:left;
	padding:0px;
	font-size:0.9em;
}
#mainContent{
	width:180px;
	float:left;	
}
.tooltiphead{
	font-family: Calibri, Verdana, Arial;
	font-size: 14px;
	font-stretch:expanded;
	font-weight:bold;
}
.tooltipcontent{
	font-family: Calibri, Verdana, Arial;
	font-size: 11px;
	text-align:left;
	
}
.smallblack{
	font-family: Calibri, Verdana, Arial;
	font-size: 12px;
	text-align:left;
	color:#333333;
	
}

.m0l0iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: none;
	margin: 4px 0 0 8px;
	color: #FFFFFF;
}
.m0l0iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: underline;
	margin: 5px 0 0 8px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	background-image: url(img/lev0_bg1.gif);
	border: 1px solid #336699;
	background-color: #2C5F93;
}
.m0l0oover {
	text-decoration : none;
	background-image: url(img/lev0_bg2.gif);
	background-color: #2C5F93;
	border: 1px solid #336699;
}

/* level 1 inner */
.m0l1iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}
.m0l1iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	background-color: #5286BB;
	border: 1px solid #336699;
	padding: 0;
}
.m0l1oover {
	text-decoration : none;
	background-color: #1A4D81;
	background-image: url(img/lev1_arrow.gif);
	background-repeat: no-repeat;
	border: 1px solid #336699;
	padding: 0;
}
#slideshow {list-style:none; color:#fff}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:550px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:540px; height:400px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:540px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:540px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}