html {
font-size: 100.01% }

/* IMAGES 
=========*/

img { 
border: 0;
margin: 0 }

img.botmarg1 { 
margin: 0px 0px 6px 0px }

img.bot-marg1 { 
margin: 0px 0px 6px 0px }

img.top-and-bot-marg1 { 
margin: 6px 0px 6px 0px }

img.left-and-bot-marg1 {
margin: 0px 0px 6px 6px }

img.right-and-top-bot-left-marg1 {
float: right;
margin: 5px 0px 5px 5px }

img.right-and-bot-left-marg1 {
float: right;
margin: 0px 0px 5px 5px }

/* STYLE HEADING LINKS 
======================*/

h2 a, h2 a:hover, h2 a:visited { 
color: #CC3300 }

h2 a:hover {
text-decoration:underline } 

/* HIGHLIGHT CURRENT PAGE IN MENU 
================================
*/
#home .home, #town .town, #contact .contact, #beaches .beaches, #explore .explore, #stay .stay, #links .links, #travel .travel, #tourist ,tourist, #family .family, #tv .tv, #recipes .recipes, #internetvideo .internetvideo, #banners .banners, #advertise .advertise { 
color: #FFFFFF }

/* BASICS 
=========*/

body.v1 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #464646;
background-color: #6699CC;
margin: 15px auto auto 15px }

body.v2 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #464646;
background-color: #006699;
margin: 15px auto auto 15px }

