html,body	{color: #000000;
				background-color: #D5F0D1;
				text-align: center;
				font-style: normal;
		 		font-variant: normal;
		 		font-weight: normal;
				font-size: 9pt;
				line-height: 12pt;
				font-family: verdana,tahoma,helvetica,sans-serif;
				margin: 10px 0px 10px 0px;
				 scrollbar-track-color:#D5F0D1;
		 		scrollbar-face-color:#B9DCB9;
				scrollbar-arrow-color: #006633;
					scrollbar-shadow-color:#006633;
				scrollbar-highlight-color:#006633;
				scrollbar-3dlight-color:#D5F0D1;
				scrollbar-darkshadow-Color:#D5F0D1; 
				}
body         {margin-top: 10px;
			/*ie5win fudge begins */
				voice-family: "\"}\"";
				voice-family:inherit;
				margin-top: 10px;}
html>body 	{
				margin-top: 10px;
				/* ie5win fudge ends */}}
#top			{
				height: 88px;
				padding: 0px;
				
				
				margin-left: 10px;
				margin-right: 10px;}	
				
#leftside		{position: absolute;
			left: 0px;
			top: 117px;
			width: 165px;
			background-color: #B9DCB9;
			border: 0px solid #006633;
			padding: 10px;
			}
			
#left2		{position: absolute;
			left: 10px;
			top: 10px;
			width: 145px;
			background-color: #ffffff;
			border: 1px solid #330099;
			padding: 10px;
			}
			
#rightside		{position: absolute;
			right: 10px;
			top: 117px;
			width: 165px;
			background-color: #B9DCB9;
			border: 0px solid #006633;
			padding: 10px;
			}
			
#center		{background-color: #ffffff;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: 00px;
			border-top: 0px;
			border-right: 1px solid #B9DCB9;
			border-left: 193px solid #B9DCB9;
			padding: 10px;
			}
			
#container	{width: 990px;
			margin: 0 auto;
			text-align: left;
			position: relative;
			padding: 0;
			border: 0;}
	
h1			{color: #006633;
				background-color: #ffffff;
				font-style: normal;
		 		font-variant: normal;
		 		font-weight: bold;
				font-size: 1.5em;
				line-height: 1em;
				font-family: verdana,tahoma,helvetica,sans-serif;
				margin-top: 0px;
				margin-bottom: 10px;
				text-align: center;}	
h2			{color: #14491C;
				
				font-style: normal;
		 		font-variant: normal;
		 		font-weight: bold;
				font-size: 1.2em;
				line-height: 1em;
				font-family: verdana,tahoma,helvetica,sans-serif;
				margin-top: 10px;
				margin-bottom: 5px;}	
				
h3			{background: #006633;
				color: #ffffff;
				
				font-style: normal;
		 		font-variant: normal;
		 		font-weight: bold;
				font-size: 1.2em;
				line-height: 1em;
				font-family: verdana,tahoma,helvetica,sans-serif;
				margin-top: 5px;
				margin-bottom: 0px;}	

h4			{color: #000000;
				font-style: normal;
		 		font-variant: normal;
		 		font-weight: bold;
				font-size: 1em;
				line-height: 1em;
				font-family: verdana,tahoma,helvetica,sans-serif;
				margin-top: 5px;
				margin-bottom: 5px;}	
				
li, td 		{font-style: normal;
		 		font-variant: normal;
		 		font-weight: normal;
				font-size: 9pt;
				line-height: 12pt;
				font-family: verdana,tahoma,helvetica,sans-serif;}
				
ul.content 	{margin-top: 0px; 
			margin-left: 20px;
			
list-style-image: url(pics/bullet.gif);
		 list-style-position: inside;}	
		 
ul.content li	{padding: 2px 0;}
		 
		 
ul.menu		{margin-left: 0px;
			color: #006633;
			background: #ffffff;
			border: 1px solid #006633;
			list-style-image: url(pics/bullet.gif);
			}
			
ul.menu li	{margin-left: -15px;}
			
li.menuhome		{padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
			padding-left: 4px;
			
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			background-color: #006633;
			display: block;
			width: 106%;}		
			
