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

body.about {
color:#000000;
font:12px Arial,Helvetica,Verdana,Sans-serif;
 background-color: #050E47;
 background-image: url(../images/back_reef.jpg);
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
}

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

body.weather {
	color:#000000;
font:12px Arial,Helvetica,Verdana,Sans-serif;
 background-color: #050E47;
/* background-image: url(../images/back_kat.jpg);*/
 background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;

}

body.canes {
	color:#000000;
font:12px Arial,Helvetica,Verdana,Sans-serif;
 background-color: #050E47;
 background-image: url(../images/bck2.gif);
 background-attachment: fixed;
}




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

}

body.moon {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #000000;
	background: #000000;
	background-image: url(../images/moonsky.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;

}

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(../images/back_tide.gif);
	background-attachment: fixed;
}

body a {
	color: #001C5C;
	text-decoration: underline;
	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(../images/icon_popup.gif) no-repeat center right;
}

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



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

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

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

body.canes #page-container{
   width: 900px;
	margin: auto;
	background-color: transparent;
	border: 2px solid white;
}

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

body.weather #page-container{
/*   width: 900px;*/
   width: 840px;
	margin: auto;
/*	margin-bottom: 900px;*/
	background-color: #1C3B71;
	border: 6px double #A0BFF5;
}

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

body.moon #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: 180px;
	background: #D6DCEC;
   margin-top: 6px;

	
}

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

body.weather #header {
	height: 175px;
	background: #1C3B71;
	background-position: center;
	background-repeat: no-repeat;
}

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

}

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

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

body.tides #header {
	height: 200px;
	background: #2963BD;

}

body.weather #feedcontent {
	color: #000000;
}

body.weather #feedcontent a:link {
	color: #000000;
}

body.weather #feedcontent a:visited {
	color: #000000;
}
 
#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.weather #navigation li {list-style: none; margin: 0;
  display: inline;}
body.weather #navigation li a {padding: 3px 0.5em; margin-left: 3px;
  border: 1px solid black;
  background: #A0BFF5;
  text-decoration: none;}
body.weather #navigation li a:link {color: black;
}
body.weather #navigation li a:hover {color: #001C5C; background-color: #E6EAEB;
  border-color: Black Black #E6EAEB Black;}
body.weather #navigation li a:visited {color: black;}
body.weather #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(../images/transblue.gif);
  border-color: Black Black #E6EAEB Black;
}

body.moon #navigation li a#current {
	color: #001C5C; background: url(../images/transblue.gif);
  border-color:  white white transparent white;
}



#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.moon #navigation li a:hover {color: #001C5C; background: url(../images/transblue.gif);
  border-color: Black Black #E6EAEB Black;}
  
body.about #sidebar-a {
	float: right;
	width: 280px;
	line-height: 16px;
	background-color: #D6DCEC;
	margin-right: 10px;
   }
	
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: #1C3B71;
   }	
	
body.charts #sidebar-a {
	float: right;
	width: 2px;
	line-height: 18px;
	color: black;
	background-color: transparent;
   }
	
body.moon #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;
	color: #001C5C;
	}
	
	body.tides #sidebar-a a {
	color: #001C5C;
	text-decoration: underline;
	text-transform: none;
	font-weight: bolder;
}

body.tides #sidebar-a a:hover{
	color: white;
	background: #001C5C;
}


	
body.weather #sidebar-a a {
	color: #D4E3E6;
	text-decoration: underline;
	text-transform: none;
	font-weight: bolder;
}

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

/*body.tides #sidebar-a a:visited{	color: #001C5C;
}*/
	
#sidebar-a .padding {
	padding: 10px;
}


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

body.moon #content{
   margin-right: 20px;
	line-height: 18px;
	border: 1px solid black;
	background: url(../images/loocy.png)	
}

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

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

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

#content .padding{

	padding: 0px 25px 10px 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;
}

h2 {
	margin: 0px;
	padding: 0px;
   font-family: Arial Black;
	font-size: large;
	 
}

/*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;
	font-variant: small-caps;
}	



b {
	color: #FFFFFF;
	background-color:#000000;
	padding:2px;
	font-size:12px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
	
blockquote {
	color: #C0C0C0;
   font:12px Arial,Helvetica,Verdana,Sans-serif;
	margin: 0px;
   padding: 0px 0px 0px 10px;
}

#fishquote {
font-family: "Times New Roman", Times, serif;
font-size: 11px;
font-weight: bolder;
color: #606060;
padding-left: 50px;
padding-right: 50px;

}

div.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none;
}

div.feedburnerFeedBlock ul li span.headline {
font-weight:bold;
display:block;
margin:12px 0 0 0;
}

div.feedburnerFeedBlock {
border:3px solid #1F3B75;
background-color:#ffe;
padding:12px;
}

h4 {
	background: #1D3A74;
	font-size: 16px;
	color: #FFFFFF; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

h5 {
	font-size: larger;
	font-weight: bolder;
}

a.feed:link {
	color: white;
	text-decoration: none;
	 }
	 
a.feed:visited {
	color: white;
	}
	
a.feed:hover {
	text-decoration: none;
	color: #000000;
	background-color: #ffffff; 
}

a.feed:active {
	color: #ffffff; 
}