html, body {
	margin: 0px;
	padding: 0px;
}

body.about {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
background-attachment: fixed;
	background-color: #0F0F3C;
}

body.rant {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	background-color: #0f0f3c;
}

body.weather {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(seriousback.gif);
	background-attachment: fixed;

}

body.charts {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	background-image: url(lightchart.jpg);
	background-attachment: fixed;

}

body.boats {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #000000;
	background: #ffffff;
		background-image: url(sandmiles.jpg);
	background-attachment: fixed;
}

body.tides {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	background-image: url(shellsmiles.jpg);
	background-attachment: fixed;
}

body a {
	color: #001C5C;
	text-decoration: none;
	text-transform: none;
	font-weight: bolder;
}

body a:hover{
	color: #D6DCEC;
	background: #001C5C;
}

.hidden {
	display: none;
}

body.weather a:visited { 
   color: #5B1200;
}

body.weather a:hover { 
   color: white;
   background: navy;	
}

body.weather a[target$='_blank'] { 
	padding-right: 18px;
	background: transparent url(icon_popup.gif) no-repeat center right;
}

body.weather a:hover[target$='_blank'] { 
	padding-right: 18px;
	background: #001C5C url(icon_popup.gif) no-repeat center right;
}


body.tides a[target$='_blank'] { 
	padding-right: 18px;
	background: transparent url(icon_popup.gif) no-repeat center right;
}

body.tides a:hover[target$='_blank'] {  
	padding-right: 18px;
	background: #001C5C url(icon_popup.gif) no-repeat center right;
}

body.about #page-container{
   width: 900px;
	margin: auto;
	background-color: #D6DCEC;
	border: 6px double #A9C5F5;
}

body.rant #page-container{
   width: 760px;
	margin: auto;
	background-color: white;
	border: 6px double #E0FFFF;
}

body.weather #page-container{
   width: 900px;
	margin: auto;
	background-color: #4C5D60;
	border: 6px double #4c4f3e;
}

body.charts #page-container{
   width: 600px;
	margin: 20px 10% 50px auto;
	background-color: transparent;
	border: 0px solid white;
}

body.boats #page-container{
   width: 760px;
	margin: auto;
	background-color: #FFFFFF;
	border: 6px double #4C4F3E;

}

body.tides #page-container{
   width: 760px;
	margin: 15px auto 20px auto;
	background-color: #FFFFFF;
	border: 6px ridge #565978;
}


#main-nav { height: 20px;  padding-bottom: 0px; }

body.about #header {
	height: 175px;
	background: #D6DCEC;
	background-image: url(../images/gametop.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

body.rant #header {
	height: 150px;
	background: #003E80;
	background-image: url(toprant.jpg);
}

body.weather #header {
	height: 175px;
	background: #4C5D60;
	background-image: url(topwea.png);
	background-position: center;
	background-repeat: no-repeat;
}

body.charts #header {
	height: 150px;
	background: transparent;

}

body.boats #header {
	height: 150px;
	background: #003E80;
	background-image: url(topboat.jpg);
}

body.tides #header {
	height: 251px;
	background: #003E80;
	background-image: url(toptides.jpg);
}

 
#navigation {
padding-top: 0px; 
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 0px solid white;
margin: 10px 0px 3px 0px;
font: bold 12px Verdana, sans-serif;
}

#navigation li {list-style: none; margin: 0;
  display: inline;}
#navigation li a {padding: 3px 0.5em; margin-left: 3px;
  border: 1px solid black;
  background: #001C5C;
  text-decoration: none;}
#navigation li a:link {color: white;

}
#navigation li a:visited {color: white;}
#navigation li a#current {
	color: #001C5C; background-color: #E6EAEB;
  border-color: Black Black #E6EAEB Black;
}
body.charts #navigation li a#current {
	color: #001C5C; background: url(transblue.gif);
  border-color: Black Black #E6EAEB Black;
}

