@import url( 'lightbox.css' );

* {
	margin: 0;
	padding: 0;
}
html {	background: #fff url("../data/html.jpg") repeat-x left top;}
body {	background: url("../data/body.jpg") repeat-y left top;	font-size: 12px;	color: #606060; font-family: Arial, Helvetica, sans-serif;width: 1000px;	margin: 0 auto 30px auto;	position: relative;}

.page {	background: url("../data/page.jpg") no-repeat left top;	padding: 28px 125px 0 115px;	width: 760px;}
.header {	position: relative;	width: 760px;	height: 170px;	overflow: hidden;	font-size: 160%;}
.header a {	display: block;	width: 760px;	height: 170px;	cursor: pointer;	padding: 0 0 0 0;	text-align: center;	color: #84A7DC;}

.header .one {	display: block;	position: relative; left: 0;	top: 0; 	width: 760px;	height: 170px;	background: url("../data/h1.jpg") no-repeat left top;}
.header .two {	display: block;	position: relative; left: 0;	top: 0; 	width: 760px;	height: 170px;	background: url("../data/h2.jpg") no-repeat left top;}
.header .three {	display: block;	position: relative; left: 0;	top: 0; 	width: 760px;	height: 170px;	background: url("../data/h3.jpg") no-repeat left top;}
.header .four {	display: block;	position: relative; left: 0;	top: 0; 	width: 760px;	height: 170px;	background: url("../data/h4.jpg") no-repeat left top;}
.header .five {	display: block;	position: relative; left: 0;	top: 0; 	width: 760px;	height: 170px;	background: url("../data/h5.jpg") no-repeat left top;}
.header .six {	display: block;	position: relative; left: 0;	top: 0; 	width: 760px;	height: 170px;	background: url("../data/h6.jpg") no-repeat left top;}
.header .seven {	display: block;	position: relative; left: 0;	top: 0; 	width: 760px;	height: 170px;	background: url("../data/h7.jpg") no-repeat left top;}
.header .eight {	display: block;	position: relative; left: 0;	top: 0; 	width: 760px;	height: 170px;	background: url("../data/h8.jpg") no-repeat left top;}
.header .nine {	display: block;	position: relative; left: 0;	top: 0; 	width: 760px;	height: 170px;	background: url("../data/h9.jpg") no-repeat left top;}
.header .ten {	display: block;	position: relative; left: 0;	top: 0; 	width: 760px;	height: 170px;	background: url("../data/h10.jpg") no-repeat left top;}
.header .eleven {	display: block;	position: relative; left: 0;	top: 0; 	width: 760px;	height: 170px;	background: url("../data/h11.jpg") no-repeat left top;}



/************ MENUS *************/

.topmenu {	height: 27px;	background: url("../data/topmenu.png") no-repeat left top;	text-align: right;	padding: 35px 27px 0 27px;}
.page>.topmenu {	min-height: 27px;	height: auto;}
.topmenu li {	display: inline;  }
.topmenu li a {	float: left;	width: 112px;	height: 22px;	background: #A3BDE5 url("../data/roll.png") no-repeat left top;	text-align: center;	color: #fff;	text-decoration: none;	font-size: 12px;	font-weight: bold;	padding-top: 5px;	overflow: hidden;}
.topmenu li>a {	min-height: 22px;	height: auto;}
.topmenu li a:hover {	text-decoration: none; color: white; background: #83A6DC url("../data/roll.png") no-repeat 0 -27px;}
#there {background: #83A6DC url("../data/roll.png") no-repeat 0 -27px;}

.submenu {	height: 17px;	background: url("../data/submenu.png") no-repeat left top;	text-align: right;	padding: 0 0 0 0; margin-bottom: 35px; }
.page>.submenu {	min-height: 17px;	height: auto;}
.submenu li {	display: inline;  }
.submenu li a {	float: left;	width: 140px;	height: 17px;	background: #A3BDE5 url("../data/sub_roll.png") no-repeat left top;	text-align: center;	color: #fff;	text-decoration: none;	font-size: 11px;	font-weight: bold;	padding: 0 0 0 0; overflow: hidden; line-height: 16px;}
.submenu li>a {	min-height: 17px;	height: auto;}
.submenu li a:hover {	background: #83A6DC url("../data/sub_roll.png") no-repeat 0 -17px;text-decoration: none; color: white; }
#sub_there {background: #83A6DC url("../data/sub_roll.png") no-repeat 0 -17px;}


/************ CONTENT *************/

.main {	border-top: 1px solid #7298B1; border-bottom: 1px solid #B9D1DF;	width: 706px;	margin: 0 auto; padding: 10px 0 0 0; text-align: justify;}

a img {	border: none;}
a {	color: #517E95;	text-decoration: underline;}
a:hover {	color: #97BDD0; text-decoration: underline; visibility: visible;/* IE bug fix */}

h1 {	font-size: 14px; margin: 0 0 17px 0;}
h2 {	font-size: 12px;}
h3 {	font-size: 13px; margin: 30px 0 10px 0; background-image: url(bg_heading.png); width: 497px; padding: 0 0 0 3px; }

.footer1 {	text-align: center;	padding: 15px 25px 3px 25px; clear: both;}
.footer1 a {	color: #517E95;	text-decoration: none;}
.footer1 a:visited {	color: #517E95;	text-decoration: none;}
.footer1 a:hover {	color: #97BDD0;	text-decoration: underline;}
.footer2 {	font-size: 0px;	line-height: 0px;	height: 22px;	background: url("../data/footer.jpg") no-repeat left top;	margin-left: 101px;}

.centered {text-align: center; margin-left: auto; margin-right: auto;}
.LittleForm {font-family: verdana, courier new, courier, sans-serif; font-size:10px;}
.homelist { margin: 15px 0 10px 15px;}
.homelist li { list-style: disc; list-style-position: inside; line-height: 21px; color: #A3A3A3;}

acronym, abbr { border-bottom: 1px dashed #396277;cursor: help;}

.sitemap1 { margin: 15px 0 10px 30px;}
.sitemap1 li { list-style: disc; list-style-position: inside; line-height: 21px; color: #A3A3A3; font-weight: bold;}
.sitemap2 { margin: 5px 0 10px 45px;}
.sitemap2 li { list-style: circle; list-style-position: inside; line-height: 21px; color: #A3A3A3; font-weight: normal;}

/************ MINICAL *************/

#minical { height: 310px; width: 193px; background-image: url(bg_minical.png); margin: 5px 0 10px 15px; float: right; padding: 5px 0 0 0; clear: both;}
.minicalcenter { margin: 10px 0 0 12px; 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: #65889A; text-decoration: none;}
.minical_table a:hover {color: #396277; text-decoration: underline;}
.minical_table a img {	border: 1px solid #ccc;}
.minical_table a:hover img {	border: 1px solid #729AD7;}


/*~~~~~~~~~~~~~~~~ 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: #B1CAD1;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:12px;}
.news-headline { background-color: #B1CAD1; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.news-headline a { color: White; font-size: 12px; font-weight: bold; text-decoration: underline;}
.news-headline a:hover { color: White; font-size: 12px; text-decoration: none;}
.news-content { background-color: #EEF5F9; 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: #B1CAD1; color: White; padding:6px;background-image: url(menu-background.png); font-size:12px; 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: #EEF5F9; color: #595959; padding:5px;}
.councillors-content img {	border: 1px solid #bbb;}


/*~~~~~~~~~~~~~~~~~~~~~~ VILLAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.village { margin-left: auto; margin-right: auto; width: 75%; text-align: justify; }
.village-title {background-image: url(village-background.png); background-color: #B1CAD1; 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: #B1CAD1; 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 #336600;font-size: 12px;letter-spacing: 0;width: 100%;text-align: left; }


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


/*~~~~~~~~~~~~~~~~~~~~~~~ CONTACT ~~~~~~~~~~~~~~~~~~~~~~~~*/

.contact { border: 1px solid #A2BED1; 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: #E8F2F4; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.contact-form2 { background-color: #E8F2F4; width: 35%; color: #595959; padding:5px;}
.contact-form3 {	background-color: #E8F2F4;	width: 65%;	color: #595959;	padding: 10px;}
.contact-form4 {	background-color: #C0D8DF;	width: 100%;	color: #595959;	padding: 10px; text-align: center;}

/*~~~~~~~~~~~~~~~~~~~~~~~ CONTACT ~~~~~~~~~~~~~~~~~~~~~~~~*/

.documents_outer { border: 1px solid #658FAB; margin-left: auto; margin-right: auto; text-align: justify; }
.documents { margin-left: auto; margin-right: auto; text-align: justify; }
.documents td { vertical-align: middle; padding: 5px;}


/*~~~~~~~~~~~~~~~~~~~~~~~ BACK-TABLES ~~~~~~~~~~~~~~~~~~~~~~~~*/

.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: #E8F2F4;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;}

.back-header2 {background-image: url(menu-background2.png);background-color: #E8F2F4;color: white; font-weight: normal; font-size: 10px;}
.back-header2 a {color: white; text-decoration: none;}
.back-header2 a:hover {color: white; text-decoration: underline;}

/*~~~~~~~~~~~~~~~~~~~~~~~ YOUTH ~~~~~~~~~~~~~~~~~~~~~~~~*/

.youth { width: 90%; margin-left: auto; margin-right: auto; font-size:12px;}
.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: #EEF5F9; color: #595959; padding:5px;}
.youth-content-link { background-color: #EEF5F9; color: #595959; padding:5px;}
.youth-content-link a { text-decoration: none;}
.youth-content-link a:hover { text-decoration: underline;}


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


/*~~~~~~~~~~~~~~~~~~~~~ SOCIETIES ~~~~~~~~~~~~~~~~~~~~~~~~*/

.directory-results { width: 90%; margin-left: auto; margin-right: auto; padding: 10px;}
.directory-results td { padding: 5px;}
.directory-title { background-color: #B1CAD1; color: White;background-image: url(menu-background.png); font-size:12px;}
.directory-content { background-color: #ffffff; color: #595959; }
h4 { font-size: 13px; background-color: #F0FFFF; padding: 3px 3px 3px 3px;}


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

/*~~~~~~~~~~~~~~~~~~~ GALLERY ~~~~~~~~~~~~~~~~~~~~~~~**/
#slideshow { background-color: white;font-size: 90%; }
.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;}


/*##### FLITE #####*/
.flite { width: 90%; margin: 0 auto 0 auto; padding: 0; font-size:8pt; }
.flite_topic {  color: White; padding:5px;background: url(menu_background.png) top left #688B98 repeat-x;}
.flite_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;}
.flite_question_reveal {width: 120px; border-top: 1px dashed #ababab;border-right: 1px dashed #ababab;border-bottom: 1px dashed #ababab; border-left: none; padding: 3px;}
.flite_answer { 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; }
.flite_post_l {background-color: ; color: White; padding:5px;background: #688B98 url(menu_background.png) top left; background-repeat: repeat-x; font-weight: bold; vertical-align: top;}
.flite_post_r { padding: 5px;border-right: 1px dashed #ababab;border-bottom: 1px dashed #ababab; vertical-align: top;}
.flite_form { color: #4D4D4D;}