@import url( 'lightbox.css' );

/*~~~~~~~~~~~STANDARD PAGE IDS~~~~~~~~~~~*/ 
* {
	margin:0;padding:0;
}
body {
	margin:0;padding:0;
	background-color: #D7BB68;
	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_one {	background-image: url(title_background_1.jpg); background-repeat: repeat-x; height: 142px; width: 100%; float: none;}
#header_two {	background-image: url(title_background_2.jpg); background-repeat: repeat-x; height: 142px; width: 100%; float: none;}
#header_three {	background-image: url(title_background_3.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 0 0 0; list-style:none; margin: 0 0 0 75px;background: url(nav.gif); background-repeat: repeat-x;  border-left:solid 1px #2C7997; 
} /*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 #2C7997;   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:19px;   margin-left:-1px;   padding:4px 5px 4px 10px;   border-left: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: 16px;
	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: 14pt; letter-spacing: 1px; color: #333333; border-bottom: 2px solid #A09271; padding:0; margin: 0; padding-bottom: 3px; width: 100%; margin-bottom: 23px; font-family: Book Antiqua; font-weight: normal;
}

h2 {
	font-size: 14px; letter-spacing: 1px; color: #333333; border-bottom: 2px solid #1C6D8E; 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 #1C6D8E; padding:0; margin: 0; padding-bottom: 3px; width: 15%; margin-bottom: 7px;
}

h3 {
	font-size: 13pt; letter-spacing: 1px; color: #333333; border-bottom: 2px solid #1C6D8E; width: 200px; padding-top: 37px; margin-bottom: 10px; font-family:  Book Antiqua; font-weight: normal;
}

h5 {	font-size: 11pt; letter-spacing: 1px; color: #333333; border-bottom: 2px solid #A09271; padding:0; margin: 0; padding-bottom: 3px; width: 100%; margin-bottom: 5px; font-family: Book Antiqua; font-weight: normal;}

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

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

a {
	color: #445D7F; text-decoration: underline;
}

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

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

#footer {
	line-height: 34px;
	margin-top: -10px;
}

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

}

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

#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: 280px; 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;}
#ticker_table {width: 100%; margin: -5px 0 20px 0;}

.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: #5895AE; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.contact-form2 { background-color: #5895AE; width: 35%; color: white; padding:5px;}
.contact-form3 {	background-color: #5895AE;	width: 65%;	color: white;	padding: 10px;}
.contact-form4 {	background-color: #1C6D8E;	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;}
.popup img { vertical-align: middle;}
.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 #####*/
.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(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;}


/*~~~~~~~~~~~~~~~~~~~~~ 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(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: #116688; width="25%"; font-weight: bold;}
.powers2 { background-color: #C9DDE5; width="50%"; color: #454545;}
.powers3 { background-color: #E0E8EC; 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:11px;}
.youth-headline { background-color: #B1CAD1; 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: #99B2B9;}
.blog-headline { background-color: #B1CAD1; 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: #EEF5F9;  padding:5px;}
.blog-content-link a { text-decoration: none;}
.blog-content-link a:hover { text-decoration: underline;}


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