.error { font-weight: bold; color: #C00; }

a:link
{
	color: #064ea7;
	text-decoration: underline;
	}
a:visited
{
	color: #064ea7;
	text-decoration: underline;
}	
a:hover
{
	color: #064ea7;
	text-decoration: underline;
}

a.red, a.red:link, a.red:visited, a.red:hover, a.red:active
{
	color: #804e55;
	text-decoration: underline;
}

a.define, a.define:link, a.define:hover, a.define:active, a.define:visited
{
  color: #804e55;
  text-decoration: underline;
  font-weight: bold;
}
a.back, a.back:link, a.back:hover, a.back:active, a.back:visited
{
  color: #7d6464;
  text-decoration: none;
  font-weight: bold;
  font-family: Trebuchet MS;
  font-size: 12px;
}

/* Page Structure */	
body 
{
 
  background-color: #cccccc;
  background-image: url(../images/bg.gif); 
  margin: 0px;
  padding: 0px;
  font-family: Verdana;
  font-size: 10px;
  color: #333333;
}
#outerPage
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	width: 960px; /* 960 - padding */
  
}
#innerPage
{
  width: 920px; /* 960 - padding */
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 19px;
}
#header
{
  width: 920px;
  height: 100px;
  background-image:url(../images/neracoosheader.jpg);
  border:none
  
  
}
#header .logo
{
  float: left;
  width: 832px;
  padding: 5px 0px 0px 0px;
  margin-left: 25px;
  

}

#header .nav
{
  float: left;
  width: 389px; 
  text-align: center;
  padding: 20px 0px 0px 0px;

  
  
}

#nav
{
  width: 389px; /* 921 - border */
  height: 29px;
  padding: 6px 0px 0px 20px;
  margin-bottom: 10px;
  border: solid 1px #e7eaf0;
  z-index:100;
  
}

#search
{
  float:left;
  margin-left:620px;
  margin-top:30px;
  position:absolute;
  padding: 11px 0px 0px 0px;
 

  
  
  
  
}
#nav img
{
  padding-right: 39px;
}

#content
{
  background-color: #193a61;
 
  width: 900px; /* 921 - padding */
  padding: 2px 9px 10px 9px;
  border-color: #193a61;
  }
#content_bottom
{
  width: 920px;
  /* height: 6px; */
  margin: 0px 0px 20px 0px;
  padding: 0px;
  background-color: #3c5877;
  background-image: url(../images/content_bottom.jpg);
  background-repeat: no-repeat;
  font-size: 10px;
}

#footer
{
  text-align: center;
  color: #D5CBB8;
  padding: 0px 0px 20px 0px;
  background-color:#3c5877;
  margin-left: 3px;
  margin-right: 2px;
}
#footer a
{
  color: #ffffff;
  text-decoration: none;
}

#footerimg
{
  margin-left: 5px;
  margin-right: 5px;
}

/* END - Page Structure */	

/* BEGIN - 24/7 Predictions */
.waterLevelLeft
{
  float: left;
  display: inline;
  width: 398px;
  margin: 0px 11px 0px 11px;
}
.waterLevelRight
{
  float: left;
  display: inline;
  width: 211px;
  text-align: left;
  font-family: Arial;
  line-height: 1.8em;
}
.waterLevelRight .coords
{
  text-align: center;
  font-size: 12px;
  padding: 5px 0px 5px 0px;
}
/* END - 24/7 Predictions */

/* Home Page */
img.border
{
  border: solid 2px #c6c6c8;
}
img.blueBorder
{
  border: solid 1px #7eabb5;
}
.homeColumn
{
  float: left;
  display: inline;
  background-image: url(http://www.openioos.org/images/redesign/home/faded_line_bg.gif);
  background-repeat: no-repeat;
  width: 210px; /* 220 - padding */
  margin: 0px 2px 0px 2px;
  padding: 5px;
  min-height: 440px;
  color: #737373;
}
.homeColumn div
{
  padding: 16px 8px 16px 10px;
}
div.blueBox
{
  border: solid 1px #97b7cd;
  background-color: #c4e5fc;
  padding: 10px;
  margin: 0px 0px 10px 0px;
}
/* END - Home */

/* Sub Pages & Left Nav */
.leftNav
{
  float: left;
  width: 196px;
  margin: 0px 6px 0px 0px;
  background: #ffffff;
  padding: 0px 0px 0px 0px;
  min-height: 500px;
}
.leftNav .lncontent
{
  border-left: solid 3px #ffffff;
  border-right: solid 3px #ffffff;
  background: #ffffff;
  width: 180px; /* 196 - padding - border */
  padding: 0px 13px 100px 13px;
  margin: 0px;
}
.leftNav .bottom
{
  background: #ffffff;
  height: 6px;
  width: 196px;
  font-size: 0.01em;
}

ul.buttons
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}
ul.buttons li { margin: 0; }

