body{background-color: #fff; margin: 0px; padding: 0px;}
#body2{background: url(../images/bg-hdr3.jpg) repeat-x;}

h1{color: #336699; font: bold 16px Georgia, Arial, Verdana, Helvetica, sans-serif;}

a{color: #003333; font: normal 12px Georgia, Arial, Helvetica, sans-serif; text-decoration: underline;}
a:hover{color: #000; font: normal 12px Georgia, Arial, Helvetica, sans-serif;  text-decoration: none;} 

#wrapper{width: 759px;}
#wrapper2{width: 950px; padding-top:10px;}

#taglineBox{background-color: #006699; text-align: center; width: 591px;}

/****** begin header images ******/
/* default */
#hdrLogo{background: url(../images/hdr-logolt.jpg) left no-repeat;  height: 118px; width: 168px;}
#hdrMain{background: url(../images/hdr-rt.jpg) left no-repeat;}

#hdrLogo2{background: url(../images/hdr-logolt2.gif) left no-repeat;  height: 118px; width: 200px;}

/* events */
#eventsHdrLogo{background: url(../images/hdr-logolt.jpg) left no-repeat;  height: 118px; width: 168px;}
#eventsHdrMain{background: url(../images/hdr-rt.jpg) left no-repeat;}
/* beach cam */
#beachCamHdrLogo{background: url(../images/hdr-logolt.jpg) left no-repeat;  height: 118px; width: 168px;}
#beachCamHdrMain{background: url(../images/hdr-rt.jpg) left no-repeat;}
/* accomodations */
#accomHdrLogo{background: url(../images/hdr-logolt.jpg) left no-repeat;  height: 118px; width: 168px;}
#accomCamHdrMain{background: url(../images/hdr-rt.jpg) left no-repeat;}
/* Restaurants */
#restHdrLogo{background: url(../images/hdr-logolt.jpg) left no-repeat;  height: 118px; width: 168px;}
#restHdrMain{background: url(../images/hdr-rt.jpg) left no-repeat;}
/* Area Attractions */
#attractHdrLogo{background: url(../images/hdr-logolt.jpg) left no-repeat;  height: 118px; width: 168px;}
#attractHdrMain{background: url(../images/hdr-rt.jpg) left no-repeat;}
/* Real Estate */
#realEstateHdrLogo{background: url(../images/hdr-logolt.jpg) left no-repeat;  height: 118px; width: 168px;}
#realEstateHdrMain{background: url(../images/hdr-rt.jpg) left no-repeat;}
/* About */
#aboutHdrLogo{background: url(../images/hdr-logolt.jpg) left no-repeat;  height: 118px; width: 168px;}
#aboutHdrMain{background: url(../images/hdr-rt.jpg) left no-repeat;}
/* photo gallery */
#photoHdrLogo{background: url(../images/hdr-logolt.jpg) left no-repeat;  height: 118px; width: 168px;}
#photoHdrMain{background: url(../images/hdr-rt.jpg) left no-repeat;}
/* contact us */
#contactHdrLogo{background: url(../images/hdr-logolt.jpg) left no-repeat;  height: 118px; width: 168px;}
#contactHdrMain{background: url(../images/hdr-rt.jpg) left no-repeat;}
/****** end header images ******/

#hdr2bg {background: url(../images/bg-hdr2.jpg) repeat-x;}

#navBox {
	background-image: url(../images/bg-nav.jpg);
	background-repeat: repeat-y;
	color: #003333;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 13px;
	padding: 8px;
	text-align: left;
	vertical-align: top;
}

#navBox a{color: #003333; font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px 5px 0px; display: block; text-decoration: none;}
#navBox a:hover, a#active {color: #003333; font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px 5px 0px; display: block; text-decoration: underline;} 

#navBox ul
{
	padding: 0px;
	margin: 0px 0px 10px 10px;
	font-weight: normal;
	list-style: none;
	text-align: left;
}

#navBox a#subactive{text-decoration: underline; }

#navBox li a 
{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFFFF;
	display: inline;
	text-decoration: none;
}

#navBox li a:hover
{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFFFF;
	display: inline;	
	text-decoration: underline;
}

#navBox2 {
	background-image: url(../images/bg-nav2.gif);
	background-repeat: repeat-y;
	color: #003333;
	width: 190px;
	font: 12px  Georgia, Arial, Verdana, Helvetica, sans-serif;
	line-height: 13px;
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
}
#navBox2 a{color: #003333; font: bold 12px  Georgia, Arial, Verdana, Helvetica, sans-serif; padding: 0px 0px 5px 0px; display: block; text-decoration: none;}
#navBox2 a:hover, a#active {color: #003333; font: bold 12px Georgia, Arial, Helvetica, sans-serif; padding: 0px 0px 5px 0px; display: block; text-decoration: underline;} 

#navBox2 ul
{
	padding: 0px;
	margin: 0px 0px 10px 10px;
	font-weight: normal;
	list-style: none;
	text-align: left;
}

#navBox2 a#subactive{text-decoration: underline; }

#navBox2 li a 
{
	font: normal 11px Georgia, Arial, Verdana, Helvetica, sans-serif;
	color: #CCFFFF;
	display: inline;
	text-decoration: none;
}

#navBox2 li a:hover
{
	font: normal 11px Georgia, Arial, Verdana, Helvetica, sans-serif;
	color: #CCFFFF;
	display: inline;	
	text-decoration: underline;
}

#leftBox{float: left; margin-left: 5px; width: 278px; }
#rightBox{float: right; margin-left: 5px; width: 278px; }

#leftBox2{float: left; margin-left: 5px; width: 360px; }
#rightBox2{float: right; margin-left: 5px; width: 350px; }

#ftrCell {
	border-top: solid 1px #339999;
	border-right: solid 1px #339999;
	border-bottom: solid 1px #339999;
	color: #339999;
	font: normal 10px Georgia, Arial, Helvetica, sans-serif;
	line-height: 20px;
	height: 75px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	vertical-align: top;
}
#ftrCell a{color: #339999; text-decoration: none;}
#ftrCell a:hover{color: #339999; text-decoration: underline;}


#ftrCell2 {
	border-top: solid 1px #339999;
	border-right: solid 1px #339999;
	border-bottom: solid 1px #339999;
	color: #339999;
	font: normal 11px Georgia, Arial, Verdana, Helvetica, sans-serif;
	line-height: 20px;
	height: 75px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	vertical-align: top;
}