#navigation li a:hover {color: #001C5C; background-color: #E6EAEB;
  border-color: Black Black #E6EAEB Black;}
  
body.charts #navigation li a:hover {color: #001C5C; background: url(transblue.gif);
  border-color: Black Black #E6EAEB Black;}


body.about #sidebar-a {
	float: right;
	width: 280px;
	line-height: 18px;
	background-color: #D6DCEC;
   }
	
body.rant #sidebar-a {
	float: right;
	width: 280px;
	line-height: 18px;
	background-color: #ffffff;
	}
	
body.weather #sidebar-a {
	float: right;
	width: 280px;
	line-height: 18px;
	color: #E6EAEB;
	background-color: #4C5D60;
   }	
	
body.charts #sidebar-a {
	float: right;
	width: 2px;
	line-height: 18px;
	color: black;
	background-color: transparent;
   }
	
body.boats #sidebar-a {
	float: right;
	width: 280px;
	line-height: 18px;
	background-color: #ffffff;
	}
	
body.tides #sidebar-a {
	float: right;
	width: 280px;
	line-height: 18px;
	background-color: #ffffff;
	}
	
body.weather #sidebar-a a {
	color: #D4E3E6;
	text-decoration: none;
	text-transform: none;
	font-weight: bolder;
}

body.weather #sidebar-a a:hover{
	color: #6B7A7D;
	background: #D4E3E6;
}
	
#sidebar-a .padding {
	padding: 10px;
}


body.charts #content{
   margin-right: 20px;
	line-height: 18px;
	border: 1px solid black;
	background: url(transblue.gif)	
}



#content {
   margin-right: 280px;
	line-height: 18px;
	border: 1px solid black;
	padding: 35px 25px 25px 25px;
	background-color: #E6EAEB;
}

body.charts #content .padding{
	padding: 25px 25px 5px 25px;
}

#content .padding{
	padding: 25px;
}

#content h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#content p {
	margin: 0;
	padding: 0;
   padding-bottom: 15px;
}

   #tabsF {
      float:left;
      width:480px;
      background:#D6DCEC;
		background-image: url(taback.jpg);
      font-size:90%;
      line-height:normal;
          border-bottom:1px solid #666;
      }
    #tabsF ul {
        margin:0;
        padding:0px 0px 0 2px;
        list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url("tableftF.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url("tabrightF.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }

        #tabsF #current a {
                background-position:0% -42px;
        }
        #tabsF #current a span {
                background-position:100% -42px;
        }
		  
   #tabsJ {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
        margin:0;
        padding:10px 10px 0 0px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }




#extra-content {

	line-height: 14px;
	border: 1px solid black;
	clear: both;
	background-color: #9CA6BF;
}

#extra-content .padding{
	padding: 10px;
}

#extra-content h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#extra-content p {
	margin: 0;
	padding: 0;
   padding-bottom: 0px;
}



#footer {
   clear: both;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #8f8f8f;
	border-top: 1px solid #cfcfcf;
	padding: 10px 10px;
	line-height: 14px;
	background-color: black;
	
}

#footer a {
	color: #c9c9c9;
	text-decoration: none;
}


#footer a:hover {
	background: #c9c9c9;
	color: black;
}

#footer #altnav {
	width: 300px;
	float: right;
	text-align: right;
}



        #feed {
            background: #eee;
            border: 1px dotted #ccc;
            height: 400px;
            overflow: auto;
            width: 400px
        } 

a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(too_cool.png) bottom right no-repeat;
text-indent: -999em; 
text-decoration: none;
 }

h1 {
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 57px;
	padding-right: 31px;
}

/*h3 {

font-family: Arial, Helvetica, Sans-Serif;
font-size: normal;
font-style: normal;
font-weight: bold;
padding: 0;
margin: 0;

}*/

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: Black;
}	

b {
	color: #FFFFFF;
	background-color:#000000;
	padding:2px;
	font-size:12px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}