@import url( 'lightbox.css' );

/*~~~~~~~~~~~STANDARD PAGE IDS~~~~~~~~~~~*/ 
* {
	margin:0;padding:0;
}
body {
	margin:0;padding:0;
	background-color: #C1EBFF;
	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 #DBEBDE; 
} /*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 #DBEBDE;   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 #DBEBDE; 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: 11pt; letter-spacing: 1px; color: #333333; border-bottom: 2px solid #923A16; padding:0; margin: 0; padding-bottom: 3px; width: 100%; margin-bottom: 27px; font-family: verdana; font-weight: normal;
}


h2 {	font-size: 14px; letter-spacing: 1px; color: #333333; border-bottom: 2px solid #923A16; padding:0; margin: 0; padding-bottom: 3px; width: 50%; margin-bottom: 7px; font-weight: normal;}

h4 {
	font-size: 14px; letter-spacing: 1px; color: #333333; border-bottom: 2px solid #923A16; 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 #923A16; width: 300px; padding-top: 30px; margin-bottom: 10px;
}

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

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

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

a {
	color: #813313; 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: 300px; 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: #86AF7B; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.contact-form2 { background-color: #86AF7B; width: 35%; color: white; padding:5px;}
.contact-form3 {	background-color: #86AF7B;	width: 65%;	color: white;	padding: 10px;}
.contact-form4 {	background-color: #3D7C2C;	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 { 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: #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: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;}



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

/*~~~~~~~~~~~~~~~~~~~ GALLERY ~~~~~~~~~~~~~~~~~~~~~~~**/
#slideshow { background-color: white;font-size: 90%; font-family: verdana;}
.gallery-table { background-color: #4A6238; 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_box { padding: 10px;}
.gallery_image {border: 1px solid #8E8E8E;}

/*##### CONTACT-FORM #####*/
.contactform {width: 600px; font-size: 10pt;}
.contactform td {padding: 5px; text-align: left;}
.contactform-header {background-color: white; font-weight: bold;}
.contactform-red {width: 600px; text-align: left;}
.contactform-left {background-color: #136789; color: #333333;}
.contactform-right {background-color: #D7BB68; color: #333333;}
.contactform-row td { color: #333333; border-bottom: 1px dashed #818181;}
.contactform-row1 td { color: #333333; border-bottom: 1px dashed #818181;border-top: 1px dashed #818181;}

#title_16 {font-size: 10pt; letter-spacing: 1px; color: white; background-image: url(bg_h1.jpg); background-repeat: repeat-x; height: 20px; padding:6px 0 0 10px; margin: -6px 0 0 0;  font-family: verdana; font-weight: normal; }
#date_right { float: right; margin: 0 5px 0 0; font-size: 7pt; letter-spacing: 0; padding: 0px 0 0 0;}

#popup_header { background-image: url(bg_general.png); background-repeat: repeat-x; color: white; font-size: 11pt; padding:0; margin: 0; padding-bottom: 3px; width: 100%; margin-bottom: 27px; font-family: verdana; font-weight: normal; }
#popup_general {font-size: 10pt; color: #333333; padding:0; margin: 0; padding-bottom: 3px; width: 85%; margin-bottom: 5px; font-family: verdana; font-weight: normal; border-bottom: none; }