li.menu a:link{padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
			padding-left: 4px;
			
			color: #006633;
			font-weight: normal;
			text-decoration: underline;
			display: block;
			width: 94%;
			}
li.menu a:visited {padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
			padding-left: 4px;
			
			color: #006666;
			font-weight: normal;
			text-decoration: underline;
			display: block;
			width: 94%;}	
			
li.menu a:hover {padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
			padding-left: 4px;
			
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			background-color: #006633;
			display: block;
			width: 94%;}		
li.menu a:active {padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
			padding-left: 4px;
			
			color: #D67931;
			font-weight: bold;
			text-decoration: none;
			display: block;
			width: 94%;}	 	

span.paragraph	{font-weight:bold; 
				color:#14491C;}
	
table.business	{padding: 0px;
				/*ie5win fudge begins */
				voice-family: "\"}\"";
				voice-family:inherit;
				width: 100%;}
html>body .business	{
				width: 100%;
				/* ie5win fudge ends */}
				
table.content	{padding: 0px;
				/*ie5win fudge begins */
				voice-family: "\"}\"";
				voice-family:inherit;
				width: 100%;}
html>body .content	{
				width: 100%;
				/* ie5win fudge ends */}
				
td.content		{padding: 5px;
				vertical-align: top;}		
td.business		{padding: 0px 5px 5px 5px;
				vertical-align: top;
				text-align: left;}

table.attractions	{padding: 0px;
				/*ie5win fudge begins */
				voice-family: "\"}\"";
				voice-family:inherit;
				width: 100%;}
html>body .attractions	{
				width: 100%;
				/* ie5win fudge ends */}
				
td.attractions	{padding:10px;}
	
div.attractions	{
				padding: 2px 5px 5px 5px;
				clear: both;}	
	
div.community	{background: #B9DCB9;
				padding: 2px 10px 5px 10px;
				margin-top: 25px;}	

p.attract-right	{text-align: right; 
				margin-top: 0px;}
	
	
	
	
				
.tariff		{background-color: transparent;
			border: 1px solid #330099;}		
			
.contact	{font-size: 8pt;} 
a.email:link 		{text-decoration: underline; color: #14491C;}
a.email:visited		{text-decoration: underline; color: #14491C;}
a.email:hover		{text-decoration: none; color: #ffffff; background: #006633;}
a.email:active		{text-decoration: none; color: #D67931;}

.footer		{font-size: 8pt;
			clear:both;}

.popup		{background-color: #ffffff;
			padding: 5px 5px 5px 5px;
			border: 1px solid #330099;
			text-align: center;
			margin: 0px 10px 10px 10px;
			}
div.button	{border:1px solid #330099; padding:2px 0px 2px 0px; background-color:#ffffff;}
A.button:link	{font-size:9pt; font-weight:normal; color:#000000; text-decoration:none;padding:2px 5px 2px 5px; }

A.button:visited	{font-size:9pt; font-weight:normal; color:#000000; text-decoration:none;padding:2px 5px 2px 5px; }

A.button:active	  {font-size:9pt; font-weight:normal; color:#330099; text-decoration:none; background-color: #ffffff; padding:2px 5px 2px 5px;}

A.button:hover	{font-size:9pt; font-weight:normal; text-decoration:none; color:#330099; background-color:#ffffff; padding:2px 5px 2px 5px;}


				
#front		{padding: 10px;
				/*ie5win fudge begins */
				voice-family: "\"}\"";
				voice-family:inherit;
				width: 100%;}
html>body #front	{
				width: 100%;
				/* ie5win fudge ends */}

div#gallery	{
    width: 100%;
    overflow: auto;	
    white-space: no-wrap; /*Don't let the images wrap to the next line*/
    height: 190px;
}
img.gallery {
			display: inline;}

/*  scrolling gallery stuff */
	img {border: 0px;}
			
	div#hold	{ 
	position:relative; overflow:hidden;
	width:100%; height:250px; z-index:100;
	background-color: #ffffff;
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:100%; height:250px; 
	clip:rect(0px, 1000px, 188px, 0px);
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:absolute; left:0; top:212px;
  width:100%; height:24px;
  font-size:1px; z-index:2;
  background-color: #ffffff;
  }
div#track { 
  position:absolute; left:0px; top:0;
  width:90%; height:24px; z-index:1;
  background-color: #ffffff;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:0px; height:9px; z-index:1;
  background-color:#ffffff;
  }  
div#left { position:absolute; left:0; top:0; z-index:2; background-color: #fffffff; }  
div#right { position:absolute; right:0; top:0; z-index:3; background-color: #fffffff;  }
  
div.photol		{text-align: left;}
div.photol img	{float:left;
				margin: 10px;}	
div.photor		{text-align: right;}			
div.photor img	{float:right;
				margin: 10px;}	
				
ul.profiles	li	{padding: 2px 0;}
				
.ssaar		{float: right;
			padding: 0 0 10px 10px;}

.ssaal		{float: left;
			padding: 0 10px 10px 0;}
			
#ssaalist	{list-style-type: none;
			margin-left: 15px;}
			
.industry1	{border: 0;
			float: left;
			padding: 0 10px 5px 10px;}

.industry2	{border: 0;
			float: right;
			padding: 0 10px 5px 10px;}
			

				

				
	/* ===================== Slideshow tags begin here ============================ */

#slideshow		{background: #ffffff;
				text-align: center;
				margin: 15px 15px 15px 15px;
				border: 1px solid #006633;
				padding: 10px 0px;
				}

/* \*/
* html #slideshow {
				 margin: 15px 15px 15px 15px; /* IE 5.5 */
				 /* IE 6 */
				}
/* */
				
#slideshow h2	{margin: 15px 0px 17px 0px;
				
				}

/* \*/
* html #slideshow h2{
				margin: 15px 0px 15px 0px; /* IE 5.5 */
				 /* IE 6 */
				}
/* */
				
#ss_controls	{margin: 5px 0px;}

#ss_controls span {display:inline;
				border: 1px solid #006633;
				padding: 1px 2px 2px 2px;
				background: #D5F0D1;
				margin-bottom: 2px;}	
