* { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }



body { text-align:left; color:#666; background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#7c956b; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

.pagenav { display:none; }

a:link{color:#666666;}

a:hover{color:#1787bb;}

a:visited{color:#666666;}





/* --------------------------------------------/ HEADER \-------------------------------------------- */
/*  
	- keep the heights equal to each other
	- adjust the width of the header
*/

	
	#header { position:relative; margin:auto;
	height:200px;
	width:800px;
	margin-top:5px;
	border: 3px solid #8b8a88;  }

/* --------------------------------------------\ HEADER /-------------------------------------------- */




/* --------------------------------------------/ NAV \-------------------------------------------- */
/*  
	- keep the heights equal to each other
	- adjust the width of the nav
*/

	#nav { position: relative; margin: auto;
	height:30px;
	width:800px;
	background-image:url(../images/nav-bg.jpg); 
	border-bottom: 3px solid #8b8a88; 
	border-left: 3px solid #8b8a88; 
	border-right: 3px solid #8b8a88;
	font-size:9px;  }

	#nav ul { 
	padding-top:0px; }

	#nav li { display:inline; 
	margin-left:6px;  }

	#nav a { 
	text-decoration:none; color:#000000; }

	#nav a:hover { 
	text-decoration:none; color:#fff; }

	#nav-bottom { position: relative; margin: auto;
		height:30px;
		width:800px;
		background-color:#769cc4;
		border-bottom: 3px solid #8b8a88; border-left: 3px solid #8b8a88; border-right: 3px solid #8b8a88;  }
	
		#nav-bottom h1{ color:#FFFFFF; font-size:9px; display:inline;}
	
		#nav-bottom p{ color:#FFFFFF; font-size:14px; display:inline;}	
	
		#address { position: relative; float:left; height:26px; width:350px; margin-top: 8px; margin-left:10px;}
		
		#form{position: relative; float:right; height:26px; width:350px; margin-top: 3px; text-align:right; margin-right: 10px;}
	
/* --------------------------------------------\ NAV /-------------------------------------------- */




/* --------------------------------------------/ DEFAULT.ASP \-------------------------------------------- */
/* 
	- adjust the height of the ".min-holder"
	- adjust the width of the content boxes
*/
	#content { 
		position: relative; 
		margin: auto;
		width:800px;
		height: 455px;
		background-image:url(../images/content-bg.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
		border-bottom: 3px solid #8b8a88; 
		border-left: 3px solid #8b8a88; 
		border-right: 3px solid #8b8a88;
		background-color:#FFFFFF;}
		
		#left-content { position: relative; float:left; margin: auto;
			height:100%;
			width:500px; }
			
			#left-content-top { 
			position: relative; 
			float:left; 
			width:470px;
			height:240px; }
			
				#left-content-top img, #left-content-top p { margin:20px 0 0 30px; }
			
			#left-content-top p { margin-top:10px; }
			
			#left-content-bottom { 
			position: relative; 
			left:30px;
			top:0px;
			float:left;
			width:383px;
			height: 197px;
			background-repeat:no-repeat; 
			background-image:url(../images/news.jpg);}
			
				#left-content-bottom h2 { color:#666; width:300px; border-bottom:1px solid #555; font-size:24px; margin:10px 0 10px 20px; }

				#left-content-bottom p { margin-bottom:10px; }

			#left-content-bottom .scrollnews {
			overflow: auto;
			width: 366px;
			height: 135px;
			margin-left:10px; }
			
			#left-content-bottom h1 { height:1px; width:345px; border-bottom:1px solid #666; margin:0 0 6px 10px; }
		
			#left-content-bottom a { text-decoration:none; }
				
		#right-content { position: relative; float:left; margin: auto;
			height:300px;

			width:299px;}
		
			#right-content img{ margin-left:80px; margin-top: 10px;}
			
			
	

/* --------------------------------------------\ DEFAULT.ASP /-------------------------------------------- */



