body { font-family: verdana,arial,helvetica,sans-serif; text-align: center; background: #fff url(/images/bg.gif); }
ul { margin-top: 0; }
h1 { margin: 0; font: bold 26px times new roman; text-align: center; }
h3 { font:bold 20px times new roman; }
a { }
 a img { border: 0; }

div#pagecontainer { width: 765px; margin: 0 auto; text-align: left; }

div#sidebar { float: left; width: 150px; padding-top: 40px; }

div#nav { }
 div#nav a { display: block; margin: 0 3px 3px 0; padding: 6px 3px; font-size: 11px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; background-color: #336; }
 div#nav a:hover { background-color:#c00; }

#weatherinfo { margin-top: 20px; padding: 2px; background-color: #339; }
 #weatherinfo h3 { margin: 0; font-family: trebuchet ms; font-size: 11pt; font-variant: small-caps; color: #fff; text-align: center; }
  #weatherinfo h3 span { font-size: 13pt; }
 #weatherinfo a { display: block; width: 146px; height: 66px; margin: 0 3px 3px 0; font-size: 8pt; text-align: center; background-color: #fff; background-repeat: no-repeat; border: 1px solid #000; }
  #weatherinfo a span { display: none; }
 a#weather { background-image: url(/images/nws.gif); }
 a#canal { background-image: url(/images/cape_cod_canal.gif); }
 a#tides { background-image: url(/images/tides.gif); }
 a#radar { background-image: url(/images/radar.gif); }
 a#storms { background-image: url(/images/noaa_storm_watch.gif); }

div#page { margin: 10px 13px 0 150px; padding: 0; font-size: 13px; background-color: #fff; border: 3px solid #339; }		

div#header { margin: 0; padding: 45px 13px 0; font-weight: bold; color: #339; text-align: right; background: url(/images/logo.gif) top left no-repeat; }
 div#header h1 { width: auto; height: 37px; margin: 0; background: url(/images/sandship.gif) top right no-repeat; }
  div#header h1 span { display: none; }

div#content { margin: 10px; padding: 10px 0; border: 2px solid #339; border-width: 2px 0; }
* html div#content { height: 1%; }

div#footer { margin: 0; padding: 10px 10px 50px; text-align: center; font-weight: bold; color: #339; background: #fff url(/images/logo.gif) bottom left no-repeat; }	

#order { text-align:center; }
 #order a { padding: 5px 20px; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; background-color: #009; }
 #order a:hover { color: #fff; background-color: #c00; }

img.right { float: right; margin-left: 5px; border: solid 1px #000; }
img.left { float: left; margin-right: 5px; border: solid 1px #000; }
div.right { float: right; margin-left: 5px; }
div.clearer { clear: both; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; }

.pubs { font-size:13px; }
.txt { font-weight: bold; font-size: 13px; }
.hpbox { float: right; margin-left: 5px; padding: 15px 10px; font: bold 10px/15px verdana; text-align: center; background-color:#ffc; border:solid 2px #c00; }
.sm { font-weight: normal; font-size: 10px; }