body 
	{
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular; 
	background-color: #FFFFFF;
	}
p	{
	background-color: #CDCDCD;
	font-size: 20px;
	font-weight: bold;

	}
H1
	{
	color: #FF6633; 
	font-family: Arial;
	}
#nav
	{
	border: 1px solid white;
	background-color: #BBB;
	padding: 1px;
	}
#nav TD
	{
	border: 1px solid white;
	text-align: center;
	}	
#nav a
	{
	text-decoration: none;
	}
#tide
	{
	border: 1px solid white;
	padding: 1px;
	}
#tide a 
	{
	text-decoration: none;
	}
#tide TD
	{
	text-align: center;
	}
.metstat TABLE
	{
	border: 1px solid white;
	padding: 1px;
	background-color: #BBCCFF;
	font-size: 12px;
	}
.score TABLE
	{
	border: 1px solid white;
	padding: 1px;
	font-size: 12px;
	}
.forecast TABLE
	{
	padding: 0px;
	font-size: 13px;
	}
.forecast TR
	{
	height: 30;
	background-color: #FFFFFF;
	}
.header {
	height: 30;
	}

.header TD
	{
	text-align: center;
	background-color: #EDEDED;
	font-size: 9px;
	}


.tabs {
  font-size: small;
  font-weight: bold;
  text-align: left;
  padding: 0 0 0 0em;
  border-bottom: 1px solid #000;
}

.tabs A {
    text-decoration: none;
    padding: 0 1.5em;
    margin: 4 .25em;
    color: #888;
    background-color: #cedce7;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.tabs A:hover {
    color: #000;
    background-color: #a4b0b8;
    text-decoration: none;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.tabs A.current {
    color: #000;
    background-color: #ffffff;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #ffffff;
}

.tabs A.current:hover {
    background-color: #ffa;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}