/* html, body, #contents {min-height:100%;width:100%;height:100%;}
html>body, ht,l>body #contents {height:auto;}
#contents {position:absolute;top:0;left:0;*/


/* following element uses the "Modified SBMH (Simplified Box Model Hack)" to provide IE with similar sized text to other browsers -details at: http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
/* also uses the "commented comment" hack to give mac ie a similar size to other browsers - details at: http://www.premonition.co.uk/cssd/ie51-only.html*/

* html body {font-size:90%;/* all IE */}

/* hide from mac ie5.x \*/
* html body {font-size:89%;}
/* end hide from mac ie5 */

body {
	font-size:90%;/* all other browsers */
}

/*sitewide link colors*/
a {text-decoration:none;}
a.uline {text-decoration:underline;} /*Some links embedded in text need to be underlined*/
a:link {color:#9999cc;}
a:visited {color:#9999cc;}
/* previous: #639 */
a:hover {color:#660099;}
/* previous: #c03 */

/*end sitewide link colors*/

/* following class is to hide elements that give extra information for users of assistive technology such as screenreaders - for more info see: http://www.webaim.org/techniques/articles/hiddentext */
.hidden {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

/* following declarations clears elements without a clearing element such as <br clear> being needed. For more info see: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content:url(/images/clear.gif);
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* a div with this class is sometimes required for correct display in Mac IE5.x */
div.cleardiv {
	clear:both;
	padding:0 !important;
}

span.cleardiv {
	display:block !important;
	clear:both !important;
	padding:0 !important;
	margin:0 !important;
}

body {
	margin:0 auto;
	padding:0 0 20px 0;
	color:#000;
	background:#F1F0F1;
	font-family:"Trebuchet MS", Trebuchet, Verdana, arial, Helvetica, Tahoma, sans-serif;
	font-size:90%;
	max-width:760px;
	width:760px;
	behavior:url("/csshover.htc");
}

/* Monaco,Geneva, Swiss, Trebuchet,"Goudy Old Style", 'Arial Narrow',"Gill Sans",'News Gothic BT', "Lucida Grande", comic sans ms,cursive */
/* Georgia, "Times New Roman", */

.bold {font-weight:bold;}

.name {font-style:italic;}
/* HEADER */
div#header {
	height:122px;
}

#shadow-container {  
	position: relative;  
	left: 3px;  
	top: 3px;  
	margin-right: 3px;  
	margin-bottom: 3px;  
}  

#shadow-container .shadow2, #shadow-container .shadow3, #shadow-container #contents	 {  
	position: relative;  
	left: -1px;  
	top: -1px;  
}  

#shadow-container .shadow1 {  
	background: #F1F0F1;  
}  

#shadow-container .shadow2 {  
	background: #DBDADB;  
}  

#shadow-container .shadow3 {  
	background: #B8B6B8;  
}  

#shadow-container #contents {  
	background: #ffffff;  
	border-right: 1px solid #848284;  
	border-left: 1px solid #848284;  
	border-bottom: 1px solid #848284;  
	padding: 0 10px 10px 10px;  
}

div#header {
	color:black;
	background-color:transparent;
	font-size:120%;
	background: url(images/bas-web-header.jpg) no-repeat left top;
	margin:1px 0 0 0;
}

/* previous backgrounds: #037462, #B5CC84, #DAE48B */
 div#footer  {color:black;}
/* background-color:#BEE5D8; */

div#counter {text-align:center;}
/* background-color:#BEE5D8; */

/* LHS MENU */


/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */


/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
/*#menu_container {margin:25px 0 100px 15px; position:relative; width:140px; z-index:100;}*/
#lhs {
   position:absolute;
	width:150px;
	top:130px;
	height:100%;
	padding:0;
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size and borders */
#pmenu a, #pmenu a:visited {display:block; margin:0; width:140px; font-size:12px; height:25px; line-height:25px; text-decoration:none; padding: 2px 0 2px 10px;}
/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0;}

/* Set up the list items */
#pmenu li {float:left; margin: 0 0 7px 0;}
#pmenu li ul li {float:left; margin: 0;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover ul {display:block; position:absolute; top:-5px; left:110px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:140px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:7px; left:30px; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
/*  * html #pmenu li a:hover {position:relative; background:#dfd7ca; color:#c00;} */

/*********** Menu Item Colours ***********/
ul#pmenu li a { background: #99c; color: #fff; } /* Top Level colour */
ul#pmenu li ul li a { background: #cf9; color: #609; } /* Second Level colour */
ul#pmenu li a:hover, ul#pmenu li a:active, ul#pmenu li a:focus { background: #9c9; color: #609; }
/* Make the hovered list color persist */
ul#pmenu li:hover > a { background: #9c9; color: #609; }


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* make the second level visible when hover on first level link and position it */

#pmenu li a:hover ul {
visibility:visible; top:-11px; left:80px;
}

#content {
	margin-left:151px;
	margin-top:8px;
	position:relative;
	padding: 0 10px 10px 10px;
	min-height:32em;
}


