/* 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;}
#padding {padding:10px 10px 0px 25px;}
p{color: #333939; font:10pt verdana, arial, sans-serif; }
/*#menu_text{color: #ffffff; font: 9pt verdana, arial, sans-serif; }*/
h2{font:bold 13pt verdana, arial, sans-serif; color:#333939; text-decoration:none; text-align: center}
h3{font:bold 11pt verdana, arial, sans-serif; color:#333939; text-decoration:none;}
 h3 a:link, h3 a:visited{color:#4d4d4d; 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; color:#333939;}
  h4 a:link, h4 a:visited{color:#4d4d4d;; font: bold 10pt  verdana, arial, sans-serif;text-decoration:underline; }
 h4 a:hover{color: #606842;text-decoration:none;}
.homecontent{margin-right:20px; margin-left: 15px;}
#caption {font:italic 8pt, verdana, arial, sans-serif; color: #333939; }

/*#box{float: right; position: relative; display:block; top:-5px; width:190px; height:64px; background:url("/siteart/ioos_logo.jpg") no-repeat; padding-bottom:4px;}*/

#left { float: left; width: 215px; background: url("/siteart/wrap2.jpg") top left repeat-y; margin: 0; padding: 0;
filter:alpha(opacity=60); -moz-opacity:.60;opacity:.60; }
#right_img1 {
	float:right;
	width: 102px;
	height:auto;
	margin: 0;
	padding: 0;
	display:block;
	position: relative;
	top: -58px;
	left: 8px;
}
#right_img2 {
	float:right;
	width: 102px;
	height:auto;
	margin: 0;
	padding: 0;
	display:block;
	position: relative;
	top: -60px;
	left: 7px;
}

/*#right { float: right;  width: 102px; height:auto; margin: 0; padding: 0; background-color:#fff; }
#right.padding{padding:20px 20px;}*/
.caption{font:italic 8pt, verdana, arial, sans-serif;}
#filesize{font:italic 8pt, verdana, arial, sans-serif; color:#ffffff; }
#contenttable{font:10pt, verdana, arial, sans-serif; }
#about1{margin-top: 45px; width:100%; float:left; display: block;}
#about{ width:100%; float:left; display: block;}
#about.padding {padding: 15px 35px 0px 10px;}
.sp_title{ padding:25px 35px 12px 25px;  color:#eeb70b; font:bold 11pt verdana, arial, sans-serif;text-decoration:none; }
.sp_note{ padding:20px 35px 12px 35px;  color:#db7749; font:bold 8pt verdana, arial, sans-serif;text-decoration:none; }
.padding {padding: 10px 10px 0px 25px;}
a:link, a:visited {color:#333939;;}
a:hover {color: #009;}

/*firstgov search bar*/
#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;}
 .calendartext{font:Arial, Helvetica, sans-serif; font-size:8px}
 
 
  /*New IOOS Styles*/
 .calItemStyle1
{
	background-color:#FFFF00;
	font-size: 8px;
	color:#000000;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}
.calItemStyle2
{
	background-color:#663333;
	font-size: 8px;
	color:#FFFFFF;
	text-decoration: none;
}
#fundingtable th {background: url('/siteart/wrap2.jpg');border-style: solid; border-width: 1px; border-color:#000000}
#fundingtable th p {color: #FFFFFF}
#fundingtable {background: #ffffff; border-style: solid; border-width: 1px; border-color:#000000}
#fundingtable td {background: #ffffff; border-style: solid; border-width: 1px; border-color:#000000}
 #breadcrumb{padding-top: 8px; padding-bottom:25px; }
#breadcrumb p{ font:italic 8pt, verdana, arial, sans-serif; color: #333333;}
#master {background:url('/siteart/content_bg.jpg')}
 .sp_title{ color:#eeb70b; font:bold 10pt verdana, arial, sans-serif; }
#leftnew {float: left; width: 180px; background: url('/siteart/wrap2.jpg') top left repeat-y; margin: 0; padding: 0; }
#rightnew {float: left; width: 90px; background: url('/siteart/wrap2.jpg'); background-repeat: repeat; margin: 0; padding-left: 15px }
#leftmenu { background: url('/siteart/wrap2.jpg'); }
#regionalbar {padding-top:2px; background:url('/images/nationalregionaldivide.jpg');}
#master { font:10pt verdana, arial, sans-serif; }
#ofspecialnote li{padding-left: -10px}
#ofspecialnote p{color:#ffffff; font: 8pt verdana, arial, sans-serif;}
#ofspecialnote li p{color:#ffffff; font: 8pt verdana, arial, sans-serif;}
#ofspecialnote li a{color:#ffffff; font: 8pt verdana, arial, sans-serif; text-decoration: none; background:url(/siteart/arrow.png)top left no-repeat;}
#ofspecialnote td {color:#ffffff; font: 8pt verdana, arial, sans-serif;}
#ofspecialnote td a {color:#ffffff; font: 8pt verdana, arial, sans-serif; text-decoration: none}

#rightmenu li{padding-left: -10px}
#rightmenu p{color:#ffffff; font: 9pt verdana, arial, sans-serif;}
#rightmenu li p{color:#ffffff; font: 9pt verdana, arial, sans-serif;}
#rightmenu li a{color:#ffffff; font: 9pt verdana, arial, sans-serif; text-decoration: none;}
#rightmenu td {color:#ffffff; font: 9pt verdana, arial, sans-serif;}
#rightmenu td a {color:#ffffff; font: 9pt verdana, arial, sans-serif; text-decoration: none}

#nav, #nav ul {float:left; width: 525px; list-style: none; background:#000000;  padding:0 0 0 0; margin:-0 0 0 0; }
#nav a {display: block; color: #fafafa; text-decoration: none; padding:2px 7px 2px 2px; font:bold 9pt Verdana, Arial, Helvetica, sans-serif; }
#nav li {float: left; padding-left: 6px; background:none; }
#nav li ul {position: absolute; left: -999em; height: auto; width:120px; font-weight: normal; margin: 0; text-align:left; padding:0; }
#nav li ul li { padding-right: 0px;width:115px; border-bottom:1px solid #ABD8E6; background:none;}
#nav li ul a {font-weight:bold; }
#nav li:hover ul, #nav li.sfhover ul,#nav li li.sfhover ul{left: auto;  }
#nav li :hover,#nav li.sfhover {color:#b7ebff; text-decoration:none; }
#nav li:hover {background-position: 0 0;}

table#boxed {font: 10pt verdana, arial, sans-serif;}
table#boxed a:link, #boxed a:visited {color:#1f2d32; text-decoration:none;}
table#boxed a:hover{color:#000000; text-decoration:underline;}
#boxedNews {border: 1px solid; border-color: #003333;}
#footer {background-color:#5378a5; clear:both; height:45px; width: 900px; margin:0 auto; color:#1f2d32; font:7pt verdana, arial, sans-serif; }
#footer a:link, #footer a:visited {color:#1f2d32; text-decoration:none;}
#footer a:hover{color:#000000; text-decoration:underline;}

#rightmenu { background: url('/siteart/wrap2.jpg'); background-repeat: repeat }
ul#rightmenu{list-style:none; padding:0px;}
ul#rightmenu{padding: 15px 25px 5px 25px;}
ul#rightmenu li p{color:#ffffff; font: 8pt verdana, arial, sans-serif;}
ul#rightmenu li a{padding:0px 0 10px 15px;  color:#ffffff; font: 8pt verdana, arial, sans-serif; text-decoration: underline; background:url(/siteart/arrow.png)top left no-repeat;}
ul#rightmenu li a:hover{color: #ffffff;text-decoration:none;}
table#calendardetail { border-bottom-style: solid; border-width: thin; }
table#calendardetail { font: 10pt verdana, Arial, sans-serif }
#image{ width: 240px; padding:2px; float: right; margin: 10px; }
#capmid {width: 400px; font:italic 8pt, verdana, arial, sans-serif; color: #333939;  padding: 2px; margin: 10px 5px 5px;}
#calendar { border-style: solid; border-width:thin; }
#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;}
/*table#boxedNews {border: 1px solid; border-color: #003333; font: 10pt verdana, arial, sans-serif;}
table#boxedNews a:link, #boxedNews a:visited {color:#1f2d32; text-decoration:none;}
table#boxedNews a:hover{color:#000000; text-decoration:underline;}*/