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: #082237;
  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 */
  background: #082237 url(/images/redesign/common/page_bck.jpg) no-repeat;
}
#innerPage
{
  width: 921px; /* 960 - padding */
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 19px;
}
#header
{
  width: 921px;
  height: 113px;
}
#header .logo
{
  float: left;
  width: 532px;
  padding: 11px 0px 0px 0px;
}
#header .nav
{
  float: left;
  width: 389px; 
  text-align: center;
}

#nav
{
  width: 899px; /* 921 - border */
  height: 19px;
  padding: 6px 0px 0px 20px;
  margin-bottom: 10px;
  background: #061e36 url(/images/redesign/common/nav_bg.jpg) repeat-x;
  border: solid 1px #e7eaf0;
  filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}
#nav img
{
  padding-right: 39px;
}

#content
{
  background-color: #97acb1;
  background-image: url(/images/redesign/common/content_bg.jpg);
  background-repeat: no-repeat;
  width: 903px; /* 921 - padding */
  padding: 10px 9px 10px 9px;
}
#content_bottom
{
  width: 921px;
  height: 6px;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  background-color: #97acb1;
  background-image: url(/images/redesign/common/content_bottom.jpg);
  background-repeat: no-repeat;
  font-size: 0.01em;
}

#footer
{
  text-align: center;
  color: #3399cc;
  padding: 0px 0px 20px 0px;
}
#footer a
{
  color: #737373;
  text-decoration: none;
}
/* 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(/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 url(/images/redesign/box/nav_top_196.gif) no-repeat;
  padding: 6px 0px 0px 0px;
}
.leftNav .content
{
  border-left: solid 3px #ffffff;
  border-right: solid 3px #ffffff;
  background: #ffffff url(/images/redesign/box/nav_bg.gif) repeat-x bottom;
  width: 186px; /* 196 - padding - border */
  padding: 0px 2px 70px 2px;
  margin: 0px;
}
.leftNav .bottom
{
  background: #e2eaec url(/images/redesign/box/nav_bottom_196.gif) no-repeat;
  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/redesign/leftnav/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/redesign/leftnav/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/redesign/leftnav/button_on.jpg);
  background-repeat: no-repeat;
  padding: 5px 0px 0px 4px;
  margin: 0px 0px 3px 0px;
}

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

/* News Section */
.newsBlock
{
  width: 618px; /* 660 - padding - borders */
  border: solid 1px #c9c9c9;
  padding: 15px 20px 15px 20px;
  margin: 0px 0px 10px 0px;
  background: #ffffff url(/images/redesign/news/news_bg.jpg) repeat-x bottom;
}
.newsBlock .photo
{
  float: left;
  display: inline;
  width: 132px; /* 136 - padding - border */
  padding: 1px;
  border: solid 1px #b3abaf;
  background-color: #ffffff;
}
.newsBlock .text
{
  float: left;
  display: inline;
  width: 464px; /* 482 - padding */
  padding: 0px 0px 0px 18px;
  line-height: 1.4em;
}
.newsBlock .url
{
  text-align: right;
  padding: 5px 0px 0px 0px;
}
/* END - News Section */


/* Rounded Corners */
.roundedBox239
{
  float: left;
  width: 239px;
  margin-bottom: 6px;
  background: #ffffff url(/images/redesign/box/box_top_239.gif) no-repeat;
  padding: 6px 0px 0px 0px;
}
.roundedBox239 .content
{
  border-left: solid 3px #ffffff;
  border-right: solid 3px #ffffff;
  background: #e2eaec url(/images/redesign/box/box_bg.gif) repeat-x;
  width: 217px;
  padding: 8px;
  margin: 0px;
  height: 305px;
}
.roundedBox239 .bottom
{
  background: #e2eaec url(/images/redesign/box/box_bottom_239.gif) no-repeat;
  height: 6px;
  width: 239px;
  font-size: 0.01em;
}

.roundedBox412
{
  float: left;
  margin: 0px 6px 6px 6px;
  width: 412px;
  background: #ffffff url(/images/redesign/box/box_top_412.gif) no-repeat;
  padding-top: 6px;
}
.roundedBox412 .content
{
  border-left: solid 3px #ffffff;
  border-right: solid 3px #ffffff;
  background: #e2eaec url(/images/redesign/box/box_bg.gif) repeat-x;
  padding: 8px;
  height: 305px;
}
.roundedBox412 .bottom
{
  background: #e2eaec url(/images/redesign/box/box_bottom_412.gif) no-repeat;
  height: 6px;
  font-size: 0.01em;
}

.roundedBox902
{
  margin: 0px 0px 6px 0px;
  width: 902px;
  background: #ffffff url(/images/redesign/box/box_top_902.gif) no-repeat;
  padding-top: 5px;
}
.roundedBox902 .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;
  min-height: 490px;
}
.roundedBox902 .bottom
{
  background: #e2eaec url(/images/redesign/box/box_bottom_902.gif) no-repeat;
  height: 6px;
  font-size: 0.01em;
}

.blueBox665
{
  margin: 0px 0px 6px 0px;
  width: 665px;
  background: #ffffff url(/images/redesign/box/bluebox_top_665.gif) no-repeat;
  padding-top: 5px;
}
.blueBox665 .bcontent
{
  border-left: solid 3px #ffffff;
  border-right: solid 3px #ffffff;
  background: #d4e8ec url(/images/redesign/box/bluebox_bg.gif) repeat-x;
  padding: 15px 9px 10px 9px;
  text-align: center;
}
.blueBox665 .bbottom
{
  background: #e2eaec url(/images/redesign/box/bluebox_bottom_665.gif) no-repeat;
  height: 23px;
  font-size: 0.01em;
}

.blueBox209
{
  margin: 0px 0px 6px 0px;
  width: 209px;
  background: #ffffff url(/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(/images/redesign/box/bluebox_bg.gif) repeat-x;
  padding: 3px 6px 0px 6px;
  
}
.blueBox209 .bbottom
{
  background: #e2eaec url(/images/redesign/box/bluebox_bottom_209.gif) no-repeat;
  height: 23px;
  font-size: 0.01em;
}

.subPageContent
{
  margin: 0px 0px 6px 0px;
  float: left;
  width: 697px;
  background: #ffffff url(/images/redesign/box/box_top_697.gif) no-repeat;
  padding: 17px 0px 0px 0px;
}
.subPageContent .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;
}
.subPageContent .bottom
{
  background: #e2eaec url(/images/redesign/box/box_bottom_697.gif) no-repeat;
  height: 6px;
  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(/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(/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: #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 */
	
/* Form Styles */
form
{
  margin: 0;
  padding: 0;
}
input
{
	font-size: 10px;
	font-weight: normal;
	color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
select
{
	font-size: 10px;
	font-weight: normal;
	color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea
{
	font-size: 10px;
	font-weight: normal;
	color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea.special
{
  visibility: hidden;
  width: 1px;
  height: 1px;
  display: none;
}
/* END - Form Styles */

/* 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;
}