/* --------------------------------------------/ SUBPAGES \-------------------------------------------- */

		/* holds the min-height for the content divs */
		.min-holder {float:left; width:1px; 
		height:415px;  }
		/* clears the content divs */
		.clear {clear:both; height:1px; overflow:hidden; }

	#container_subpages { 
		position: relative; 
		margin: auto; 
		width:800px;
		background-color:#FFFFFF;
		border-bottom: 3px solid #8b8a88; 
		border-left: 3px solid #8b8a88; 
		border-right: 3px solid #8b8a88; }

			#subpages { 
			position: relative; 
			float:left; 
			margin: auto;
			height:100%;
			width:800px;
			background-image:url(../images/sand1.jpg);
			background-position:bottom;
			background-repeat:no-repeat;}
			
			#subpages h1 { padding-left:6px; padding-bottom:6px; width:500px; margin:20px 0 20px 20px; color:#4a9a3e; font-size:16px; border-bottom:1px solid #666; }
			
			#subpages p { margin:0 20px 20px 20px;}
			
			
		#subpages .links{
		margin-right:20px;
		margin-bottom:50px;}	
		
		#subpages .links p {
		font-size:12px;
		line-height:15px;
		margin:5px 0 5px 0;}
		
		#subpages .call{
		color:#FF0000;}
		
		#subpages table{
		font-size:12px;}
		
		#subpages h4 {margin-left:20px;}
		
		#subpages ul {margin-left:20px;}
		
		
		
		
		
		
		
		
		
		



/* --------------------------------------------/ DEPARTMENTS.ASP \-------------------------------------------- */

	#departments .department_left{
		float:left;
		width:400px;}
		
	#departments .department_right{
		float:left;
		width:300px;}	
		
	#departments ul { margin:20px 0 0 60px; }
	
	.department_left li{ margin-bottom:5px;}
	
	.department_right li{ margin-bottom:5px;}

/* --------------------------------------------\ DEPARTMENTS.ASP /-------------------------------------------- */


/* --------------------------------------------/ BULLETIN-BOARD.ASP \-------------------------------------------- */

	#subpages h2 { margin:20px 0 10px 20px; }
	
/*	#bulletin a { margin:20px 0 0 60px; }
*/

/* --------------------------------------------\ BULLETIN-BOARD.ASP /-------------------------------------------- */

/* --------------------------------------------/ COMMUNITY.ASP \-------------------------------------------- */

	#community ul { margin:20px 0 0 60px; }
	#community li{ margin-bottom:5px;}

	
/* --------------------------------------------\ COMMUNITY.ASP /-------------------------------------------- */

/* --------------------------------------------/ JOB.ASP \-------------------------------------------- */

	#job ul, #job h2 { margin:20px 0 0 60px; }
	
	#job li{ margin-bottom:5px;}
	
/* --------------------------------------------\ JOB.ASP /-------------------------------------------- */

/* --------------------------------------------/ COUNCIL.ASP \-------------------------------------------- */

	#subpages .left ul, #subpages .right ul, #subpages .middle ul { margin:0px 0 0px 60px; list-style:none; }
	
	#subpages .left{
		float:left;
		width:250px;}
		
		#subpages .middle{
		float:left;
		width:250px;}
		
		#subpages .right{
		float:left;
		width:250px;}
/* --------------------------------------------\ COUNCIL.ASP /-------------------------------------------- */



/* --------------------------------------------/ MEETINGS.ASP \-------------------------------------------- */

	#meetings { margin-right:40px;}
	#meetings ul { margin:20px 0 0 60px; list-style:none; }
	.mmlinks li { margin-bottom:5px;}
	
/* --------------------------------------------\ MEETINGS.ASP /-------------------------------------------- */



/* --------------------------------------------/ ADMIN.ASP \-------------------------------------------- */

	#admin ul { margin:20px 0 0 60px; list-style:none; }
	
/* --------------------------------------------\ ADMIN.ASP /-------------------------------------------- */



/* --------------------------------------------/ BEACH_TAG.ASP \-------------------------------------------- */

	#subpages .beach-tag ul { margin:0px 30px 20px 60px; list-style:none; }
	
	#subpages .beach-tag h4 { margin:0 0 0 60px; list-style:none; }
	
/* --------------------------------------------\ BEACH_TAG.ASP /-------------------------------------------- */


/* --------------------------------------------/ CONSTUCTION.ASP \-------------------------------------------- */

	#subpages .construction ul { margin:0px 30px 10px 60px; list-style:none; }
	
	#subpages .construction p { margin:0px 30px 10px 60px;}
	
	#subpages .constuction h4 { margin:0 0 0 60px; list-style:none; }
	
	#subpages .construction_left{float:left; width:350px;}
	
	#subpages .construction_right{float:left; width:420px; margin-bottom:10px;}
		
	#subpages .construction_left ul { margin:0 0 0px 60px; list-style:none; } 
	
	#subpages .construction_right ul { margin:60px 0 15px 60px; list-style:none; }
	
	#subpages .construction_bottom {list-style:none;}
	


