body {	margin: 0 0 1em 0;	padding: 0;	color: black;	background-color: #DAEFC5;	line-height: 20px;	font-family: verdana,tahoma, sans-serif;	text-align: center;}

.LittleForm {font-family: verdana, courier new, courier, sans-serif; font-size: 10px; color: #000000; }

#wrapper-header {	background: #DAEFC5;background-image: url(name.gif);}
#wrapper-logo {	background-image: url(name.gif); background-position: left; background-repeat: no-repeat;}
#header {	background: #eee url('title_background.jpg') right no-repeat;	width: 90%;	height: 130px;	line-height: 130px;	margin: 0 auto;	border-left: 1px solid #bbb;	border-right: 1px solid #bbb;	text-align: left;}
#header2 {	background: #eee url('working_title_background.jpg') right no-repeat;	width: 90%;	height: 130px;	line-height: 130px;	margin: 0 auto;	border-left: 1px solid #707070;	border-right: 1px solid #707070;	text-align: left;}
#header h1 {	margin: 0;	padding: 0;	color: #ffffff;	font-size: 20px;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-weight: bold;	padding-left: 10px;	letter-spacing: 3px;}


/*~~~~~~~~~~~~~CONTENTS AND FOOTER~~~~~~~~~~~~~~~*/

#content {	width: 88%; /* 73% because it has 1% padding on each side, which brings it to 75% wide */	margin: 0 auto;	padding: 10px 1% 10px 1%;	border-left: 1px solid #bbb;	border-right: 1px solid #bbb;	background: white;	font-size: 70%; color: Black;	text-align: justify;	}

* html #content { padding-top: 1.8em; } /* Set padding top in IE to 20px */

.centered {	margin-left: auto; margin-right: auto; text-align: center;}
.left {text-align: left;font-size: 11px;color: white;line-height: 29px;float: left; }
.centeredtext { text-align: center;}
.right {text-align: right;font-size: 11px;	color: white;	line-height: 29px;	float: right;}
.right {	text-align: right;}
#footer_table {width: 100%; float: left;}
#footer_left {	background-image: url(footer_left.gif); height: 37px; width: 89px; background-repeat: no-repeat;}
#footer_middle {background-image: url(footer_body.gif); background-repeat: repeat-x; height: 37px; width: auto;}
#footer_right {background-image: url(footer_right.gif); height: 37px; width: 89px; background-repeat: no-repeat; }
#footer {margin: 0 auto;	padding: 2px 1%;	width: 88%;	text-align: right;	color: white;	letter-spacing: 0.1em;	background: #415730 url('menu-background.png') top left repeat-x;	border: 1px solid #bbb;	font-size: 70%;	line-height: 20px; clear: both;}
#footer a {	color: white;text-decoration: underline;}
#footer a:hover {color: white;text-decoration: none;}

h2 {
	color: #3F3F3F;
	padding-bottom: 3px;
	border-bottom: 1px solid Green;
	padding-top: 20px;
	font-size: 17px;
	letter-spacing: -0.1em;
}

h1 {
	color: #3F3F3F;
	padding-bottom: 3px;
	border-bottom: 1px solid Green;
	font-size: 17px;
	letter-spacing: -0.1em;
}

h4 {
	color: #3F3F3F;
	padding-bottom: 3px;
	border-bottom: 1px solid Green;
	padding-top: 15px;
	font-size: 17px;
	letter-spacing: -0.1em;
}

h3 {
	color: #3F3F3F;
	padding-bottom: 3px;
	border-bottom: 1px solid Green;
	padding-top: 15px;
	font-size: 14px;
	letter-spacing: 0;
	width: 50%;
	text-align: left;
}

a:link, a:visited {
	color: Green;
	text-decoration: underline;
}

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

p { margin-left: 1em; }

/*~~~~~~~~~~~~~~~~MENUS AND WRAPPER~~~~~~~~~~~~~~~~*/

#wrapper-menu {background: #445A33 url('menu-background.png') top left repeat-x;	float: left;	width: 100%; }

#there { background:white ; color: #485B06; }
#there a:visited, #there a:link { color: #485B06; background: white;}




/******************/
/*~~~DROP MENU~~~~*/
/******************/
.dropmenu {
  width:90%; 
  border:none; 
  background: url('menu-background.png') no-repeat; 
  color:white; 
  font-size:11px; 
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  border-left: 1px solid #bbb;	
  border-right: 1px solid #bbb;
  margin-left:auto;
  margin-right:auto;	
} /*Color navigation bar normal mode*/

.dropmenu ul {
  margin: 0;	
  padding: 0;
  list-style-type:none; 
  color: white;
}

.dropmenu ul li {
  float:left; 
  position:relative; 
  z-index:auto !important /*Non-IE6*/; 
  z-index:1000 /*IE6*/; 
  border-right:solid 1px white; 
  color: white;
}

.dropmenu ul li a {
  float:none !important /*Non-IE6*/; 
  float:left /*IE-6*/; 
  display:block; 
  line-height:25px; 
  padding:0 16px 0 16px; 
  text-decoration:none; 
  color: white; 
  font-weight: normal;
}

.dropmenu ul li ul {
  display:none; 
  border:none; 
  color: white;
}

/*Non-IE6 hovering*/
.dropmenu ul li:hover a {
  background-color:white;
  color: #485B06; 
  text-decoration:none;
} /*Color main cells hovering mode*/

.dropmenu ul li:hover ul {
  display:block; 
  width:10.0em;
  position: absolute; 
  z-index:999; 
  top:24px; 
  margin-top:0.1em; 
  left:0;
  text-align: left;
}

.dropmenu ul li:hover ul li a {
  display:block; 
  width:180px; 
  height:auto; 
  line-height:16px; 
  margin-left:-1px; 
  padding:4px 5px 4px 10px; 
  border-left:solid 1px white;
  border-right:solid 1px white; 
  border-bottom: solid 1px white;  
  font-weight:normal; 
  color:white; 
  background-image:url(menu-background.png);
} /*Color subcells normal mode*/

.dropmenu ul li:hover ul li a:hover {
  background-color:white;
  color: #485B06; 
  text-decoration:none; 
  background-image:none;
} /*Color subcells hovering mode*/

/*IE6 hovering*/
.dropmenu table {
  position:absolute; 
  top:-6px; 
  left:0; 
  border-collapse:collapse;
}

.dropmenu ul li a:hover {
  background-color:white;
  color: #485B06; 
  text-decoration:none;
} /*Color main cells hovering mode*/

.dropmenu ul li a:hover ul {
  display:block; 
  width:10.0em; 
  position:absolute; 
  z-index:999; 
  top:3.1em; 
  t\op:2.7em; 
  marg\in-top:0.1em;
}

.dropmenu ul li a:hover ul li a {
  display:block; 
  w\idth:180px; 
  height:1px; 
  line-height:20px; 
  padding:4px 16px 4px 16px; 
  border-left:solid 1px white; 
  border-bottom: solid 1px white; 
  background-color:rgb(237,237,237); 
  font-weight:normal; 
  color:white;
  background-image:url(menu-background.png);
} /*Color subcells normal mode*/

.dropmenu ul li a:hover ul li a:hover {
  background-color:white;
  color: #485B06; 
  text-decoration:none; 
  background-image: none;
} /*Color subcells hovering mode*/

.dropmenu a:visited {
	color: White; text-decoration: none;
}
/******************/
/*~~~SUB  MENU~~~~*/
/******************/

#submenu { border-left: 1px solid #D1E0FF; float: center; height: 18px; vertical-align: top; background-color: none; margin-left: 30px; margin-top: 15px; margin-bottom: 0px; }
#submenu ul { margin: 0px; }
#submenu ul li { float: left; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ffffff; line-height: 18px; vertical-align: middle; border-right: 1px solid #FFFFFF; display: block;  }
#submenu ul li a { font-size: 11px; color: white; line-height: 18px; text-align: center; vertical-align : middle; text-decoration: none; display: block; background-image: url(menu-background.png); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; ;padding: 0px 15px 0px 15px;}
#submenu ul li a:hover { background: white; color: #485B06 }

#submenu .subthere {	background-color:white;  text-decoration:none;}

#submenu2 { border-left: 1px solid #D1E0FF; float: center; height: 18px; vertical-align: top; background-color: none; margin-left: 3px; margin-top: 15px; margin-bottom: 0px;  width: auto;}
#submenu2 ul { margin: 0;}
#submenu2 ul li { float: left; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ffffff; line-height: 18px; vertical-align: middle; border-right: 1px solid #FFFFFF; display: block;  }
#submenu2 ul li a { font-size: 11px; color: white; line-height: 18px; text-align: center; vertical-align : middle; text-decoration: none; display: block; background-image: url(menu-background.png); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0px 15px 0px 15px;}
#submenu2 ul li a:hover { background: white; color: #485B06 }

#submenu3 { border-left: 1px solid #D1E0FF;  height: 18px; vertical-align: top; background-color: none; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 0px; width: 650px; }
#submenu3 ul { margin-left: auto; margin-right: auto; }
#submenu3 ul li { float: left; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ffffff; line-height: 18px; vertical-align: middle; border-right: 1px solid #FFFFFF; display: block;  }
#submenu3 ul li a { font-size: 11px; color: white; line-height: 18px; text-align: center; vertical-align : middle; text-decoration: none; display: block; background-image: url(menu-background.png); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; ;padding: 0px 15px 0px 15px;}
#submenu3 ul li a:hover { background: white; color: #485B06 }



/* MINICAL AND CONTACT FORM */

#minical { height: 267px; width: 198px; background-image: url(minical_background.png); float: right; margin: 5px 8px 10px 15px; line-height: 15px; }
.minicalcenter { margin-left: 13px; margin-right: 13px; font-size: 90% }
.minical_title {text-align: center; color: white; font-weight: normal; }
.minical_table {margin-left: auto; margin-right: auto;}
.minical_table td {padding: 4px 2px 2px 2px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}
.minical_table a {color: white; text-decoration: none;}
.minical_table a:hover {color: white; text-decoration: underline;}
.minical_table a img {	border: 1px solid #ccc;}
.minical_table a:hover img {	border: 1px solid #A1B7E4;}

.bold { font-weight: bold; width: 25%; vertical-align: top; }

.miniform {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;}
.grey {	color: Gray;}
.bottom_nav{	margin-left: auto; margin-right: auto; text-align: center; width: 50%; background: url(nav.gif); height: 27px; line-height: 27px;}
.popup       { cursor: hand;}
.popup img { vertical-align: middle;}
.homelist { margin-left: 200px;}
.homelist li {	margin: 7px 0 7px 45px;}
p {margin: 5px 0 15px 0;}

/*##### START OF DIRECTORY TABLE #####*/
.directory {border: 1px solid #949F15; margin-left: auto; margin-right: auto; text-align: left;}
.directory-table {font-family: Verdana;font-size:10px;padding: 5px; margin-left:auto;margin-right:auto; width:450px;}
.directory-table td {font-family: Verdana;font-size:10px;padding: 5px; margin-left:auto;margin-right:auto;}
.directory-header {background-image: url(menu-background.png);background-color: #4A6238;color: white;border: 1px solid #FFFFFF; font-weight: normal; font-size: 10px;}
.directory-table-results {font-family: Verdana;padding: 5px; margin-left:auto;margin-right:auto; width:450px; border-bottom:1px solid #FFFFFF; }
.directory-table-results td {font-family: Verdana;padding: 5px; }
.directory-results-left {border-left: 2px solid #FFFFFF; border-right:0;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;font-weight: normal; font-size: 10px; width:5%; vertical-align: middle;}
.directory-results-middle {border-left:0; border-right:0;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;font-weight: normal; font-size: 10px; width:5%; vertical-align: middle;}
.directory-results-right {border-left:0; border-right: 2px solid #FFFFFF;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;font-weight: normal; font-size: 10px; font-weight: bold;}
.directory-results-right1 {border-left:0; border-right: 2px solid #FFFFFF;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF; font-size: 10px; font-weight: normal; width: 390px;}
.directory-results-right2 {border-left:0; border-right: 2px solid #FFFFFF;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;font-weight: bold; font-size: 100%;}
.directory-header a {color: white; text-decoration: none;}
.directory-header a:hover {color: white; text-decoration: none;}
.directory-header form { padding:0; margin:0;}

.back-table {font-family: Verdana;font-size:10px;padding: 5px; margin-left:auto;margin-right:auto;}
.back-table td {font-family: Verdana;font-size:10px;padding: 5px; margin-left:auto;margin-right:auto; text-align: center;}
.back-header {background: url(nav.gif) top left;background-color: #EBF1F4;color: white; font-weight: normal; font-size: 10px;}
.back-header a {color: white; text-decoration: none;}
.back-header a:hover {color: white; text-decoration: underline;}


/*##### NEWS #####*/
.news { width: 80%; margin: 0 auto 0 auto; padding: 0; font-size:8pt; }
.news-headline { background-color: #4A6238; width: 100%; color: White; padding:5px;background: url(nav.gif) top left;}
.news-headline a { color: White; font-size: 11px; text-decoration: underline;}
.news-headline a:hover { color: White; font-size: 11px; text-decoration: none;}
.news-content { padding:5px; color: #595959;}
.mininews {}


/*##### ACTIVITIES #####*/
.activities { width: 90%; margin-left: auto; margin-right: auto; font-size:11px;}
.activities-title { background-color: #4A6238; width: 100%; color: White; padding:5px;background-image: url(nav.gif); font-size:12px;}
.activities-headline a { color: White; font-size: 11px; text-decoration: underline;}
.activities-headline a:hover { color: White; font-size: 11px; text-decoration: none;}
.activities-content { background-color: #EEF1F7; color: #595959; padding:5px;}


/*##### COUNCILLORS #####*/
.councillors { margin-left: auto; margin-right: auto; text-align: justify; }
.councillors-search { background-color: #4A6238; color: White; padding:6px;background-image: url(menu-background.png); font-size:10pt; font-weight:bold;}
.councillors-search a { color:white; text-decoration: underline;}
.councillors-search a:hover { color:white; text-decoration: none;}
.councillors-search-table { border: 2px solid white;margin-left: auto; margin-right: auto; text-align: justify;}
.councillors img {border: none;}
.councillors-content {background-color: #EEF1F7; color: #595959; padding:5px;}
.councillors-blank {background-color: white;}


/*##### VILLAGE #####*/
.village { margin-left: auto; margin-right: auto; width: 75%; text-align: justify; }
.village-title {background-image: url(village-background.png); background-color: #4A6238; color: #595959; padding:6px;font-size:11px; font-weight:bold;}
.village-table { border: 2px solid white;margin-left: auto; margin-right: auto; width: 75%; text-align: justify;}
.village img {border: none;}
.village-content {background-color: white; color: #595959; padding:5px;}


/*##### SOCIETIES #####*/
.societies { width: 90%; margin-left: auto; margin-right: auto; font-size:11px;}
.societies-title { background-color: #4A6238; color: White; padding:5px;background-image: url(nav.gif); font-size:12px;}
.societies-content { background-color: #ffffff; color: #595959; padding:5px;}


/*##### BOOKING FORMS #####*/
.booking { margin-left: auto; margin-right: auto; text-align: justify; font-size: 12px; font-family: Tahoma;}
.booking td { padding: 5px; }
.booking_dashed {	border-bottom:1px dashed #406712; height: 1px;}
.done_booking {	border: 1px solid #406712; background-color: White;font-size: 12px; font-family: Tahoma;}
.done_booking td {	padding: 5px;}


/*##### CLEAR FIX #####*/
.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.quality_status {	margin-right: 15px;}


/*##### LINKS #####*/
.links { width: 70%; margin-left: auto; margin-right: auto; font-size:12px;}
.links-name { background-color: #B1CAD1; width: 100%; color: White; padding:5px;background-image: url(nav.gif); font-size: 12px; font-weight: bold;}
.links-content { background-color: #EEF5F9; color: #595959; padding:5px;}
.links-content a img {	border: 1px solid #ccc;}
.links-content a:hover img {	border: 1px solid #729AD7;}
.links-content a {	color: #396277;	text-decoration: underline;}
.links-content a:hover {	color: #94AEBB; text-decoration: underline; visibility: visible;/* IE bug fix */}


/*##### PLANNING APPLICATION #####*/
.planning {	width: 98%;	margin-left: auto;	margin-right: auto;	border-top: 1px solid white;	border-left: 1px solid white;	border-bottom: 1px solid white;}
.planning_header {	background-image: url(nav.gif);	color: White; font-weight: bold;}
.planning_header td {	padding: 2px;	text-align: center;	border-right: 1px solid white;}
.planning_content td {	text-align: left;	background-color: #F6FAF4;	border-right: 1px solid white;	border-top: 1px solid white;	font-size: 10px;	padding: 4px;	line-height: 15px;}


/*##### POWERS AND DUTIES #####*/
.powers {width: 90%; margin-left: auto; margin-right: auto; padding: 5px; color: white;}
.powers td { vertical-align: top; padding: 5px;}
.powers1 { background-color: #4C8C55; width="25%"; font-weight: bold;}
.powers2 { background-color: #94BC9A; width="50%"; color: #454545;}
.powers3 { background-color: #B7D3BB; width="25%"; color: #454545;}


/*##### MARKET #####*/
.market { width: 85%; margin-left: auto; margin-right: auto; font-size:11px;}


/*##### DOCUMENTS #####*/
.documents td { font-size: 90%; padding: 5px;}

/*##### SLIDESHOW #####*/
#slideshow { background: white; font-size: 90%; }

/*##### EMAIL A FRIND #####*/
#email-a-friend { height: 30px; width: 198px; background-image: url(email_background.png); float: right; margin: 5px 8px 4px 15px; }
.email-a-friend-center {margin: 4px 0 0 40px; color: white;}
.email-a-friend-center a {color: #0D4358; text-decoration: none;}
.email-a-friend-center a:hover {color: #0D4358; text-decoration: underline;}

/*##### CONSULTATIONS & YOUTH #####*/
.youth { margin-left: auto; margin-right: auto; font-size:10pt;}
.youth-headline { background-color: #72A479; width: 100%; color: White; padding:8px;background-image: url(menu-background.png)}
.youth-headline a { color: White; font-weight: bold; text-decoration: underline;}
.youth-headline a:hover { color: White;  text-decoration: none;}
.youth-content { background-color: #F5F8E8; color: #595959; padding:5px;}
.youth-content-link {padding: 8px;}
.youth-content-link a { text-decoration: none;}
.youth-content-link a:hover { text-decoration: underline;}

/*##### BLOG #####*/
.blog { width: 92%; margin-left: auto; margin-right: auto; background-color: #ffffff}
.blog-headline { background-color: #72A479; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.blog-headline a { color: White; font-weight: bold; text-decoration: underline;}
.blog-headline a:hover { color: White; font-size: 12px; text-decoration: none;}
.blog-content { background-color: white; padding:8px; color: inherit; border-left: 1px dashed #d8d8d8;border-right: 1px dashed #d8d8d8;border-bottom: 1px dashed #d8d8d8; border-top: none;}
.blog-content-link { background-color: #72A479;  padding:5px;}
.blog-content-link a { text-decoration: none;}
.blog-content-link a:hover { text-decoration: underline;}


/*##### LIGHTBOX #####*/
#lightbox{	position: absolute;	top: 40px;	left: 0;	width: 100%;	z-index: 1000;	text-align: center;	line-height: 0;	}
#lightbox a img{ border: none; }
#outerImageContainer{	position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{	padding: 10px;	}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;line-height: 1.4em;}
#imageData{	padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px; background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}


/*##### CALENDAR #####*/
.calendar_list { width: 70%; margin-left: auto; margin-right: auto; font-size:9pt;}
.calendar_list_date {	background-color: #72A479; width: 100%; color: White; padding:5px;background-image: url(nav.gif)}
.calendar_list_description {  background-color: white; padding:8px; color: inherit; border-left: 1px dashed #ababab;border-right: 1px dashed #ababab;border-bottom: 1px dashed #ababab; border-top: none;}


/*##### FAQs #####*/
.faqs { width: 80%; margin: 0 auto 0 auto; padding: 0; font-size:8pt; }
.faqs_topic {  background-color: #4A6238; color: White; padding:5px;background: url(menu_background.png) top left; }
.faqs_question { background-color: white; padding:8px; color: inherit; border-top: 1px dashed #ababab;border-right: none;border-bottom: 1px dashed #ababab; border-left: none; font-weight: bold;}
.faqs_question_reveal {width: 120px; border-top: 1px dashed #ababab;border-right: 1px dashed #ababab;border-bottom: 1px dashed #ababab; border-left: none; padding: 3px;}
.faqs_answer { background-color: white; padding:8px; color: inherit; border-left: 1px dashed #ababab;border-right: none;border-bottom: 1px dashed #ababab; border-top: none; }


/*##### GALLERY #####*/
#slideshow { background-color: white;font-size: 90%; font-family: verdana;}
.gallery-table { background-color: #B7D3BB; color: White; padding:6px;background-image: url(menu-background.png); font-size:11px; font-weight:bold;}
.gallery-table a { color:white; text-decoration: underline;}
.gallery-table a:hover { color:white; text-decoration: none;}
.gallery-table-frame { border: 2px solid white;margin-left: auto; margin-right: auto; width: 92%; text-align: justify;}
.gallery-table-background { background-color: #B7D3BB;}