html { min-height: 100%; margin-bottom: 1px; }

BODY {
margin-top: 20px;
color: #000080;
font-family: verdana, arial, geneva;
font-size: 11px;
line-height: 135%;
background: url(images/bigbak3.jpg);
background-repeat: no-repeat;
background-color: #010b22;

}


#wrapper {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 960px;
border: solid #005496 10px;
background: #e4ebef;
}



#top {
width: 960px;
height: 38px;
background: url(top.gif);

}

#cwrap {
width: 960px;
background: url(images/wrap.jpg);
}


#left {
float: left;
}

#main {
width: 763px;
margin-left: 194px;
}

#main2 {
width: 763px;
height: 1000px;
margin-left: 194px;
}

#player {
width:400px;
height: 300px;
margin-top: 30px;
margin-left: 100px;
border-top: solid 6px;
border-color: #0c0000;
}


#home{ display: block; width: 150px; height: 29px; margin-top: -20px; margin-left: 5px; background: url("images/homebut.gif") no-repeat 0 0; } #home:hover { background-position: 0 -29px; } #home span { display: none; } 

#about{ display: block; width: 150px; height: 29px; margin-left: 5px; background: url("images/aboutbut.gif") no-repeat 0 0; } #about:hover { background-position: 0 -29px; } #about span { display: none; }

#gallery{ display: block; width: 150px; height: 29px; margin-left: 5px;  background: url("images/gallerybut.gif") no-repeat 0 0; } #gallery:hover { background-position: 0 -29px; } #gallery span { display: none; }

#membership{ display: block; width: 150px; height: 29px; margin-left: 5px;  background: url("images/memberbut.gif") no-repeat 0 0; } #membership:hover { background-position: 0 -29px; } #membership span { display: none; }

#snorkel{ display: block; width: 150px; height: 29px; margin-left: 5px;  background: url("images/snorkelbut.gif") no-repeat 0 0; } #snorkel:hover { background-position: 0 -29px; } #snorkel span { display: none; }

#diary{ display: block; width: 150px; height: 29px; margin-left: 5px;  background: url("images/eventbut.gif") no-repeat 0 0; } #diary:hover { background-position: 0 -29px; } #diary span { display: none; }

#faq{ display: block; width: 150px; height: 29px; margin-left: 5px;  background: url("images/faqbut.gif") no-repeat 0 0; } #faq:hover { background-position: 0 -29px; } #faq span { display: none; }

#forum{ display: block; width: 150px; height: 29px; margin-left: 5px;  background: url("images/forumbut.gif") no-repeat 0 0; } #forum:hover { background-position: 0 -29px; } #forum span { display: none; }

#contact{ display: block; width: 150px; height: 29px; margin-left: 5px;  background: url("images/contactbut.gif") no-repeat 0 0; } #contact:hover { background-position: 0 -29px; } #contact span { display: none; }

#links{ display: block; width: 150px; height: 29px; margin-left: 5px;  background: url("images/linksbut.gif") no-repeat 0 0; } #links:hover { background-position: 0 -29px; } #links span { display: none; }

#video{ display: block; width: 150px; height: 29px; margin-left: 5px;  background: url("images/videobut.gif") no-repeat 0 0; } #video:hover { background-position: 0 -29px; } #video span { display: none; }


H1 {
color :  #34465c;
font-size : 22px;
margin-left: 0px;
margin-top: 4px;
font-family : Arial, Helvetica, Sans-Serif;

}


H2 {
color :  #000080;
font-size : 14px;
font-style: italic;
margin-top: 10px;
margin-left: 0px;
font-family : Arial, Helvetica, Sans-Serif;

}

H2.links {
color :  #000080;
font-size : 16px;
font-style: italic;
margin-top: 10px;
margin-left: 0px;
font-family : Arial, Helvetica, Sans-Serif;

}

H3 {
color :  #666666;
font-size : 14px;
margin-top: -14px;
margin-left: 192px;
font-family : Arial, Helvetica, Sans-Serif;

}

H3.links {
color :  #666666;
font-size : 14px;
margin-top: 10px;
margin-bottom: 6px;
margin-left: 0px;
font-family : Arial, Helvetica, Sans-Serif;

}


P { 
font-size : 11pt;
font-family : Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 135%;
color: #000080;
margin-left: 4px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 20px;
 } 

P.smaller { 
font-size : 10pt;
font-family : Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 135%;
color: #000080;
margin-left: 4px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 20px;
 } 
 
td { 
font-size : 11pt;
font-family : Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 135%;
color: #000080;
margin-left: 4px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 20px;
 }
 
 
 img.right {
 float: right;
 clear: right;
 border: solid 4px;
 border-color: #005496;
 margin-top: 0px;
 margin-right: 10px;
 margin-left: 20px;
 margin-bottom: 20px;
 }

 img.centre {
 border: solid 4px;
 border-color: #385883;
 margin-top: 50px;
 margin-right: auto;
 margin-left: autopx;
 margin-bottom: 0px;
 }
 
 
a:link { color: #235274;
font-size: 11pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:visited { color: #235274;
font-size: 11pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:hover { color: #3173a5;
font-size: 11pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a.linx:link { color: #235274;
font-size: 10pt;
font-weight:normal;
font-family: arial,geneva;
text-decoration: none;

}

a.linx:visited { color: #235274;
font-size: 10pt;
font-weight:normal;
font-family: arial,geneva;
text-decoration: none;

}

a.linx:hover { color: #3173a5;
font-size: 10pt;
font-weight:normal;
font-family: arial,geneva;
text-decoration: none;

}



LI {
font-size : 10pt;
font-family : Arial, "Times New Roman", Times, serif;
text-align: left;
line-height: 135%;
}