@import url( 'lightbox.css' );

/***********************************/
/*  JMNP Template #10			     */
/***********************************/


/*~~~~~~~~~~~STANDARD PAGE IDS~~~~~~~~~~~*/ 
* { margin:0; padding:0;}

body { margin:0; padding:0; background-color: #FFFFFF; background-position: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}


#site-wrapper { width: 760px;	margin-left: auto; margin-right: auto;	padding: 0;}

#header_wrapper { height: 155px; }
#header {	background-image: url(header.jpg); background-repeat: repeat-x; height: 140px; width: 100%; float: none;}
#header_one {	background-image: url(title_background_1.jpg); background-repeat: repeat-x; height: 130px; width: 100%; float: none;}
#header_two {	background-image: url(title_background_2.jpg); background-repeat: repeat-x; height: 130px; width: 100%; float: none;}
#header_three {	background-image: url(title_background_3.jpg); background-repeat: repeat-x; height: 130px; width: 100%; float: none;}
#header_four {	background-image: url(title_background_4.jpg); background-repeat: repeat-x; height: 130px; width: 100%; float: none;}
#header_five {	background-image: url(title_background_5.jpg); background-repeat: repeat-x; height: 130px; width: 100%; float: none;}

#nav_bar { background-image: url(nav.gif); width: 800px; height: 27px; padding: 0; margin: 0;}

#index_nav {
	margin: 15px 0 0 0;
}

#index_nav_spacer {
	width: 14px;
}

/*~~~~~~~~~~~NAVIGATION~~~~~~~~~~~*/
#nav {font-family:tahoma; font-size:10pt; line-height: 27px; padding:0; list-style:none; margin: 0 0 0 6px;}
#nav li{float:left; list-style: none;}
#nav a{display:block;float:left;height:27px;padding:0 16px;border-right:1px solid #c9c6b3; background:url('nav.gif'); color:#553; font-weight:normal; line-height:27px; text-decoration:none;}
#nav a:hover{background:url('nav.gif') left bottom;color:#970000;text-decoration:underline;}
#nav .selected{background:url('nav.gif') left bottom;color:#970000;}


/*~~~~~~~~~~~DROP NAVIGATION~~~~~~~~~~~*/
.dropmenu {  width:100%; font-family:verdana; font-size:11px; line-height: 27px; padding:0 0 0 0; list-style:none; margin: 0 0 0 0;background: url(nav.gif); background-repeat: repeat-x;  } /*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 #70923B;   color: white; }
.dropmenu ul li a {  float:none !important /*Non-IE6*/;   float:left /*IE-6*/;   display:block;   line-height:27px;   padding:0 29px 0 29px;   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;    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;}


/*~~~~~~~~~~~SUB-NAVIGATION~~~~~~~~~~~*/
#nav_bar2 {	background-repeat: repeat-y; width: 800px; height: 27px; padding: 0; margin: 0 0 0 0; }
#nav2 {font-family:tahoma; font-size:13px; line-height: 27px; padding:0 0 0 0; list-style:none; margin: 0 0 0 0; background-image: url(bg_body.jpg); background-repeat: repeat-y; width: 812px;}
#nav2 ul {margin-left: 100px; margin-right: auto; width: auto;}
#nav2 li{float:left; list-style: none;}
#nav2 a{display:block;float:left;height:27px;padding:0 16px;border-right:1px solid #c9c6b3; background:url('nav2.gif'); color:#686868; font-weight:normal; line-height:27px; text-decoration:none;}
#nav2 a:hover{background:url('nav2.gif') left bottom;color:#970000;text-decoration:underline;}
#nav2 .selected{background:url('nav2.gif') left bottom;color:#970000;}
#nav2 .nav2_left{border-left:1px solid #c9c6b3;}
#nav2 .selected_nav2_left{border-left:1px solid #c9c6b3; background: url(nav2.gif) left bottom;color:#970000;}



