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

.high-tide   { height:120px; background:url('/_gfx/blue.gif') repeat-x #455AAB; } /* header */
.tide        { width:940px; margin:0px auto; } /* page area, centered */
.tide-tables { float:left; margin:20px 0px 20px 10px; width:120px; } /* list of locations */

h1           { padding:0px; margin:0px; font:normal 24px "Trebuchet MS", sans-serif; }
h3           { padding:0px; margin:0px; font:bold   14px "Trebuchet MS", sans-serif; }

p, td, div   { font:normal 14px "Trebuchet MS", sans-serif; }
a img        { border:none; }
.clr         { clear:both; }
a            { color:#222222; }

.tide-tables ul { margin:5px 0px; padding:0px; }
.loc0, .loc1 { list-style:none; padding:0px 0px 0px 4px; }
.loc0 a      { color:#444444; text-decoration:none; font-size:12px; }
.loc1 a      { color:#222222; text-decoration:none; font-size:16px; font-weight:bold; }
.loc0:hover  { background:#eeeeee; }

.tide-times  { float:left; margin:20px 0px 0px 10px; width:760px; } /* main content area */

.tide-mark   { text-align:left;  font:bold 16px "Trebuchet MS", sans-serif; color:#222222; margin-top:10px; }
.tide-time   { text-align:right; font:bold 24px "Trebuchet MS", sans-serif; color:#156BCB; line-height:16px; }
.tide-height { font:normal 18px "Trebuchet MS", sans-serif; color:#222222; }

.low-tide    { height:60px; background:url('/_gfx/blue.gif') repeat-x #455AAB; } /* header */
.foot        { padding-top:10px; font:normal 11px sans-serif; color:white; }
.foot a      { color:white; }

.updated     { margin-top:240px; text-align:center; font-style:italic; }

#tide-calendar { border:1px solid #444444; }
.calHead { font-size:14px; font-weight:bold; text-align:center; color:#444444; }
.calDay { width:22px; border:1px solid #444444; }
.calDay a { font-weight:bold; color:blue; }
.calGrey { background:#e8e8e8; }
.calNav { color:#444444; text-decoration:none; }
.Today { background-color:#bbbbff; }

.moon-phase { float:right; text-align:center; font:normal 9px sans-serif; margin:0px 20px 10px 20px; }

.allPoints, .sml { font:normal 9px verdana, sans-serif; }
.allPorts li { float:left; width:180px; font-size:12px; }

.w3c_button   { width:100px; border:1px solid #888888; background:url('/_gfx/w3c.gif') repeat-x #FFCC66; float:left; margin-right:10px; }
.w3c_button a { text-decoration:none; clear:both; }
.w3c_logo   { font:bold 11px sans-serif; background:#ffffff; display:block; float:left; width:34px; text-align:center; }
.w3c_type   { font:bold 11px sans-serif; display:block; float:right; text-align:center; width:66px;}