#ftrCell2 a{font: normal 11px Georgia, Arial, Verdana, Helvetica, sans-serif; color: #339999; text-decoration: none;}
#ftrCell2 a:hover{font: normal 11px Georgia, Arial, Verdana, Helvetica, sans-serif; color: #339999; text-decoration: underline;}

#toTop{font: 11px Georgia, Arial, Helvetica, sans-serif;  margin: 10px; text-align: left;}
#toTop a{color: #339999; text-decoration: none;}
#toTop a:hover{color: #339999; text-decoration: underline;}

#tmgCredit{font: 11px Georgia, Arial, Helvetica, sans-serif; margin: 35px 0px 25px 0px; text-align: center;}
#tmgCredit a{color: #000; text-decoration: none;}
#tmgCredit a:hover{color: #000; text-decoration: underline;}

.content {
	background: #ffffff;
	color: #336699;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	text-align: left;
}
.content2 {
	background: #ffffff;
	color: #003366;
	font: normal 12px Georgia, Arial, Verdana, Helvetica, sans-serif;
	padding: 10px;
	text-align: left;

}
.accommodations {
	color: #336699;	
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	border: 1px solid #6699CC;
	text-indent: 0px;
}

.accommodations img{margin-right: 3px;}


.accommodations2 {
	color: #336699;	
	font: 11px Georgia, Arial, Verdana, Helvetica, sans-serif;
	padding: 3px;
	border: 1px solid #6699CC;
	text-indent: 0px;
}

.accommodations2 img{margin-right: 8px;}


.accommodations3 {
	color: #336699;	
	font: 13px Georgia, Arial, Verdana, Helvetica, sans-serif;
	padding: 3px;
	border: 1px solid #6699CC;

}

.accommodations3 img{margin-right: 8px;}