a { color: #006699; text-decoration:none }
a:hover { color: #006699; text-decoration:underline }
a:visited { color: #006699; text-decoration:none }

td {
vertical-align: top }



/* RULERS 
=========*/

/* Usage: <div class="hr-20">&nbsp;</div> */

div.hr1, div.hr6, div.hr10, div.hr12, div.hr20 { 
		width: 100%; 
		height: 1px; 
		background-color: #464646;
		line-height: 1px; 
		font-size: 1px } 

				div.hr1 { margin: 0px 0px 0px 0px } 
				div.hr6 { margin: 2px 0px 3px 0px } 
				div.hr10 { margin: 4px 0px 5px 0px } 
				div.hr12 { margin: 5px 0px 6px 0px }
				div.hr20 { margin: 9px 0px 10px 0px } 		

div.hr-dotted6, div.hr-dotted12 {
		width: 100%; 
		height: 1px; 
		background-image: url(/images/ruler-dotted1.gif); 
		background-repeat: repeat-x;
		line-height: 1px; 
		font-size: 1px }

				div.hr-dotted6 { margin: 2px 0px 3px 0px }		
				div.hr-dotted12 { margin: 5px 0px 6px 0px }		

/* SPACING 
==========*/

/* Usage: <div class="spacing-10">&nbsp;</div> */

div.spacing-1, div.spacing-2, div.spacing-3, div.spacing-4, div.spacing-5, div.spacing-6, div.spacing-7, div.spacing-8, div.spacing-9, div.spacing-10  {
		width: 1px; 
		height: 1px; 
		line-height: 1px; 
		font-size: 1px }

				div.spacing-1 {	margin: 0px 0px 0px 0px } 
				div.spacing-2 {	margin: 1px 0px 0px 0px } 
				div.spacing-3 { margin: 2px 0px 0px 0px } 
				div.spacing-4 {	margin: 3px 0px 0px 0px } 
				div.spacing-5 {	margin: 4px 0px 0px 0px } 
				div.spacing-6 { margin: 5px 0px 0px 0px } 
				div.spacing-7 { margin: 6px 0px 0px 0px } 
				div.spacing-8 { margin: 7px 0px 0px 0px } 
				div.spacing-9 { margin: 8px 0px 0px 0px } 
				div.spacing-10 { margin: 9px 0px 0px 0px }

/* VARIOUS 
==========*/

div.photo-cap {
font-family: Arial, Helvetica, sans-serif; 
font-size: 7px;
line-height: 100%;
margin: 3px 0px 10px 0px }


div.copyright1 { 
}

div.video-options {
font-family: Arial, Helvetica, sans-serif; 
font-size: 0.6em;
line-height: 1.1em;
margin: 3px 0px 10px 0px }
div.copyright1 { 
}

b.color1 {
color: #cc3300; 
font-weight: bold  }

		/* NAVIGATION 
		=============*/

		table.top-trail {
		font-size: 0.9em;
		color: #000000;
		background-color: #cccc99 }
		
		div.index-bottom {
		font-size: 0.9em;
		color: #464646;
		padding: 6px 0px 6px 0px }

		.dropdown {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em;		
		color: #464646;
		background-color: #ffffff }

/* BOXES 
========*/

table.box1 { 
background-color: #336699 }

td.box1-td {
font-size: 0.6em; 
color: #ffffff; 
letter-spacing: 0.1em;
text-align: center;
padding: 6px 0px 6px 0px }

table.box20 { 
background-color: #464646 }

td.box20 {
font-size: 7pt; 
color: #FFFFFF; 
letter-spacing: 0.10em;
text-align: center;
padding: 6px 0px 6px 0px }

/* BOT BOX */

table.box2 { 
background-color: #336699 }

td.box2-td {
font-size: 0.6em; 
color: #88BBEE; 
line-height: 1.1em;
text-align: center;
padding: 12px 0px 12px 0px }

table.box3 { 
background-color: #464646;
border: 0px }

td.box3 {
font-size: 7pt; 
color: #838383; 
line-height: 1.1em;
text-align: center;
padding: 12px 0px 12px 0px }

table.outline1 {
border-style: solid;
border-width: 0 1 1 1;
border-color: #464646 }

/* COLUMNS 
========== */

td.col1 {
	color: #000000;
	text-align: left;
	background-color: #CCCC99 }

	td.col1 p {
	font-size: 7pt;
	line-height: 140%;
	margin: 0px 0px 6px 0px }
	
	span.col1-index {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold; 
	letter-spacing: 0.3em }
	
	span.col1-heading {
	font-weight: bold }
	
td.col2 {
color: #464646;
background-color: #ffffff }

	td.col2 h2 { 
	font-size: 1.2em; 
	color: #CC3300; 
	font-weight: bold;
	margin: 0px 0px 10px 0px }

	td.col2 h3 { 
	font-size: 1.1em; 
	color: #CC3300; 
	font-weight: bold; 
	margin: 0px 0px 10px 0px }	
	
	td.col2 p {
	font-size: 11px;
	line-height: 130%;
	margin: 0px 0px 10px 0px }	
	
td.col2a {
color: #464646;
background-color: #ffffff }

	td.col2a h2 { 
	font-size: 1.1em; 
	color: #CC3300; 
	font-weight: bold;
	margin: 0px 0px 4px 0px }

	td.col2a p {
	line-height: 130%; 
	margin: 0px 0px 6px 0px }





	

td.col2-ad-table img {
border: 0;
margin: 3px 0px 2px 0px }

td.col2-ad-table h5, h5 a, h5 a:hover, h5 a:visited { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #CC3300; 
	font-weight: bold; 
	line-height: 130%;
	margin: 0px 0px 3px 0px;
	text-decoration:underline }
	
td.col2-ad-table p {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #000000; 
	line-height: 130%;
	margin: 0px 0px 3px 0px }
	
	.botlink {
	font-size: 9px; 
	line-height: 130%;
	margin: 0px 0px 3px 0px }
	
	div.local-ads p {
	color: #8E8E8E; 
	font-weight: normal;
	text-align:right }

	div.local-ads a, div.local-ads a:visited {
	color: #8E8E8E; 
	font-weight: normal;
	text-align:right;
	text-decoration:none }

	div.local-ads a:hover {
	color: #8E8E8E; 
	font-weight: normal;
	text-align:right;
	text-decoration:underline }	
	
td.col3 {
font-family: Arial, Helvetica, sans-serif; 
color: #464646; 
background-color: #F1F1E4 }

	td.col3 h5 { 
	font-size: 0.7em; 
	color: #CC3300; 
	font-weight: bold; 
	margin: 0px 0px 6px 0px }
	
	
	td.col3 h4 { 
	font-size: 0.7em; 
	color: #464646; 
	font-weight: bold; 
	margin: 0px 0px 6px 0px }	
	
	td.col3 p {
	font-size: 0.6em; 
	line-height: 140%;
	margin: 0px 0px 6px 0px }

td.col3-v2 {
font-size: 8pt; 
font-family: Arial, Helvetica, sans-serif; 
color: #464646; 
background-color: #FFFFFF }

	td.col3-v2 h5 { 
	font-size: 8pt; 
	color: #CC3300; 
	font-weight: bold; 
	margin: 0px 0px 6px 0px }
	
	td.col3-v2 h4 { 
	font-size: 8pt; 
	color: #464646; 
	font-weight: bold; 
	margin: 0px 0px 6px 0px }	
	
	td.col3-v2 h3 { 
	font-size: 12pt; 
	color: #CC3300; 
	font-weight: bold; 
	margin: 0px 0px 10px 0px }	
	
	td.col3-v2 p {
	line-height: 1.6em;
	margin: 0px 0px 6px 0px }

td.col4 {
font-size: 9pt;
color: #464646; 
background-color: #F1F1E4 }

	td.col4 h2 { 
	font-size: 16pt; 
	color: #CC3300; 
	font-weight: bold;
	margin: 0px 0px 10px 0px }

	td.col4 h3 { 
	font-size: 12pt; 
	color: #CC3300; 
	font-weight: bold; 
	margin: 0px 0px 10px 0px }	
	
	td.col4 p {
	line-height: 1.4em;
	margin: 0px 0px 10px 0px }	
	
table.caption-box-table {
 }
 
td.caption-box-td {
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px; }

td.caption-box-td p {
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px;
line-height: 125%;
margin: 3px 0px 6px 0px }

div.license-photo p {
font-family: Arial, Helvetica, sans-serif; 
font-size: 7pt;
font-style: italic;
text-align: center }


/* CSS-ONLY MOUSEOVER POP-UPS 
============================= */

	a.pop-up-2010 {
	color: #464646;
	 }

	a.pop-up-2010:hover {
	text-decoration: none;
	color: #2F343E;
	display: block; }

	a.pop-up-2010 .balloon {
	display: none }

	a.pop-up-2010:hover .balloon {
	display: block; 
	position: absolute; 
	z-index: 150;
	margin: 20px 10px 10px -200px; 
	padding: 8px 6px 10px 10px;
	background: #fff; 
	width: 250px;
	border: 1px #464646 solid; 
	color: ##464646;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 140% }

	.balloon br {
	line-height: 10px }

	img.pop-up-bubble {
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px }