/*
Tides styles
*/

body, td, ul, li {
  color: #000000;
  font-family:ARIAL;
  font-size: 9pt;
  margin:0;
  padding:0;
  }

B {
 font-weight:bold;}

.center {
 text-align: center;}

a img {
  border: 0 none;}
 
A:link, A:visited {
 color: #0000FF;
 font-weight: bold;
 text-decoration: none;}

A:hover {
 color: #ff0000;}

 
#header {
  float:left;
  width:100%;
  background: #DAE0D2 url("images/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }

#header ul {
  margin:0;
  padding:10px 10px 0;   
  list-style:none;
  }
    
#header li {
  float:left;
  background:url("images/left.gif") no-repeat left top;    
  margin:0;
  padding:0;
  /* padding:0 0 0 9px;*/
  }
  
  
#header a {
  display:block;
  background:url("images/right.gif") no-repeat right top;
  font-weight: bold; 
  text-decoration: none;
  padding:5px 15px 4px 6px;
  padding:5px 15px 4px;
    
  }
  
#header #current {
  background-image:url("images/left_on.gif")
  }
  
#header #current a {
  background-image:url("images/right_on.gif");
  padding-bottom:5px;
  }  
  
  

#main {
  position: absolute;
  /*
  position: relative;
  */
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
	overflow: hidden;
  width:680px;
  height:530px;
}

.content {
  position:relative;
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
  overflow: auto;
  color: #000000;
  text-align: left;
  clear: both;
}

.btnGo {
  font-weight:bold;
  color: #269F00;
  font-size: 8pt;
  text-align: center;}  
  
.headerTides {
  background-color: #3755DF;
  background-color: #CFD9FF;
  background-color: #6DAFE9;
  color: #3755DF;
  color: #ffffff;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  /* margin-bottom: 10px;*/
  }
  
.warningTides {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ff0000;
  color: #ffffff;
  font-weight: bold;
  }

  
.textTides {
  font-size: 11px;
  background-color: #ffffff;
  padding-top: 15px;
}