body { background: #000 url(images/Header.jpg) top center no-repeat; }
h1, h2, h3 { margin: 0; padding: 0; }
h1 { font: lighter 28px/28px georgia, times new roman, serif; }
h3 { font: lighter 18px/20px georgia, times new roman, serif; }
p { font: normal 11px/14px arial, helvetica, sans-serif; margin: 5px 0 0; padding: 0; }

#page { width: 100%; height: 100%; margin: 0 auto; padding: 0; text-align: center; }
#container { background: #fff url(images/containerbg.jpg) top center no-repeat; width: 728px; height: auto; margin: 0 auto; padding: 0 10px; text-align: center; border: 0; }

#content { background: #fff; margin: 0; padding: 10px; }
#content p { font: normal 11px/14px arial, helvetica, sans-serif; color: #333; text-align: justify; margin: 0 0 10px; }

.header { width: 100%; height: 140px; margin: 0 auto; padding: 0; }
.header h1 { margin: 0 auto; padding: 0; text-indent: -10000px; }
.header img { position: relative; width: 320px; height: 120px; margin: 0 auto; padding: 0; }

#footer { width: 980px; height: 454px; padding: 0; margin: 0 auto; text-align: center; background: transparent url(images/Footer.jpg) top center no-repeat; }
#footer img.logo { width: 320px; height: 120px; margin: 0 auto; padding: 0; position: relative; top: 300px; }
#footer p { padding: 300px 0; font-size: 14px; color: #275979; font: normal 11px/14px arial, helvetica, sans-serif; }
#footer a { text-decoration: none; color: #7c9eb3; border-bottom: 2px solid transparent; }
#footer a:hover { color: #ffffff; border-bottom: 2px solid #7c9eb3; }

.chart { background: transparent; width:728px; height: 420px; padding: 0; margin: 0 auto; }
#footer a img.OMauiLogo { position: relative; top: -275px; width: 206px; height: 62px; margin: 0 auto; padding: 0; }

table.tidechart { border-collapse:collapse; width: 728px; font: normal 11px/14px arial, helvetica, sans-serif; margin: 0; padding: 0; border: 1px solid #d0d0d0; }
table.tidechart tr { margin: 0; padding: 0; }
table.tidechart tr.odd { border-bottom: 1px solid #b0b0b0; background: #f0f0f0 url(images/oddbg.png) bottom left repeat-x; }
table.tidechart tr:hover { border-bottom: 1px solid #b0b0b0; background: #eed9b9 url(images/activebg.png) bottom left repeat-x; }
table.tidechart th { font: bold 13px/16px arial, helvetica, sans-serif; color: #ffffee; background: #e7ac52; margin: 0; padding: 2px; border-bottom: 1px solid transparent; }
table.tidechart td { margin: 0; padding: 2px; text-align: center; }
table.tidechart td { border-bottom: 1px solid #e0e0e0; }

.sevenday { width: 728px; height: 140px; margin: 0; padding: 0; background: #000; }
.sevenday div { position: relative; width: 104px; float: left; font: normal 12px/12px arial, sans-serif; margin: 0; padding: 0px; overflow: hidden; text-align: center; }
.sevenday div strong.day { margin: 2px; padding: 0px; font: bold 18px/18px arial, helvetica, sans-serif; color: #fff; }
.sevenday div strong.phase { position: relative; margin: 0; padding: 0; width: 104px; font: normal 12px/12px arial, helvetica, sans-serif; color: #888; }