body { background: #666 url(/bg.jpg) fixed;  padding: 0;  margin: 0 0 0 15px; } 

h1, h2 { font: 15px/17px Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 0; font-weight: bold; color: #ffe; text-transform: uppercase; }
 
#corpus { text-align: left; } 
 
a:link, a:visited { color: #DFB40E;  text-decoration: none; } 
 
a:hover, a:active { color: #E6E515;  text-decoration: underline; }
 
p { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; } 
 
h2.header { margin: 0;  width: 540px;  height: 39px;  background: url(/header.gif) no-repeat; } 
 
h2.current { margin: 0;  width: 270px;  height: 28px;  background: url(/current.gif) no-repeat; } 
 
h2.radar { margin: 0;  width: 300px;  height: 28px;  background: url(/radar.gif) no-repeat; } 
 
h2.buoys { margin: 0;  width: 210px;  height: 28px;  background: url(/buoys.gif) no-repeat; } 
 
h2.surf { margin: 0;  width: 210px;  height: 28px;  background: url(/surf.gif) no-repeat; }  
 
h2.weather { margin: 0;  width: 210px;  height: 28px;  background: url(/weather.gif) no-repeat; }  
 
h2.links { margin: 0;  width: 87px;  height: 28px;  background: url(/links.gif) no-repeat; }  
 
#filterBlue { color: #fff;  width: 550px;  height: 2500px;  margin-top: 18px;  float: left;  background: #600030;  filter: alpha(opacity=60);  -moz-opacity: .60;  opacity: .60; } 
 
#filterClear { color: #fff;  width: 200px;  height: 1400px;  float: left;  border-right: #808000 10px solid;  filter: alpha(opacity=50);  -moz-opacity: .50;  opacity: .50; } 
 
#filterOrange { color: #fff;  width: 180px;  height: 2460px;  margin: 0 0 0 10px;  float: left;  background: #d08000;  filter: alpha(opacity=30);  -moz-opacity: .30;  opacity: .30; } 
 
#left { color: #fff;  width: 540px;  position: absolute;  top: 11px;  left: 20px; } 
 
#radar { width: 536px;  height: 549px;  background: url(http://radar.weather.gov/ridge/lite/N0R/CLX_0.png) no-repeat right top; }
 
#buoy1 { float: left;  margin-left: 4px; } 
 
#buoy1 h3 { font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  font-size: 14px;  margin: 0; } 
 
#buoy1 h4 { color: #ccc;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  font-size: 10px;  margin: 0 0 10px 0;  text-transform: uppercase;  line-height: 150%; } 
 
#buoy2 { float: left;  margin-left: 4px; } 
 
#buoy2 h3 { font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  font-size: 14px;  margin: 0; } 
 
#buoy2 h4 { color: #ccc;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  font-size: 10px;  margin: 0 0 10px 0;  text-transform: uppercase;  line-height: 150%; } 
 
#buoyMap { width: 240px;  float: right;  margin: 0 4px 0 0;  border: 3px solid #F2EEE2;  background-color: #666; } 
 
#buoyMap p { margin: 0;  padding: 4px;  font-size: 8px;  color: #fff;  text-align: justify;  text-transform: uppercase; } 
 
#sunTide { position: absolute;  top: 12px;  left: 572px;  color: #F4F2E6;  font-size: 10px;  font-weight: bold;  margin: 0;  padding: 0; } 
 
#sunTide p { margin: 0;  padding: 0; } 
 
#center { position: absolute;  top: 280px;  left: 565px;  
} 
 
.report { width: 210px;  border: 2px solid #6F3045;  background-color: #B79663;  margin: 3px 0 0 0; } 
 
.reportURL { width: 210px;  color: #BFBE77;  background-color: #666;  margin: 0;  padding: 0 0 0 4px;  font-size: 10px; } 
 
p.report { width: 210px;  color: #666;  border: none;  background-color: #F2EEE2;  font-size: 9px;  font-family: Arial, Helvetica, sans-serif;  text-transform: uppercase;  padding: 0 0 0 4px; } 
 
h3.report { background-color: #6F3045;  margin: 0;  padding: 0;  font-size: 11px;  color: #BFBE77;  font-weight: bold;  font-family: Verdana, Arial, Helvetica, sans-serif;  text-transform: uppercase;  letter-spacing: 1px; } 
 
#filterBlueCenter { color: #fff;  width: 380px;  height: 272px;  position: absolute;  top: 35px;  left: 565px;  background: #600030;  border-top: #fff 4px solid;  border-right: #ccc 5px solid;  filter: alpha(opacity=60);  -moz-opacity: .60;  opacity: .60; } 
 
#filterGreenCenter { color: #fff;  width: 200px;  height: 150px;  position: absolute;  top: 2px;  left: 565px;  background: #800000;  filter: alpha(opacity=40);  -moz-opacity: .40;  opacity: .40; } 
 
#filterWhiteRight { color: #333;  width: 210px;  height: 50px;  position: absolute;  top: 4px;  left: 715px;  background: #fff;  border-top: #BEBB8E solid 5px;  border-right: #666 solid 6px;  filter: alpha(opacity=40);  -moz-opacity: .40;  opacity: .40; } 
 
#intro { color: #F4F2E6;  position: absolute;  top: 42px;  left: 567px;  width: 373px; text-align: justify;  margin: 0;  padding: 0; } 
 
#intro p { margin: 0;  padding: 0; } 
 
#right { color: #fff;  width: 180px;  position: absolute;  top: 324px;  left: 785px; } 
 
#right p { margin: 0 0 10px 0; } 
 
#textWeather { position: absolute;  left: 575px;  top: 720px; } 
 
.hide { margin-left: -7777px; } 
 
.filter { width: 536px;  filter: alpha(opacity=90);  -moz-opacity: .90;  opacity: .90; } 
 
.small { font-family: Arial, Helvetica, sans-serif;  text-transform: uppercase;  font-size: 9px;  letter-spacing: 1px; } 
 
.boldGreen { color: #E6CD9E;  font-size: 12px;  font-weight: bold; } 
 
.data { text-align: center;  font-family: Arial, Helvetica, sans-serif;  font-size: 8px;  margin: 1px;  width: 84px;  float: left; } 
 
h5.data { font-size: 9px; } 
 
.col { text-align: center;  padding: 3px;  margin-bottom: 1px;  font-size: 8px;  border: 1px #ccc solid;  background-color: #666; } 
 
p.col { margin: 0 0 4px 0; } 
 
.ads { border: #eee 2px solid; }