/* CSS Document */

*{margin:0 auto;}
body {font: 10pt verdana, arial, sans-serif; margin:0 auto; padding:0; background:url("/siteart/IOOS_bg3.jpg"); min-width:760px;}
#header {margin:0 auto; width:760px; }
#wrapper2 {background:url("/siteart/wrap2.jpg") ; margin:0 auto ; width:760px; height:100%; }
#topnav {  background: url("/siteart/wrap2.jpg") top left repeat-y; width:580px;  height:19px;  float:left;}
#nav, #nav ul {float:left; width: 580px; list-style: none; background: url("/siteart/wrap2.jpg");   padding:0px 0 0 20px; margin:-7px 0 0 0; }
#breadcrumb{padding-top: 8px; padding-bottom:25px; }
#breadcrumb p{ font:italic 8pt, verdana, arial, sans-serif; color: #333333;}
#content {float:right; background:url("/siteart/content_bg.jpg") ; padding: 0; margin:0; width:570px;}
#content .padding{padding:10px 20px;}
p{color: #333939; font: 10pt verdana, arial, sans-serif; }
h4 a:link, h4 a:visited{color:#333939;; font: bold 10pt  verdana, arial, sans-serif; text-decoration:underline; }
h4 a:hover{color: #333939;text-decoration:none;}
h3{font:bold 11pt verdana, arial, sans-serif; color:#333939; text-decoration:none;}
 h3 a:link, h3 a:visited{color:#333939;; font: bold 11pt  verdana, arial, sans-serif;text-decoration:none; }
 h3 a:hover{color: #606842;text-decoration:none;}
h4{font:bold 10pt verdana, arial, sans-serif; #333939; text-decoration:none;}
h5{font:bold 9pt verdana, arial, sans-serif; color:#333939; text-decoration:none;}
.odd{background-color: #CCCCCC; color: #333939;  font: 10pt verdana, arial, sans-serif;}
.even{background-color:#FFFFFF; color: #333939;  font: 10pt verdana, arial, sans-serif;}
table {border: 1px thin #999966;}
#footer {background-color:#5378a5; clear:both; width:760px; height:75px; margin:0 auto; padding:0px 0px 0px 0px;color:#1f2d32; font-size:8pt;}
/*#box{float: right; position: relative; display:block; top:-5px; width:190px; height:64px; background:url("/siteart/ioos_logo.jpg") no-repeat; padding-bottom:4px;}*/
#box2{float: right; position: relative; display:block; width:40px; height:39px; background:url("/images/mtblsans.jpg") no-repeat; padding-bottom:4px;}
#right { float: right; width:160px;  margin: 0; padding:0px;
 filter: alpha(opacity=60) ; -moz-opacity:.60; opacity:.60; }
#left{ float: left; width:30px;  margin: 0; padding: 0; }
#list{color: #333939; font: 10pt verdana, arial, sans-serif; }
ul#list li { margin-left:20px; padding:5px;}
ol#list li { margin-left:25px;}
ul#list li li{ margin-left:30px;}
#right_img1 {
	float:right;
	width: 102px;
	height:auto;
	margin: 0;
	padding: 0;
	display:block;
	position: relative;
	top: -52px;
	left: 7px;
}
#right_img2 {
	float:right;
	width: 102px;
	height:auto;
	margin: 0;
	padding: 0;
	display:block;
	position: relative;
	top: -60px;
	left: 7px;
}
#right a:link, #right a:visited {
	font: bold 8pt, verdana, arial, sans-serif;
	color:#ffffff; 
	text-decoration:none; 
	padding:6px 10px 4px 25px;
	display:block;}
#right a:hover {
	font: bold 8pt , verdana, arial, sans-serif;
	background:#3a505e; 
	color: #fff; 	
	padding:6px 10px 4px 25px;
	display:block;}
	
a:link, a:visited {color:#333939;;}
a:hover {color: #009;}

.leftmenu { padding: 15px 5px 10px 40px; }
ul#leftmenu{list-style:none; padding:0px;}
ul#leftmenu{padding: 15px 25px 5px 25px;}
ul#leftmenu li p{color:#ffffff; font-size:12px;}

#image{ width: 240px; padding:2px; float: right; margin: 10px; }
#imageleft{ width: 240px; padding:2px; float: left; margin: 10px; }
#imagemid{ width: 450px; padding:10px; float:left; margin:10px;}
#capmid {width: 400px; font:italic 8pt, verdana, arial, sans-serif; color: #333939;  padding: 2px; margin: 10px 5px 5px;}
#image img{border-color: #669999 ; border-width: 2px;}
#caption {width: 220px; font:italic 8pt, verdana, arial, sans-serif; color: #333939;  padding: 2px; margin: 10px 5px 5px;}

#about1{margin-top: 25px; width:100%; float:left; display: block;}
#about{ width:100%; float:left; display: block;}
#about.padding {padding: 15px 35px 0px 10px;}

.right_title{ padding:20px 15px 12px 25px;  color:#eeb70b; font:bold 10pt verdana, arial, sans-serif;text-decoration:none; }
#footer a:link, #footer a:visited {color:#1f2d32; text-decoration:none;}
#footer a:hover {color:#1f2d32; text-decoration:underline;}
.padding {padding: 10px 10px 5px 25px;}
#search{padding-left:400px;}
#firstgov {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#C1E8FF;}
.firstgovtextbox {width:101px; height:14px;}
.firstgov {
  font-size: 10px;
  font-family: verdana;
  color: #000000; 
  border: 1px solid;
  background-color: #CEEBF7;
  border-color:#000000;}
  .calItemStyle1
{
	background-color:#FFFF00;
	font-size: 8px;
	color:#000000;
	text-decoration: none;
}
.calItemStyle2
{
	background-color:#663333;
	font-size: 8px;
	color:#FFFFFF;
	text-decoration: none;
}
#breadcrumbs a:link{text-decoration: none;}
#breadcrumbs a:visited {text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}
#breadcrumbs {font-size:11px;}