/* CSS Document */

body {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:12px;
	/* margin:15px 0;*/
	 background: url(../img/generic/beach_background.jpg) top left no-repeat #DFD0BC;
}

img { border:none; }
a  { line-height:16px; color:#FFFFFF;}
p, li, h5 { font-size:12px; line-height:16px; }
h1 {  font-size:18px; line-height:20px; color:#000000;}
h2 {  font-size:14px; line-height:20px; color:#000000;  }
h3 { font-size:14px; line-height:20px; color:#000000; margin:0; padding:0;}
h4 { font-size:18px; line-height:20px; color:#000000; margin:5px 0; padding:5px 0; }

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


#container { 
	 margin: 0 auto;
	 width: 835px;
	 background:#a6a8a7;}
	 
#topArea { 
	position:relative;
	top:0;
	left:0;
	width:835px;
	padding-bottom:9px;
	height:207px;
	z-index:100;}


#bottomArea { 	
	width:835px;
	height:9px;
	background:#a6a8a7;
	clear:both;
	float:left; }
	
#bottomAreaTwo { 	
	width:835px;
	height:109px;
	background:#a6a8a7;
	clear:both;
	float:left; }	
	
#bannerArea {
	width:817px;
	margin:0 9px;}
	
	
	
/*TOP AREA STYLES POSITION RELATIVE THROUGHOUT TOP AREA*/	
	
#logo { 
	z-index:50;
	position:relative;
	top:-29px;
	left:9px;
	width:170px;
	height:170px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/generic/g_logo.png'); }	


#search 	{ position:relative; top:-42px; left:415px;  width:400px; height:42px; color:#FFFFFF; text-align:right; text-transform:uppercase;font-size:11px;font-weight:bold; }
#view 		{ position:relative;  width:450px; height:15px; color:#FFFFFF; text-transform:uppercase;font-size:11px; }

/* TOP NAV STYLES */
#topNav
{
	margin-left:15px;
}
	
#topNav a {
	font-size:11px;
	padding:0 5px;
	color:#FFFFFF;
	text-decoration:none;
	}	
	
	
/* SUBNAV STYLES */

#subnav {
	width:835px;
	background:#FFCC33;
	height: 28px;
	float:left;
	text-align:center;
	margin-top:9px;}

#subnav ul { margin:0; padding:0; list-style:none;}
#subnav li { margin:0; padding:0; display:inline;}
	
#subnav a {
	line-height:26px;
	font-size:11px;
	padding:0 11px;
	color:#5E3A18;
	text-decoration:none;
	border-left: #5E3A18 solid 1px; 
	}	
	
#subnav a:hover { color:#000099; }
#subnav a.end { margin-left: 5px; border-left:none; }

#subnavGallery	{ width:835px; height:80px; background:#666666; overflow:hidden; float:left; margin-top:9px; }






/* FOOTER NAV STYLES */

#footernav {
	width:835px;
	background:#FFFFFF;
	/*height: 28px;*/
	margin-top:9px;
	text-align:center;
	margin: 0 auto;
	clear:both;}

#footernav ul { margin:0; padding:0; list-style:none;}
#footernav li { margin:0; padding:0; display:inline;}
	
#footernav a {
	line-height:28px;
	font-size:11px;
	padding:0 10px;
	color:#000099;
	text-decoration:none;
	border-left: #000099 solid 1px;
	text-transform:uppercase; 
	}	
	
#footernav a:hover { color:#a6a8a7; }
#footernav a.end { margin-left: 5px; border-left:none; }






/*  HOMEPAGE ONLY STYLES  */

#homeBottom {  width: 835px; float:left;background:#a6a8a7; padding-top:9px;}

#leftcolumn {  	margin:0 9px; width:170px; float:left; }
#leftmiddle { }
#middle 	{ }
#rightmiddle { }
#rightcolumn { 	width:170px; float:left; }

#mainMiddle {width:459px; height:199px;  float:left; margin-right:9px;}
#eventsBanner {width:459px; height:73px; float:left;}

#leftmiddle, #middle { margin-right:9px; width:147px; float:left; margin-bottom:9px; height:117px; }
#rightmiddle { width:147px; float:left; margin-bottom:9px; height:117px; }

#leftmiddle p, #middle p, #rightmiddle p { padding:3px; }
#leftmiddle a, #middle a, #rightmiddle a { color:#000066;}

#yellowBtn { background:url(../img/home/g_home_btn.jpg); width:170px; height:95px; margin-bottom:9px;}










.news 			{ margin:10px 0 0 38px; }
.signup 		{ margin:10px 0 0 10px; }
.interactive	{ margin:15px 0 0 8px; }
.weather 		{ margin:20px 0 0 12px; }

.newsSnippet {padding:0 7px; color:#13007D; text-align:center;}
#div1 a:hover { text-decoration:none; font-weight:bold;}