ul.buttons a, ul.buttons a:link, ul.buttons a:active, ul.buttons a:visited 
{
  display: block;
  width: 182px; /* 186px - padding */
  height: 23px; /* 28px - padding */
  background-color: #bfd9e0;
  text-decoration: none;
  color: #6f5555;
  background-image: url(../images/button_off.jpg);
  background-repeat: no-repeat;
  padding: 5px 0px 0px 4px;
  margin: 0px 0px 3px 0px;
}
ul.buttons a:hover
{
  display: block;
  width: 182px; /* 186px - padding */
  height: 23px; /* 28px - padding */
  background-color: #bfd9e0;
  background-color: #c2c3b8;
  text-decoration: none;
  color: #6f5555;
  background-image: url(../images/button_on.jpg);
  background-repeat: no-repeat;
  padding: 5px 0px 0px 4px;
  margin: 0px 0px 3px 0px;
}
ul.buttons a.on, ul.buttons a:link.on, ul.buttons a:active.on, ul.buttons a:visited.on
{
  display: block;
  width: 182px; /* 186px - padding */
  height: 23px; /* 28px - padding */
  background-color: #bfd9e0;
  background-color: #c2c3b8;
  text-decoration: none;
  color: #6f5555;
  background-image: url(../images/button_on.jpg);
  background-repeat: no-repeat;
  padding: 5px 0px 0px 4px;
  margin: 0px 0px 3px 0px;
}

.oneCol-Left
{
  float: left;
  display: inline;
  width: 880px; /* 456 - margin */
  margin-right: 9px;
  
}
.oneColSubPage-Left .text
{
  margin: 0px;
  padding: 10px;
  line-height: 1.5em;
}
.oneColSubPage-Right
{
  float: left;
  display: inline;
  width: 209px;
}


.twoColSubPage-Left
{
  float: left;
  display: inline;
  width: 665px; /* 456 - margin */
  margin-right: 9px;
  }
.twoColSubPage-Left .text
{
  margin-left: 10px;
  padding: 0px;
  line-height: 1.5em;
}
.twoColSubPage-Right
{
  float: left;
  display: inline;
  width: 109px;
}
/* END - Sub Pages & Left Nav  */



.twoColsubPageContent
{
  margin: 0px 0px 6px 0px;
  float: left;
  width: 675px;
  background: #ffffff ;
  padding: 17px 0px 0px 10px;
  min-height: 500px;

}

.subPageContent
{
  margin: 0px 0px 6px 0px;
  float: left;
  width: 895px;
  background: #ffffff ;
  padding: 17px 0px 0px 10px;
}
.subPageContent .content
{
  border-left: solid 3px #ffffff;
  border-right: solid 3px #ffffff;
  background: #ffffff url(http://www.openioos.org/images/long_box_bg.gif) repeat-x;
  padding: 0px 13px 0px 13px;
  min-height: 550px;
}
.subPageContent .bottom
{
  background: #ffffff;
  height: 6px;
  font-size: 0.01em;
}


.blueBox209
{
  margin: 0px 0px 6px 0px;
  width: 209px;
  background: #ffffff url(http://www.openioos.org/images/redesign/box/bluebox_top_209.gif) no-repeat;
  padding-top: 5px;
}
.blueBox209 .bcontent
{
  border-left: solid 3px #ffffff;
  border-right: solid 3px #ffffff;
  background: #d4e8ec url(http://www.openioos.org/images/redesign/box/bluebox_bg.gif) repeat-x;
  padding: 3px 6px 0px 6px;
  
}
.blueBox209 .bbottom
{
  background: #e2eaec url(http://www.openioos.org/images/redesign/box/bluebox_bottom_209.gif) no-repeat;
  height: 23px;
  font-size: 0.01em;
}

.subWidePageContent
{
  margin: 0px 0px 6px 0px;
  float: left;
  width: 899px;
  background: #ffffff url(/images/redesign/box/box_top_899.gif) no-repeat;
  padding: 17px 0px 0px 0px;
}
.subWidePageContent .content
{
  border-left: solid 3px #ffffff;
  border-right: solid 3px #ffffff;
  background: #e2eaec url(/images/redesign/box/long_box_bg.gif) repeat-x;
  padding: 0px 13px 0px 13px;
  min-height: 550px;
}
.subWidePageContent .bottom
{
  background: #e2eaec url(/images/redesign/box/box_bottom_899.gif) no-repeat;
  height: 6px;
  font-size: 0.01em;
}
/* END - Rounded Corners */

