* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

h1 {
	color: #1D6893;
	font-weight:bold;
	font-size: 36px;
}

h2 {
	color: #1D6893;
	font-weight:bold;
	font-size: 22px;
}

h3 {
	color: #1D6893;
	font-weight:bold;
	font-size: 14px;
}
 
p {
	color: #1D6893;
	font-size: 13px;
	margin-bottom: 25px;
}
  
 li{
	font-style:italic;
	font-size: 12px;
} 

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#header {
 text-align: center;
 width: 900px;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 5px 0px 5px 0px;
}

#topunit {
	display: inline;
	width: 900px;
	height: 100px;
	float: left;
}

#topleft {
	display: inline;
	width: 150px;
	float: left;
	height: 100px;
}

#topmiddle {
	display: inline;
	float: left;
	width: 600px;
	height: 100px;
}

#topight {
	display: inline;
	width: 150px;
	float:right;
	height: 90px;
}

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:345px;
	margin-left: 755px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500
}

#navtop {
 text-align: center;
 color: #143D55;
 width: 920px;
 padding: 0px;
 border: 1px solid #ccc;
 height: 55px;
 margin: 0px 0px 5px 0px;
 background: #FFFFFF;
}

#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFFFCC;
 margin: 0px 5px 5px 0px;
 padding: 1px;
 height: 369px;
 width: 210px;
 float: left;
 
}
.menu {margin:0; padding:0; width:213px; list-style:none; background:#FFFFFF;}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 20px; font:12px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:#7EC3E7; text-decoration:none;}
.menu li a:hover{background:#143D55; color:#E0E0E0;}
.menu li a.active, .menu li a.active:hover{background:#E0E0E0; color:#143D55;}
.menu li a span{line-height:40px;}

 
 /* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{position:relative;height:56px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END Dolphin nav ---------------------- */

#rightcolumn { 
 text-align: center;
 float: right;
 color: #1D6893;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 355px;
 width: 678px;
 display: inline;
}
#footer { 
 text-align: center;
 width: 900px;
 clear: both;
 color: #1D6893;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#w3c { 
 text-align: center;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left;  width: 900px; }
#keyboardMsg{ float: right;  width: 100px; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../css/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
}