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

BODY {
margin-top: 0px;
padding: 0px;
color: #555555;
font-family: verdana, arial, geneva;
font-size: 11px;
line-height: 135%;
background-color: #5d7fad;
background: url(images/bak2.gif);
background-position: center center;
background-repeat: repeat-y;
}


#pagetop {
height: 20px;
background-color: #5a7bad;
}

#wrapper {
width: 960px;
min-height: 700px;
margin-top: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}

#wrapper2 {
width: 620;
height: 500px;
margin-top: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}


#top {
width: 960px;
height: 150px;
margin-top: 0px;
padding: 0px;
background: url(images/top1.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}



#mainwrapper {
width: 954px;
min-height: 560px;
background: url(images/left2.jpg) repeat-y left top;
background-color: #efefef;
border: solid 3px #adafae;
}

#innerwrapper {
border: solid 3px #efefef;
margin-top: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;

}


#left {
width: 164px;
min-height: 560px;
padding: 10px;
float: left;
}


#mainouter {
margin-left: 165px;
background-color: #efefef;
padding: 2px;


}

#main {
min-height: 580px;
background-color: #efefef;
padding: 10px;
border: solid 1px black;

}


#home{ display: block; width: 142px; height: 22px; background: url("images/homebut.gif") no-repeat 0 0; } #home:hover { background-position: 0 -21px; } #home span { display: none; } 

#boat{ display: block; width: 142px; height: 22px; background: url("images/pearlbut.gif") no-repeat 0 0; } #boat:hover { background-position: 0 -21px; } #boat span { display: none; }

#area{ display: block; width: 142px; height: 22px; background: url("images/areabut.gif") no-repeat 0 0; } #area:hover { background-position: 0 -21px; } #area span { display: none; }

#day{ display: block; width: 142px; height: 22px; background: url("images/daybut.gif") no-repeat 0 0; } #day:hover { background-position: 0 -21px; } #day span { display: none; }

#gal{ display: block; width: 142px; height: 22px; background: url("images/galbut.gif") no-repeat 0 0; } #gal:hover { background-position: 0 -21px; } #gal span { display: none; }

#book{ display: block; width: 142px; height: 22px; background: url("images/bookbut.gif") no-repeat 0 0; } #book:hover { background-position: 0 -21px; } #book span { display: none; }

#contact{ display: block; width: 142px; height: 22px; background: url("images/contactbut.gif") no-repeat 0 0; } #contact:hover { background-position: 0 -21px; } #contact span { display: none; }

#avail{ display: block; width: 142px; height: 22px; background: url("images/availbut.gif") no-repeat 0 0; } #avail:hover { background-position: 0 -21px; } #avail span { display: none; }

#links{ display: block; width: 142px; height: 22px; background: url("images/linksbut.gif") no-repeat 0 0; } #links:hover { background-position: 0 -21px; } #links span { display: none; }





H1 {
color :  #efefef;
font-size : 14px;
margin-left: 310px;
margin-top: 4px;
padding: 0px;
font-family : Arial, Helvetica, Sans-Serif;

}


H2 {
color :  #0863b5;
font-size : 14px;
margin-top: 0px;
margin-left: 456px;
margin-bottom: 0px;
padding: 0px;
font-family : Arial, Helvetica, Sans-Serif;

}

H2.page {
color :  #214a5a;
background-color: #8cc6e7;
font-size : 14px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 4px;
border: solid black 1px;
font-family : Arial, Helvetica, Sans-Serif;

}

H2.plain {
color :  #222222;
font-size : 24px;
margin-top: 0px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 0px;
padding: 14px;
font-family : Arial, Helvetica, Sans-Serif;

}

H3 {
color :  #214a5a;
width: 340px;
font-size : 12px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 4px;
border: solid black 1px;
font-family : Arial, Helvetica, Sans-Serif;

}



P { 
font-size : 10pt;
font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 135%;
color: #111111;
margin-top: 10px;
margin-left: 1px;
margin-right: 2px;
margin-bottom: 10px;
 } 

P.rightabit { 

margin-left: 5px;

 }
 
 
 img.right {
 float: right;
 clear: right;
 border: solid black 1px;
 margin-top: 20px;
 margin-right: 10px;
 margin-left: 20px;
 margin-bottom: 0px;
 }

 img.righto {
 float: right;
 clear: right;
 border: solid black 1px;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 }
 
  img.rightpix {
 float: right;
 clear: right;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 }
 
 img.centre {
 border: solid 4px;
 border-color: #385883;
 margin-top: 50px;
 margin-right: auto;
 margin-left: autopx;
 margin-bottom: 0px;
 }
 
 
a:link { color: #222222;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

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

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



LI {
font-size : 10pt;
font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 135%;
color: #111111;
}


/* Stuff to do with the links page */


a.list:link { color: #214a5a; font-size: 13px;
font-family: arial, geneva, sans-serif;
font-weight: bold;}

a.list:visited {  color: #214a5a; font-size: 13px;
font-family: arial, geneva, sans-serif;
font-weight: bold;}

a.list:hover {  color: #dfdfdf; font-size: 13px;
font-family: arial, geneva, sans-serif;
font-weight: bold;}


TD.listing { 
font-size : 10pt;
font-family : Arial, "Times New Roman", Times, serif;
font-weight: normal;
line-height: 120%;
text-align: justify;
border-width: thin;
border-bottom-style: ridge;
padding: 4px 0px 4px 0px;
 }

TR.lh {
background-color: #8cc6e7;
text-align: left;
}