/* --------------------------------------------\ CONSTRUCTION.ASP /-------------------------------------------- */


/* --------------------------------------------/ MASTER.ASP \-------------------------------------------- */

	#subpages .master_left{position:relative; float:left; width:390px;}
	
		#subpages .master_left li{margin:3px 20px 3px 20px; font-size:10px;}
		#subpages .master_left ul{list-style:none;}

	#subpages .master_right{position:relative; float:left; width:400px;}
	
		#subpages .master_right li{margin:3px 20px 3px 20px; font-size:10px;}
		#subpages .master_right ul{list-style:none;}

	#subpages .master_bottom { position:relative; float:left;}
	
		#subpages .master_bottom  li { margin:3px 20px 3px 20px; }
		#subpages .master_bottom  ul { list-style:none; }
		#subpages .master_bottom  ol { margin:3px 20px 20px 40px; }


/* --------------------------------------------\ MASTER.ASP /-------------------------------------------- */

/* --------------------------------------------/ Zooning.ASP \-------------------------------------------- */

	
	#subpages .zooning_left {float:left; width:350px;}
	
	#subpages .zooning_right {float:left; width:350px;}
		
	#subpages .zooning_bottom { float:left; width:100%; height:100%;}
	
	
	


/* --------------------------------------------/ Zooning.ASP \-------------------------------------------- */



/* --------------------------------------------\ POLICE.ASP /-------------------------------------------- */

	#subpages .police p {margin:5px 20px 5px 20px;}
	
	#subpages .police h4 {margin:5px 20px 5px 20px;}

/* --------------------------------------------/ POLICE.ASP \-------------------------------------------- */



/* --------------------------------------------/ CHURCH.ASP \-------------------------------------------- */

	#church ul { margin:0px 30px 20px 60px; list-style:none; }

	#church li {margin-bottom:5px;}
	

/* --------------------------------------------\ CHURCH.ASP /-------------------------------------------- */

/* --------------------------------------------\ PUBLIC_WORKS.ASP /-------------------------------------------- */

	#subpages .public_works { margin:20px;}
	
	#subpages .public_works ul {list-style:none;}
	
	#subpages .public_works h4 { margin-top:10px;}
	

	
	

/* --------------------------------------------/ PUBLIC_WORKS.ASP \-------------------------------------------- */

/* --------------------------------------------/ recreation_WORKS.ASP \-------------------------------------------- */

	#subpages .recreation p { margin:5px 20px 5px 20px;}
	
	#subpages .recreation ul{ margin:5px 20px 5px 20px;}
	
	#subpages .recreation h4{ margin:5px 20px 5px 20px;}



/* --------------------------------------------/ recreation_WORKS.ASP \-------------------------------------------- */

/* --------------------------------------------\MARRIAGE.ASP /-------------------------------------------- */
	
	#subpages .marriage ul { margin:20px; list-style:none; }
	
	#subpages .marriage p { margin:5px 20px 20px 20px;}

	#subpages .marriage h4 { margin:20px 20px 5px 20px; list-style:none; }

/* --------------------------------------------/ MARRIAGE.ASP \-------------------------------------------- */

/* --------------------------------------------/ FOOTER \-------------------------------------------- */
/*  
	- keep the heights equal to each other
	- adjust the width of the content boxes
*/
	
	#footer { position: relative; margin: auto;
	height:50px;
	width:800px;
	background-image:url(../images/footer.jpg);
	border-bottom: 3px solid #8b8a88; border-left: 3px solid #8b8a88; border-right: 3px solid #8b8a88; }
	
	#footer h1{ position: relative; float:right; text-align:right; color:#FFFFFF; font-size:9px; padding-top: 10px; margin-right: 10px;}

/* --------------------------------------------\ FOOTER /-------------------------------------------- */



/* --------------------------------------------/ BOX MODEL \-------------------------------------------- */

	.box { position:relative; float:left; margin:10px; background-color:#000; width:100px; height:66px; overflow:hidden; }

/* --------------------------------------------/