/* Basic Formatting */
h1
{
  color: #3d79b6;
  font-size: 14px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}
h2
{
  color: #3d79b6;
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

ul.arrow {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    line-height: 1.1em;
}
.arrow li
{
    background-image: url(http://www.openioos.org/images/redesign/common/arrow.gif);
    background-repeat: no-repeat;
    background-position: 3px 2px;
    padding-left: 18px;
    margin-bottom: 10px;
}

ul.arrow2 {
    list-style-type: none;
    padding: 0px;
    margin: 0 0 0 12px;
    line-height: 1.1em;
}

.arrow2 li
{
    background-image: url(http://www.openioos.org/images/redesign/common/arrow.gif);
    background-repeat: no-repeat;
    background-position: 3px 2px;
    padding-left: 18px;
    margin-bottom: 10px;
}

b.blue
{
  color: #064ea7;
}
b.red
{
  color: #7B2B22;
}
b.green
{
  color: #804e55;
}
.buttonRight
{
  float: right;
  margin: 4px 0px 0px 0px;
}
div.rule
{
  height: 1px;
  font-size: 1px;
  line-height: 0px;
  white-space: nowrap;
  background-color: #cccccc;
  margin: 10px 0px 10px 0px;
}
.floatLeft
{
  float: left;
}
.floatRight
{
  float: right;
}
td
{
  vertical-align: top;
}
td.label
{
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
  color: #066ea2;
  padding: 0px 10px 10px 10px;
}
td.input
{
  vertical-align: middle;
  padding: 0px 10px 10px 0px;
}
td.checklabel
{
  vertical-align: middle;
  font-weight: bold;
  color: #066ea2;
  padding: 0px 0px 10px 10px;
}
td.check
{
  vertical-align: middle;
  padding: 0px 0px 10px 20px;  
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}	
.middle
{
	vertical-align: middle;
}
.clear
{
	clear: both;
	font-size: 1px; 
	line-height: 1px;
	height: 0px;
	white-space: nowrap;
}		
/* END - Basic Formatting */
	


/* Old openioos.org styles */
.tabBox {
	background-color: #ffffff;
	border: 1px solid #364970;
}
.CWCLabelClass 
{ 
	font-family	: Arial, Helvetica, sans-serif; 
	font-size	: 10px; 
	color		: #000000;
}
.tinyText
{
	font-size: 9px;
}
#buoydata
{
	background-color: white;
	background-image: none;
}
.buoydata
{
	font-size: 10px;
	color: #333;
}
.legendLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
}

.legendCheckbox {
	width: 10px;
}
.tabLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
}
.groupLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight	: bold; 
	background-color: #DEEBF7;
}

/* tables */
table.std { background-color: white; border: solid 1px #036; margin: 10px 0 10px 0; }
table.std th { background-color:#999999; font-weight: bold; font-size: 10px; text-align: left; white-space: nowrap; border-right: #DDD 1px solid; }
.shade { background-color: #F5F5F5; }
tr.tr1 td { border-bottom: 1px solid #000; padding: 5px; }
tr.tr2 td { background-color: #F0F8FF; text-align: center; font-weight: bold; }
tr.tr1 th { background-color:#666666; text-align:left; font-weight: bold; border-bottom: 1px solid #000; border-top: 1px solid #000; color: #FFFFFF; }
.bluebox { background-color: #F5F5F5; border: 1px #6699CC solid; }
tr.stdsub td { background-color: #CCC; font-size: 10px; font-weight: bold; color: black; border-right: #ddd 1px solid; }
/* other tables (see quick history, 12 hr history) */
table.tbl1 { background-color: white; border: 1px solid #036; }
table.tbl1 td, th { border: none; white-space: nowrap; text-align: right; }
table.tbl1 th { background-color:#9CF; border-right: 1px solid #DDD; font-weight:bold; text-align:center; }
table.tbl1 td.td1 { font-weight: bold; border-right: 1px solid #DDD; text-align: left; }
table.tbl1 th.th1 { background-color: #F0F8FF; }
table.twelvehr td { text-align: right; padding: 6px; }
table.twelvehr td.datakey { font-weight:bold; text-align: center; }
table.td1 td { border-right: #DDD 1px solid; }

table {
	width: 100%;
	margin: 1em auto;
	border-collapse: collapse;
}

thead th,
tfoot th {
	padding: 0.5em;
	text-align: left;
	border: none;
	background-color: #AAF;
}

tfoot td {
	border-top: 1px solid black;
}

tbody td {
	padding: 0.5em;
	
}

tbody tr.odd {
	background-color: #DDF;
}

td.numeric,
th.numeric {
	text-align: right;
}