#ss_controls a	{background: #D5F0D1;
				text-decoration: none;
				color: #000000;}	

#ss_controls a:hover	{background: #006633;
						color: #ff0000;	
							}
						
#ss_text		{padding: 2px 0px 10px 0px;}

/* \*/
* html #ss_text	{
				padding: 0px 0px 0px 0px; /* IE 5.5 */
				 /* IE 6 */
				}
/* */

#closebutton	{float: right;
				background: #D5F0D1;
				color: #000000;
				border: 1px solid #006633;
				padding: 1px 2px 2px 2px;
				margin-right: 10px;
				margin-top: -10px;}
				
/* \*/
* html #closebutton	{
				margin-top: 0px; /* IE 5.5 */
				 /* IE 6 */
				}
/* */

#closebutton a	{background: transparent;
				text-decoration: none;
				color: #000000;}	

#closebutton a:hover	{color: #ffffff;
			background: #006633;
						}	
	/* ===================== Slideshow tags end here ============================ */		
			
			
.italics	{font-style: italic;}		

/* ========================================= photo gallery styles ======================================== */				
					
#photogallery	{width: 746px;
					border: 0px solid #0000ff;
					height: 680px;
					margin: 0 auto;
					position: relative;}	
					
/* remove the list bullets and indentation */				
							
#photogallery ul	{padding: 0;
						margin: 0;
						list-style-type: none;}
	
/* remove the images and text from sight */	
	
#photogallery a.gallery span	{position: absolute;
									width: 1px;
									height: 1px;
									top: 0;
									left: 190px;
									overflow: hidden;
									background: #ffffff;}	
	
/* adding the thumbnails */	
	
#photogallery a.gallery, #photogallery a.gallery:visited	{display:block;
																	color: #000000;
																	text-decoration: none;
																	border: 1px solid #000000;
																	margin: 1px 1px 1px 1px;
																	text-align: left;
																	cursor: default;}

#photogallery a.slidea	{background: url(beaches/beaches1tn.jpg);
							height: 60px;
							width: 80px;}	

#photogallery a.slideb	{background: url(beaches/beaches2tn.jpg);
							height: 60px;
							width: 80px;}
							
#photogallery a.slidec	{background: url(beaches/beaches3tn.jpg);
							height: 60px;
							width: 80px;}						

