@import url( 'lightbox.css' );

/*~~~~~~~~~~~STANDARD PAGE IDS~~~~~~~~~~~*/ 
* {
	margin:0;padding:0;
}
body {
	margin:0;padding:0;
	background-color: #FFFFCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#header {
	background-image: url(title_background.jpg); background-repeat: repeat-x; height: 142px; width: 100%; float: none;
}


#header_box_left {
	background-image: url(bg_head_left.gif); height: 170px; width: 89px; background-repeat: no-repeat; float: left;
}
#header_box_middle {
	background-image: url(bg_head_middle.gif); height: 100%; width: 100%; background-repeat: repeat-x; float: none;
}
#header_box_right {
	background-image: url(bg_head_right.gif); height: 170px; width: 89px; background-repeat: no-repeat; float: right; 
}


#nav_bar {
	background-image: url(nav.gif); height: 27px; margin:0 0 0 0; background-repeat: repeat-x; width: 100%;
}

/******************/
/*~~~DROP MENU~~~~*/
/******************/
.dropmenu {
  width:100%; font-family:tahoma; font-size:13px; line-height: 27px; padding:0; list-style:none; margin: 0 0 0 75px; border-left: 1px solid #C9C6B3;
} /*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 #c9c6b3; 
  color: white;
}

.dropmenu ul li a {
  float:none !important /*Non-IE6*/; 
  float:left /*IE-6*/; 
  display:block; 
  line-height:27px; 
  padding:0 12px 0 12px; 
  text-decoration:none; 
  color: white; 
  font-weight: normal;
  background:url('nav.gif');
}

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

/*Non-IE6 hovering*/
.dropmenu ul li:hover a {
  background:url('nav.gif') left bottom;color:#274F1C;
  text-decoration:none;
} /*Color main cells hovering mode*/

.dropmenu ul li:hover ul {
  display:block; 
  width:10.0em;
  position: absolute; 
  z-index:999; 
  top:27px; 
  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;  
  font-weight:normal; 
  color:white;
  background:url('nav.gif');color:#ffffff;
} /*Color subcells normal mode*/

.dropmenu ul li:hover ul li a:hover {
  text-decoration:none; 
  background:url('nav.gif') left bottom;color:#274F1C;
} /*Color subcells hovering mode*/

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

.dropmenu ul li a:hover {
  text-decoration:none;
  color: #274F1C;
  background: url(nav.gif) left bottom;
} /*Color main cells hovering mode*/

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

.dropmenu ul li a:hover ul li a {
  display:block; 
  w\idth:180px; 
  height:1px; 
  line-height:27px; 
  padding:0px 16px 0px 16px; 
  border-left:solid 1px white; 
  font-weight:normal; 
  color:white;
  background-image:url(nav.gif);
} /*Color subcells normal mode*/

.dropmenu ul li a:hover ul li a:hover {
  background-image:url(nav.gif) left bottom;
  color: #274F1C; 
  text-decoration:none; 
} /*Color subcells hovering mode*/

.dropmenu a:visited {
	color: White; text-decoration: none;
}

#there {
	background:url('nav.gif') left bottom;color:#274F1C;  text-decoration:none;
}

#submenu_nav_bar {background-image: url(nav.gif);background-repeat: repeat-x; width: 100%; height: 27px;}
#submenu ul { list-style-type:none; color: white; font-family: Tahoma; font-size: 110%;}
#submenu ul li { float:left; border-right:solid 1px #c9c6b3; color: white;}
#submenu ul li a { padding-left:12px; padding-right: 12px;   text-decoration:none;   color: white;   font-weight: normal;  background:url('nav.gif'); line-height: 27px; display: block;}
#submenu ul li a:hover {  text-decoration:none;  color: #274F1C;  background: url(nav.gif) left bottom;} 


#submenu .subthere {
	background:url('nav.gif') left bottom; color:#274F1C;  text-decoration:none;
}

/*~~~~~~~~~~~BODY~~~~~~~~~~~*/

#content_table {
	width: 100%; float: left;
}
#body_left {
	background-image: url(bg_body_left.gif); height: 100%; width: 89px; background-repeat: repeat-y;
}
#body_middle {
	background-color: White; height: auto; height: auto; width: auto;
}
#body_right {
	background-image: url(bg_body_right.gif); height: 100%; width: 89px; background-repeat: repeat-y; 
}


#content {
	background: transparent;
	padding: 25px 5px 25px 5px;
	text-align: justify;
	font-size: 75%;
	line-height: 15px;
	clear: both;
}

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



/*~~~~~~~~~~~CONTENT~~~~~~~~~~~*/

h1 {
	font-size: 14px; letter-spacing: 1px; color: #333333; border-bottom: 2px solid #196122; padding:0; margin: 0; padding-bottom: 3px; width: 100%; margin-bottom: 7px;
}

h2 {
	font-size: 14px; letter-spacing: 1px; color: #333333; border-bottom: 2px solid #196122; padding:0; margin: 0; padding-bottom: 3px; width: 12%; margin-bottom: 7px;
}

h4 {
	font-size: 14px; letter-spacing: 1px; color: #333333; border-bottom: 2px solid #196122; padding:0; margin: 0; padding-bottom: 3px; width: 15%; margin-bottom: 7px;
}

h3 {
	font-size: 12px; letter-spacing: 1px; color: #333333; border-bottom: 1px solid #196122; width: 200px; padding-top: 30px; margin-bottom: 10px;
}

p {
	margin: 18px 0 18px 0;
}

.homelist li {
	margin: 7px 0 7px 45px;
}

a {
	color: #305C24; text-decoration: underline;
}

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

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

.left {
	text-align: left;
	font-size: 11px;
	color: white;
	line-height: 34px;
	float: left;
	margin-top: -9px;
}

.right {
	text-align: right;
	font-size: 11px;
	color: white;
	line-height: 34px;
	float: right;
	margin-top: -9px;
}

#footer a {
	color: white;
	text-decoration: underline;
}

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

.contact {
	border: 1px solid #333333;
	margin-left: auto;
	margin-right: auto;
	background-color: #EEECA7;
	font-size: 11px;
}

.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;
}


/* MINICAL AND CONTACT FORM */

#minical { height: 310px; 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; }

.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;border: 1px solid #949F15; margin-left: auto; margin-right: auto; text-align: justify; font-size: 11px;}
.contact-form1 { background-color: #8EB483; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.contact-form2 { background-color: #8EB483; width: 35%; color: white; padding:5px;}
.contact-form3 {	background-color: #8EB483;	width: 65%;	color: white;	padding: 10px;}
.contact-form4 {	background-color: #356128;	width: 100%;	color: white;	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 { 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 */

/*~~~~~~~~~~~~~~~~~~~~~~~ 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: 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: #3B7318; width="25%"; font-weight: bold;}
.powers2 { background-color: #CAEAB7; width="50%"; color: #454545;}
.powers3 { background-color: #EEFDE5; 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;}

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

/*~~~~~~~~~~~~~~~~~~~~~~~ BLOG ~~~~~~~~~~~~~~~~~~~~~~~~*/
.blog { width: 92%; margin-left: auto; margin-right: auto; background-color: #72A479;}
.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:5px; color: inherit; }
.blog-content-link { background-color: #72A479;  padding:5px;}
.blog-content-link a { text-decoration: none;}
.blog-content-link a:hover { text-decoration: underline;}