body {	margin: 0 0 1em 0;	padding: 0;	color: black;	background-color: #eee;	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: #eee;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: 125px;	line-height: 125px;	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: 125px;	line-height: 125px;	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: 11px;	text-align: justify;	}

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

#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: 10px;	line-height: 25px; clear: both;}
#footer a:link, #footer a:visited {	color: white; text-decoration: underline;}
#footer a:hover {	color: white; text-decoration: none;}
.goleft {	text-align: left;}
.goright {	text-align: right;}

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

h6 {
	color: #666;
	padding-bottom: 3px;
	border-bottom: 1px solid #327C3D;
	padding-top: 0px;
	font-size: 17px;
	letter-spacing: -0.1em;
}

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

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

a:link, a:visited {
	color: #327C3D;
	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:150px; 
  height:auto; 
  line-height:16px; 
  margin-left:-1px; 
  padding:4px 16px 4px 16px; 
  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 }

#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 }





/* MINICAL AND CONTACT FORM */

#minical { height: 285px; width: 196px; border: 1px solid #327C3D; 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: #327C3D; text-decoration: none;}
.minical_table a:hover {color: #A1B7E4; 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; }

.contact { border: 1px solid #949F15; margin-left: auto; margin-right: auto; text-align: justify; }
.contact td { vertical-align: top;}
.contact-form {margin-left: auto; margin-right: auto;}
.contact-form1 { background-color: #7792C0; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.contact-form2 { background-color: #BBDEB5; width: 35%; color: #595959; padding:5px;}
.contact-form3 {	background-color: #BBDEB5;	width: 65%;	color: #595959;	padding: 10px;}
.contact-form4 {	background-color: #699E61;	width: 100%;	color: #595959;	padding: 10px; text-align: center;}

.centered { margin-left: auto; margin-right:auto; text-align: center;}
.centeredtext { text-align: center;}


.directory {border: 1px solid #949F15; margin-left: auto; margin-right: auto; text-align: left;}

.right {	text-align: right;}

.popup       { cursor: hand; }
.homelist { margin-left: 200px;}


/*~~~~~~~~~~~~~~~~ START OF DIRECTORY TABLE ~~~~~~~~~~~~~~~~~~*/

.miniform { font-family: verdana, courier new, courier, sans-serif; font-size: 10px;}

.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-image: url(menu-background.png);background-color: #EBF1F4;color: white;border: 1px solid #C8C8C8; 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: 70%; margin-left: auto; margin-right: auto; font-size:11px;}
.news-headline { background-color: #4A6238; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.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 { background-color: #EEF1F7; color: #595959; padding:5px;}


/*~~~~~~~~~~~~~~~~~~~~ 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(menu-background.png); 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; width: 75%; text-align: justify; }
.councillors-search { background-color: #4A6238; color: White; padding:6px;background-image: url(menu-background.png); font-size:11px; 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; width: 75%; text-align: justify;}
.councillors img {border: none;}
.councillors-content {background-color: #EEF1F7; color: #595959; padding:5px;}


/*~~~~~~~~~~~~~~~~~~~~~~ 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(menu-background.png); font-size:12px;}
.societies-content { background-color: #ffffff; color: #595959; padding:5px;}
h5 {color: #666;margin-bottom:0px;border-bottom: 1px solid #6699FF;font-size: 12px;letter-spacing: 0;width: 100%;text-align: left; }


/*~~~~~~~~~~~~~~~~~~~~~ BOOKING FORMS ~~~~~~~~~~~~~~~~~~~~~~~~*/
.booking { border: 1px solid #327C3D; margin-left: auto; margin-right: auto; text-align: justify; }
.booking td { background-color: #A8D1AE; }


/*~~~~~~~~~~~~~~~~~~~~~ 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 */

/*~~~~~~~~~~~~~~~~~~~~~~~ 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(menu-background.png); 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(menu-background.png);	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: 2px;	line-height: 15px;}


/* HOME-TICKER */

.home-ticker { width: 100%;}