body { margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 2em; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; background: #0f84b1 url('images/bggradient.png') center top repeat-x; color: #165776;}

#wrapper { border: 1px solid #296587; margin-left: auto; margin-right: auto; overflow: visible; width: 850px; min-height: 100%; height: 100%; display: block; background: #ffffff url('images/buttonbg1.gif') left top repeat-y; padding: 0;}

#left { width: 210px; position: absolute;; background-color: #D3F4FF; height: 100%; min-height: 640px; padding: 0; margin: 0; border: none;}

#main { background-color: #ffffff; float: right; width: 640px; min-height: 650px; height: auto; padding: 0; margin: 0; border: none;}

#footer { clear: both; display: block;}

#top { background: #92D1ED url('images/bgripple.png'); display: block; padding: 0.5em; margin: 0; text-align: right;}
#content { padding: 2em; 
	font-size: 0.9em; 
	line-height: 1.5em;
	letter-spacing: 0px;
	word-spacing: 0px;}

.index #content { padding-top: 0;}
.index #left { background: #D3F4FF url('images/starfish.gif') left bottom no-repeat; }
.features #left { background: #D3F4FF url('images/hula.gif') center bottom no-repeat; }


.next { background: transparent url('images/bgeffect.png') top left no-repeat; width: 100%; display: block; padding: 0.3em; text-align: right;}

.specialbox { float: right; width: 200px; padding: 0.5em; margin: 10px 0 0 10px; background-color: #D3F4FF; border: 1px solid #7ec6e8; line-height: 1em;}

table.gallery { text-align: center;}

h2 { font-size: 1em;}
.big { font-size: 3em; font-weight: bold; float: left; line-height: 1em; font-family: Garamond, Times;}


td {font-family: Arial, Helvetica, sans-serif;
      font-size: 11 px;}

.rates {font-family: Arial, Helvetica, sans-serif;
      font-size: 12 px;}
	  
.caption {font-family: Arial, Helvetica, sans-serif;
      font-size: 12px; color: white;}

	
.footernav { color: #ffffff; font-size: 12px; font-family: arial; font-weight: bold; line-height: 150%;} 
A.footernav:link { color: #ffffff; font-size: 12px;  font-weight: bold; font-family: arial, Geneva, arial; text-decoration: underline} 
A.footernav:visited { color: #ffffff; font-size: 12px; font-weight: bold; font-family: arial, Geneva, arial; text-decoration: underline }
A.footernav:hover { color: #E5F9DC; font-size: 12px;  font-weight: bold; font-family: arial, Geneva, arial; text-decoration: none }

a.topnav:link, a.topnav:visited { color: #ffffff; font-size: 0.8em; text-decoration: none;} 
a.topnav:hover { color: #296587}

a:link, a:visited { color: #296587; text-decoration: underline; font-weight: bold} 
a:hover { color: #13C6DA; text-decoration: none; font-weight: bold }


.day { color: #6699CC; font-size: 12px; font-family: arial; font-weight: bold} 


.date { color: #336699; font-size: 16px; font-family: arial; font-weight: bold} 

	

.textbox {
	    border: 1px solid #08808D;
		background: #EDF6F9;
        font size: 12px;
		font-weight: bold;
		color: #0D525A;
        font-family: arial, verdana, sans-serif;
		} 

.selectbox {
	    border: 1px solid #003580;
        font size: 12px;
        font-family: arial, verdana, sans-serif;
		} 


.submitbutton{ 

    font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff; 
	background: #2D93B0; 
	BORDER-TOP:    #82DDE7 1px outset;  
	BORDER-LEFT:   #82DDE7 1px outset;  
	BORDER-BOTTOM: #08808D 1px outset;  
	BORDER-RIGHT:  #08808D 1px outset;   
}