/*~~~~~~~~~~~BODY~~~~~~~~~~~*/
#content {	background-color: #E7EFF4;	margin: 15px 0 0 0;	text-align: justify;	font-size: 11px;	line-height: 15px;	clear: both;}
#content_text {	padding: 5px 25px 5px 25px; color: #4A565D; font-size: 9pt; line-height: 13pt;}
p {	margin: 18px 0 18px 0;}
#content li {	margin: 7px 0 7px 45px;}
a {	color: #007353; text-decoration: underline;}
a:hover {	color: #509345;	text-decoration: none;}

#footer {	height: 27px;	clear: both; font-size: 11px;	color: #6F6F6F;	padding: 0 3px 0 3px; }
#footer a {	color: #6F6F6F;	text-decoration: underline;}
#footer a:hover {	color: #6F6F6F;	text-decoration: none;}

#footer2 {	height: 28px; background-image: url(footer_background.jpg); background-repeat: no-repeat;	clear: both; font-size: 11px;	color: #FFFFFF;	padding: 0 9px 0 9px; }
#footer2 a {	color: #FFFFFF;	text-decoration: underline;}
#footer2 a:hover {	color: #FFFFFF;	text-decoration: none;}

.left {	text-align: left;	line-height: 27px;	float: left;}
.right {	text-align: right;	line-height: 27px;	float: right;}

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

h1 {	font-size: 17pt; font-family: Tunga, verdana; font-weight: normal; letter-spacing: 1px; color: #FFFFFF; background-image: url(h1_background.jpg); background-repeat: no-repeat; height: 28px; padding:9px 0 0 9px; margin: 0; width: 100%; margin-bottom: 7px;}

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

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

h3 {	font-size: 12px; letter-spacing: 1px; color: #333333; border-bottom: 1px solid #774A1D; padding:0; margin: 0; padding-bottom: 3px; width: 20%; margin-bottom: 7px;}

h5 {	font-size: 12px; letter-spacing: 1px; color: #333333; border-bottom: 1px solid #774A1D; padding:0; padding-top: 5px; margin: 0; padding-bottom: 3px; width: 55%; margin-bottom: 7px;}


/******************/
/*  EXISTING PCNET*/
/******************/

.centered {	text-align: center;	margin-left: auto;	margin-right: auto;}
.miniform { font-family: verdana, courier new, courier, sans-serif; font-size: 10px;}
.info { color: Blue;	font-weight: bold;	background-color: Yellow;}
acronym { cursor: help;}
.date-index { text-align: right; padding-right: 15px; padding-bottom: 15px; padding-top: 5px; color:rgb(100,100,100); font-size: 8pt; line-height: 20px;}
.date-index a {color: rgb(100,100,100); text-decoration: none;}
.date-index a:hover {color: #970000; text-decoration: underline;}

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

/*******************/
/*  ADDED CLASSES  */
/*******************/


.contact { border: 1px solid #7792C0; margin-left: auto; margin-right: auto;}
.contact a img {
	border: none;
}
/*Drop-down menu*/

.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; color: #3C610C;}
.minical_table a {color: white; text-decoration: underline; font-weight: normal;}
.minical_table a:hover {color: white; text-decoration: none;font-weight: normal;}
.minical_table a img {	border: 1px solid #ccc;}
.minical_table a:hover img {	border: 1px solid #478DF4;}
.minical_table .white_text td { color: white;}


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

/*~~~~~~~~~~~~~~~~~~~~~~~ NEWS ~~~~~~~~~~~~~~~~~~~~~~~~*/

.news { width: 85%; margin-left: auto; margin-right: auto; font-size:11px;}
.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: #F5F8E8; 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: #F5F8E8; 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: #F5F8E8; 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: 85%; margin-left: auto; margin-right: auto; font-size:11px;}
.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: #F5F8E8; color: #595959; padding:5px;}
.links-content a img {	border: 1px solid #ccc;}
.links-content a:hover img {	border: 1px solid #43E4EE;}
.links-content a {	color: #396277;	text-decoration: underline;}
.links-content a:hover {	color: #43E4EE; 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: #C0CFF1; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.contact-form2 { background-color: #C0CFF1; width: 35%; color: #595959; padding:5px;}
.contact-form3 {	background-color: #C0CFF1;	width: 65%;	color: #595959;	padding: 10px;}
.contact-form4 {	background-color: #123586;	width: 100%;	color: #5E2A0D;	padding: 10px; text-align: center;}

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

.documents_outer { border: 1px solid #9FACCB; 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;}


/*~~~~~~~~~~~~~~~~~~~~~~~ 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; width: 100%;}


/***~~~~~~~~~~~~~~~~~ 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: #F5F8E8;	border-right: 1px solid white;	border-top: 1px solid white;	font-size: 10px;	padding: 2px;	line-height: 15px; vertical-align: top}



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


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


#form_style {
	padding: 7px;
}

.online_form {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: White;
	width: 550px;
}

.online_form td {
	background-color: #02976E;
	padding: 7px;
}

.online_form_top {
	background-image: url(bg_form_top.gif);
	height: 14px;
}

.online_form_bottom {
	background-image: url(bg_form_bottom.gif);
	height: 14px;
}

.online_form_body {
	padding: 4px;
}

.online_form .title {
	font-weight: bold;
}

.dashed{
	border-bottom: 1px dashed white; height: 1px;
}