#photogallery a.slided	{background: url(beaches/beaches4tn.jpg);
							height: 60px;
							width: 80px;}																																																					

#photogallery a.slidee	{background: url(beaches/beaches5tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slidef	{background: url(beaches/beaches6tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideg	{background: url(beaches/beaches7tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideh	{background: url(beaches/beaches8tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slidei	{background: url(beaches/beaches9tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slidej	{background: url(beaches/beaches10tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slidek	{background: url(beaches/beaches11tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slidel	{background: url(beaches/beaches12tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slidem	{background: url(beaches/beaches13tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.sliden	{background: url(beaches/beaches14tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideo	{background: url(beaches/beaches15tn.jpg);
							height: 60px;
							width: 80px;}						
							
#photogallery a.slidep	{background: url(beaches/beaches16tn.jpg);
							height: 60px;
							width: 80px;}							
							
#photogallery a.slideq	{background: url(beaches/beaches17tn.jpg);
							height: 60px;
							width: 80px;}							

#photogallery a.slider	{background: url(beaches/beaches18tn.jpg);
							height: 60px;
							width: 80px;}							
							
#photogallery a.slides	{background: url(beaches/beaches19tn.jpg);
							height: 60px;
							width: 80px;}							

#photogallery a.slidet	{background: url(beaches/beaches20tn.jpg);
							height: 60px;
							width: 80px;}							
							
#photogallery a.slideu	{background: url(beaches/beaches21tn.jpg);
							height: 60px;
							width: 80px;}							
							
#photogallery a.slidev	{background: url(beaches/beaches22tn.jpg);
							height: 60px;
							width: 80px;}							
							
#photogallery a.slidew	{background: url(beaches/beaches23tn.jpg);
							height: 60px;
							width: 80px;}						

#photogallery a.slidex	{background: url(beaches/beaches24tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slidey	{background: url(beaches/beaches25tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slidez	{background: url(beaches/beaches26tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideaa	{background: url(beaches/beaches27tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideab	{background: url(beaches/beaches28tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideac	{background: url(beaches/beaches29tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slidead	{background: url(beaches/beaches30tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideae	{background: url(beaches/beaches31tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideaf	{background: url(beaches/beaches32tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideag	{background: url(beaches/beaches33tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideah	{background: url(beaches/beaches34tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideai	{background: url(beaches/beaches35tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideaj	{background: url(beaches/beaches36tn.jpg);
							height: 60px;
							width: 80px;}

#photogallery a.slideak	{background: url(beaches/beaches37tn.jpg);
							height: 60px;
							width: 80px;}
							
#photogallery a.slideal	{background: url(beaches/beaches38tn.jpg);
							height: 60px;
							width: 80px;}


												
/* set the size of the unordered list to neatly house the thumbnails */	

#photogallery ul	{
						width: 350px;
						height: 680px;}		
						
#photogallery li	{margin: 1px;
						float: left;}	
						
/* move the thumbnails into the correct position */																		
	
#photogallery ul	{margin: 2px;
						float: left;}	
						
/* change the thumbnail border color */								
	
#photogallery a.gallery:hover	{
						border: 1px solid #ffffff;}	

/* styling the hover span */		
	
#photogallery a.gallery:hover span.a	{
									position: absolute;
									width: 400px;
									height: 320px;
									top: 4px;
									left: 356px;
									color: #000000;
									background: #ffffff;}
									
#photogallery a.gallery:hover span.b	{
									position: absolute;
									width: 400px;
									height: 320px;
									top: 340px;
									left: 356px;
									color: #000000;
									background: #ffffff;}
									
<!-- #photogallery a.gallery:hover span.c	{
									position: absolute;
									width: 350px;
									height: 300px;
									top: 670px;
									left: 190px;
									color: #000000;
									background: #ffffff;}
									
#photogallery a.gallery:hover span.d	{
									position: absolute;
									width: 350px;
									height: 300px;
									top: 990px;
									left: 190px;
									color: #000000;
									background: #ffffff;} -->
									
#photogallery 	{background: #fff url(beaches/beaches13.jpg) 360px 4px no-repeat;}