body {

 font-family: Arial, Helvetica, Sans-serif;

 font-size:62.5%;

 color: #000;

 background-color: #4391FD;}

 

* {margin: 0; padding: 0;}



p, ul, h4, h3, h2, h1 {font-family: Arial, Helvetica, Sans-serif;}

 

h1 {font-size: 2.4em; text-align: center;}

h2 {font-size: 1.8em; padding: 6px 0; text-align: center; color: #24596e;}

h3 {font-size: 1.4em; padding: 6px 0; text-align: center; text-transform: uppercase;}

h4 {font-size: 1.2em; text-align: center; color: #c00; padding: 12px 0;}



li {font-size: 1.1em;}

p {font-size: 1.2em;}

 

img {border-width: 0;}

 

/***************CLASSES************/

.buw {

 font-weight:bold;

 text-decoration:underline;

 color:white;

 font-family:Pristina;

 font-size: 3.5em;}

 

.white {color: #fff}

.adbanner {border: 0;}

.ltblu {background-color: #f7fcfc;}

.ltgrey {background-color: #f2f2f2;}

.ltgold {background-color: #fff9f2;}

.cent {text-align: center;}

.bold {font-weight: 600;}

.cb {text-align: center; font-weight: 600;}

.cbg {text-align: center; font-weight: 600; background-color: #fff9f2;}



.floatl {

 float: left;

 margin: 0 8px 1px 10px;

 padding: 2px;}



.floatr {

 float: right;

 margin: 0 10px 10px 10px;

 padding: 2px;}





/**************MAIN DIVISIONS***************/



#site-wrapper {

 position: absolute;

 top: 9px;

 width: 800px;

 min-height: 400px; 

 left: 50%;

 margin-left: -400px;

 border: solid 1px #fff;

 background-color: #fff;}

 

#top {margin-bottom: 1px}

 

#hdr {

 margin-left: 1px;

 width: 799px;

 height: 90px;

 background-image: url('images/hd2.jpg');

 background-repeat: no-repeat;}



#hdr-rt {

 position: relative;

 left: 601px;

 width: 197px;

 height: 90px;

 background-image: url('images/hdr-rt.jpg');

 background-repeat: no-repeat;}

 

#menut {

 width: 800px;

 height: 30px;

 margin: 2px 0;}



#body-wrapper {

 float: left;

 width: 799px;}

 

/*********LEFT COLUMN*************/



#menu-left {

 margin-top: 0px;

 float:left;

 width: 140px;

 min-height: 275px;

 background: #fff;}

 

#menu-left h3 {

 font-size: 11px;

 font-weight: bold;

 color: #c00;

 padding:3px 0 3px 0;

 text-align:center;}



#menu-left p {

 padding:0 0 0 2px;

 color: #000;

 text-align: center;}

  

#menu-left table {width: 138px;	text-align: center;}

 

#menu-left td {

 font-size: 1.2em;

 font-weight: 600;

 color: #c00;

 padding:1px 0 3px 0;

 text-align:center;}



 

/**********CONTENT 1*********/



#content {

 float: left;

 width: 522px;

 min-height: 213px;

 margin-left: 2px;

 border: 1px solid #fff;}

  

#content fieldset {

 border: 1px solid #348D26;

 width: 500px;

 margin-bottom:0;

 padding-bottom:0;}



#content legend {

 color: #fff;

 font-size: 1.1em;

 background: #4391FD;

 margin-left: 20px;

 border: 1px solid #335999;

 padding: 2px 8px}

    

#centered {

 margin-left: auto;

 margin-right: auto;

 margin-bottom: 20px;

 width: 500px;}

 

#content label {

 width: 12em;

 float: left;

 text-align: right;

 margin-right: 0.6em;

 display: block}

 

.submit input {margin-left: 125px; 

 border:1px outset #f0f0f0;

 width: 66px;}

 

#content table {width: 522px;}

#content td {font-size: 1.2em;}

 

/**********CONTENT 2*********/



#content2 {

 float: left;

 width: 656px;

 min-height: 350px;

 margin-left: 2px;}



#content2 p {padding: 6px 6px;}



#content2 table {

 width: 656px;

 table-layout: fixed;

 margin-top: 1px;

 border: 1px solid #000;}



#content2 td {

 font-size: 1.2em;

 padding: 6px 4px;}

 

#content2 thead {font-size: 1.2em;}

 

#content2 ul {

 list-style-type: none;

 margin:0 0 0 60px;

 padding: 1px 0 6px 0;}



#content2 li {

 background-image: url('images/star.gif');

 background-repeat: no-repeat;

 background-position: left .3em;

 color:#030;

 padding: 5px 0 0 20px;

 margin: 1px 0;}

 

/************TIDE TABLES**********/



#tides {

 width: 792px;

 margin-left: 4px;}



#tides table {

 width: 790px;

 table-layout: fixed;}



#tides thead {font-size: 1.2em;}



#tides td {

 padding-top: 3px;

 padding-bottom: 3px;

 font-size: 1.2em;

 font-weight: 600;}



.tides {

 border-collapse: collapse;

 border-width: 1px solid #000;}



.tmonth {

 border-collapse: collapse;

 border: 0px solid #fff}



.tideh {background-color:#036;  text-align: center; color: #fff;}

.tidel {background-color:#f7fcfc; text-align: center; color: #000;}

.tidexl {background-color:#c00; text-align: center; color: #000;}

.tided {background-color:#f7fcfc; text-align: left; color: #000; padding-left: 4px;}

.tidebw {background-color:#fff; text-align: center; color: #000;}

.tidedbw {background-color:#fff; text-align: left; color: #000; padding-left: 4px;}





/********RIGHT HAND COLUMN*********/



#column-right {

 float: right;

 width: 126px;

 border-left: 0px #a4c7e2 dashed;

 min-height: 400px;}

 

#column-right table {

 width: 128px;

 background-color: #fff9f2;

 text-align: center;}

 

#column-right td {

 font-size: 1.2em;

 font-weight: 600;

 color: #c00;

 padding:1px 0 3px 0;

 text-align:center;}

 

/**********FOOTER SECTION*********/



#reset {clear: both; padding-bottom: 3px;}



#menub {	

 padding-top: 6px;

 border-top: 1px solid #a4c7e2;

}

 

#footer {

 background: #fff;

 font-size: .9em;

 color: #000;

 padding: 6px 0;}

 

#footer a {color: #000;}