/* BODY AREA */
/* previous backgrounds: #E2EBCF BEE5D8*/
#body, #content { background-color:#FFFFFF;}
#body {margin-top:0px;}
#body .body-image {float:left;margin:8px;}

#footer {clear:both; text-align:center; font-size:80%;
border-top:1px solid black;
padding:2px;}

#body {color:#003300;}
#body h1 {font-size:140%;margin-top:0;font-style:italic;}
#body h2 {font-size:120%;margin-top:1em;color:#660099;}
#body h3 {font-size:100%;font-style:italic;}

#body .privacy {font-size:100%;}
#body div.privacy {clear:both;}

/* LIST STYLEs */
#content ul.none {list-style-type:none;padding-left:0;margin-left:0;}

* html #content ul.disc {/*IE only*/padding-left:0;margin-left:2em;/*tb/lr*/}

#content ul.disc {padding-left:2em;list-style-type:disc;}

#content ul.ul-spaced li {margin-bottom:0.2em;}

#content dl dt {font-style:italic;}

#content dl dd {margin:0.3em 0 1.5em 1em;}



#countryneighbour #content table {border-collapse:collapse;}
#countryneighbour #content table th, #countryneighbour #content table td {width:4em; text-align:center;}
#countryneighbour #content table th {border-top: 1px solid black; border-bottom: 1px solid black;}
#countryneighbour #content table td {border-bottom: 1px solid gray;}
#countryneighbour #content table td.first, #countryneighbour #content table th.first { border-left: 1px solid black; width:8em;}
#countryneighbour #content table td.last, #countryneighbour #content table th.last { border-right: 1px solid black; width:12em;}


#countryneighbour #content ul, #parishcouncillors #content ul {
	list-style-type:none;
	margin:0;
	text-align:left;
	padding:0;
}

#countryneighbour #content ul#posts li, #countryneighbour #content ul#contacts li { margin:0;padding:0;clear:both;}
#countryneighbour #content ul#posts li div.left, #countryneighbour #content ul#contacts li div.left {float:left;display:inline;width:160px;margin:0;padding:0;}
#countryneighbour #content ul#posts li div.right, #countryneighbour #content ul#contacts li div.right {margin: 0 0 0 10px;padding:0;display:inline;float:left;width:370px;max-width:390px;vertical-align:baseline;}
#countryneighbour #content ul#posts li div.right div.temp {margin:0;padding:0;}

#parishcouncillors #content ul li {margin:0 0 20px 0;min-height:160px;}
#parishcouncillors #content ul li div.left div.box {float:left;display:inline;min-height:160px; width:392px;max-width:392px;}
#parishcouncillors #content ul li div.left div.photo {float:left;display:inline; width:150px;margin:0 0 0 10px;}
#parishcouncillors #content ul li div.right div.photo {position:absolute;left:0; width:150px;margin:0 10px 0 0;}
#parishcouncillors #content ul li div.right div.box {float:left;display:inline;min-height:160px;margin:0 0 0 160px; width:392px;max-width:392px;}
#parishcouncillors #content ul li div.photo img {width:150px;height:150px;border:2px solid black;margin: 4px 0 0 0;}
#parishcouncillors #content ul li div div.box p {margin:0;}
#parishcouncillors #content ul li div div.cllr span.cllr {font-weight:bold;}
#parishcouncillors #content ul li div div.cllr span.tel {margin: 0 0 0 10px;}
#parishcouncillors #content ul li div.right div.forceheight {float:left;display:inline;height:160px;}

#parishcouncillors #content ul li div {position:relative;}

#body abbr.nostyle {border-bottom:none;}

#body p.spacebelow {margin-bottom:3em;}
.italic {font-style:italic;}
#body p.caption	{display:block;clear:both;width:500px;margin-top:0.3em;margin-bottom:1.5em;}

#body p.counter {text-align:right;}


body#mapstravel div#maps, body#mapstravel div#travel {
	width:25em;
	border-collapse:collapse;

	margin-bottom:1em;
}

body#mapstravel div#maps h2, body#mapstravel div#travel h2 {
	margin:0;
	padding-left:0.3em;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color:#eee;
	color:black;
}
body#mapstravel div#maps ul, body#mapstravel div#travel ul {
	margin:0;
	border:1px solid black;
	text-align:left;
	padding:0;
	
}

body#mapstravel div#travel ul li ul {
	border:0;
}
body#mapstravel #content ul li {
	list-style-type:none;
	margin-left:0;
}
body#mapstravel div#maps ul li, body#mapstravel div#travel ul li ul li {
	padding-left:0.5em;
	font-weight:bold;
}

body#mapstravel #content ul li h3 {
	margin:0;
	padding-left:0.5em;
	font-weight:bold;
	font-style:normal;
	background-color:#ddd;}
	
