body { font-family: Helvetica, Arial, Verdana, Sans-Serif;
       color: #3b3837;
       font-size: 1em;
       }
      
.Page { background-color: #9daab0; 
        margin-top: 0px; 
        margin-bottom: 0px;       
        }
        
#wrapper {
	margin:0 auto;
	background-color: #efefef;
	padding:0px;
	border:0px;
}

@media screen and (min-width:660px) { .fixed {
	width:970px; } 
}

#header { background-color: #213984; 
          background-image: url(header-images/sail-header2.jpg); 
          background-repeat: no-repeat; 
          max-height: 156px; 
          height: 156px;
          
          }

#topContactLink { padding-right: 0px; padding-left: 12px; color: #ffffff; float: right; padding-top: 5px; font-size: 0.9em; margin-top: -1px; }

#topContactLink a:link {
	padding:4px;
	color:#fff;
	text-decoration:none;
	background-color: #222;
	
}

#topContactLink a:visited {

	color:#fff;
	background-color: #222;
	
}

#topContactLink a:hover {

	color:#222;
	background-color: #fff;
	
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 0.75em;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.7em 1em;
background-color: #036;
color: White;
text-decoration: none;
font-weight: bold;
float: left;
border-right: 1px solid #ffffff;

}

#navcontainer ul li a:hover
{
background-color: #000000;
color: #ffffff;
}

#mainCol { position: relative; left: 0px; width: 673px; float: left; padding-top: 0px; min-height: 300px; background-color: #fff;  font-size: 0.9em;  }

#mainColContent { padding-left: 30px; padding-right: 20px; min-height: 400px; }

#mainColContent ul { position: relative; left: 18px; padding-right: 10px; }
#mainColContent li { margin-bottom: 3px; }

#mainColContentNoThumbs { padding-left: 50px; padding-right: 20px; min-height: 400px; }
#mainColContentNoThumbs ul { position: relative; left: 18px; padding-right: 10px; }
#mainColContentNoThumbs li { margin-bottom: 3px; }
#mainColContentNoThumbs h1 { margin-left: -20px; }
#mainColContentNoThumbs h2 { margin-left: -20px; }


#LHSthumbs { position: relative; left: 0px; width: 170px; float: left; padding-right: 20px; padding-bottom: 25px; }

#LHSthumbs img { margin-left: 0px; 
                 border: 2px #3b3837 solid; 
                 margin-bottom: 20px; 
                 }

#prices { border: #3b3837 2px solid; border-bottom: 1px solid; width: 400px; margin-right: 20px; text-align: center;  }
#prices th { padding: 3px; background-color: #3b3837; color: #fff; font-size: 1.2em; }
#prices td { padding: 2px; border-bottom: #3b3837 1px solid; }

#calendar { float: right; }

@media screen and (min-width:660px) { #RHScol { margin: 0 0% 0 673px; background-color: #efefef } }

@media screen and (max-width:659px) { #RHScol { background-color: #efefef } }


#RHScol p
    {
        margin-left: 14px;
        color: #3b3837;
        font-size: 9pt;
        font-family: Lucida Grande,  Lucida Sans Unicode,  Verdana, Arial, Sans-Serif;
        text-align: left;
        padding-bottom: 5px;
        
    }  

#RHScol h2
    {
        margin-left: 11px;
        margin-bottom: 8px;
        color: #3b3837;
        font-size: 1.1em; 
        font-family: Lucida Grande,  Lucida Sans Unicode,  Verdana, Arial, Sans-Serif;
        border-bottom: 1px #3b3837 solid;
        padding-top: 5px;
        padding-bottom: 3px;
        text-align: left;
    }


#footernav ul li { display: block; }

#footernav ul li a
{
padding: 0.5em 1em;
color: White;
text-decoration: none;
font-weight: bold;

}

.beach { background-image: url(../pix/beach-footer-bottom-slice.jpg); background-repeat: no-repeat;}

#footer { clear: both;
          background-color: #036;
          padding: 22px;
          color: #ffffff;
          font-size: 0.7em;
          }

#footer h2 { font-size: 1.5em; 
             margin: 0px; 
             margin-bottom: 3px; }