body#mapstravel #content ul li a {
	font-weight:normal;
	font-weight:bold;
}
li.odd {background-color:#f6f6f6;}
li.even {background-color:#f0f0f0;}

#body form {margin-bottom:1.5em;border:1px dashed green;padding-top:1em;}
#body div#forumcontent form {margin:0;border:0;padding:0;}

#body form div.form input,#body form div.form textarea {left:400px;margin-left:0.5em;}

#body form div.form {margin:0 0 1em 0; clear:both;}
#body form div.form label {float:left;width:180px;text-align:right;margin-right:1em;}
#body form div.form input.textbox { width:200px;}
#body form div.submit {float:left;width:130px;margin:8px 0 10px 0;}
#body form p.submit {width:320px;float:left;margin: 0 0 1em 10px;}
#body form div.submit input.submit {margin-left:10px;}
#body form div.reset {float:right;margin:8px 0 10px 0;}
#body form div.reset input.reset {margin-right:10px;}

#body form div.formradio {width:100%;padding-bottom:1em;}
#body form div.formradio span {float:left; width:400px;text-align:right;margin-right:1em;}
#body form div.formradio div.yesno  {width:480px;margin-top:1.2em;}
#body form div.formradio div.yesno ul li {padding-top:0.5em;}
#body form div.formradio div.yesno ul {list-style-type:none;}

#body div#sitesearch {position:relative;float:left;width:150px;padding:0; margin:0;}
#body form#search {margin:1.5em 0;border:1px dashed green; padding:1px 2px 0 0;}
#body form#search input.textbox {margin:1px 0 1px 1px;background:#ffffa0;}
#body form#search input.button {margin:1px;width:100%;}

#clubs-societies #body form div.submit {float:left;width:250px;text-align:right;margin:0 1em 1em 0;}
#clubs-societies #body form div.submit input.submit {float:right;}
#clubs-societies #body form div.reset {float:none;margin:8px 0 10px 0;}

#villagehall div.imagecaptionright {float:right; width:240px; display:inline; background: #fff; color:#000; position:relative; margin:1px; padding:0 0 0 5px; text-align:center; font-size:80%;}
#villagehall div.imagecaptionleft {float:left; width:240px; display:inline; background: #fff; color:#000; position:relative; margin:1px; padding:0 5px 0 0; text-align:center; font-size:80%;}
#villagehall img {border: 2px solid #000;}

#localhistory div.imagecaptionright {float:right; width:320px; display:inline; background: #fff; color:#000; position:relative; margin:1px; padding:0 0 0 5px; text-align:center; font-size:80%;}
#localhistory div.imagecaptionleft {float:left; width:320px; display:inline; background: #fff; color:#000; position:relative; margin:1px; padding:0 5px 0 0; text-align:center; font-size:80%;}
#localhistory img {border: 2px solid #000;}

#hortsoc div.imagecaptionright {float:right; width:320px; display:inline; background: #fff; color:#000; position:relative; margin:1px; padding:0 0 0 5px; text-align:right; font-style: italic; font-size:70%;}
#hortsoc div.imagecaptionleft {float:left; width:240px; display:inline; background: #fff; color:#000; position:relative; margin:1px; padding:0 5px 0 0; text-align:left; font-style: italic; font-size:70%;}
#hortsoc img {border: 2px solid #000;}
#hortsoc div.imagecaptioncenter {margin:0 auto; width:400px; text-align:center; font-size:70%; font-style: italic;}
#hortsoc div.imagecaptioncenter img {border: 0; }
/* background-color: #00ff00; background:url(events_background.jpg) no-repeat fixed center;*/


#playstart div.imagebanner {margin: 0 auto 0 auto; width:570px; background: #fff; color:#000; position:relative; padding:0; }
#playstart div.imagecaptionright {float:right; width:100px; display:inline; background: #fff; color:#000; position:relative; margin:1px; padding:0 0 0 5px; text-align:center; font-size:80%;}
#playstart div.imagecaptionleft {float:left; width:100px; display:inline; background: #fff; color:#000; position:relative; margin:1px; padding:0 10px 0 0; text-align:center; font-size:80%;}
#playstart div.imagecaptionright img {border: 1px solid #000;}
#playstart div.imagecaptionleft img {border: 1px solid #000;}
#playstart div.imagebanner img {border: 0; margin: 0 0 20px 0;}
#playstart div.centertext {width: 450; margin 0 auto 0 auto;}

div#planningappdisplay {clear:both;}
div#planningappdisplay caption {text-align:left; margin:0 0 0.5em 0; font-weight:bold; }
div#planningappdisplay table {border-collapse:collapse;}
//div#planningappdisplay td, th {font-size: 80%; padding:0.5em;}
div#planningappdisplay table#planningapps td, th {border:1px solid black;font-size: 80%; padding:0.5em;}
div#planningappdisplay td.pagenum {text-align:right;}
div#planningappdisplay td.login {text-align:left;}
div#planningappdisplay th {background:#C4C4C4;}
div#planningappdisplay tr.even {background:#E3E3E3;}
div#planningappdisplay tr.even th {background:#B5B5B5;}

//div#planningapploginform {clear:both;}
//div#planningapploginform div.submit {margin:0; }

//div#planningappentryform form div.logout {float:left;}
//div#planningappentryform form div.submit input.submit {margin-left:10px;}