/*************************************************************************

westend parish council 2006

MASTER CSS FILE

WRITTEN BY NICK FOX

centraly aligned fixed width LAYOUT

CSS XHTML ACCESSABILITY COMPLIANT

THIS SITE DOES NOT VALIDATE, BUT ITS SO CLOSE you'd be mad to argue!

MADE IN portsmouth U.K.
/***************** universal classes *****************************************/

.absolute{
	position:absolute;
}
.imgright{
	display:block;
	float: right;
	padding: 3px 3px 0px 0px;
}
.imgleft{
	display:block;
	float: left;
}
.blackbox{
	border: solid #000 2px;
}
img {
	border-width:0px;
}
.bottom_border{
	background-image: url(../images/layout/bbl.jpg);
	background-repeat: no-repeat;
	height:9px;
	/*border:solid #CC6666 1px;*/
}
.download{
	margin:10px;
	display:block;
	
}
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:0.8em;
}
.clearboth{display:block; clear:both;}
.submitbutton{
	border: solid #336600 1px;
	
	background-color:#C4EE8E;
	font-weight:bold;
	color:#336600;
	/*background-color:#D7F4B5;original color
	padding:5px;
	margin:5px;*/
}
.submitbutton:hover{
	background-color:#336600;
	color:#C4EE8E;
}
input{border:solid #C4EE8E 1px;}
textarea{
	border:solid #C4EE8E 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.floatright{float:right;}
/*********************** top **************************************************/
body{
	margin:0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:  no-repeat url(../images/bgheader.jpg);
	background-position: top center;
}
/****************** top nav ************************************/
#skip{display:none;}

#topnav{
	float:right;
	margin-right:10px;
	background-image:url(../images/layout/cornerlinksbg.gif);
	height:26px;
													/*border:solid #CC6666 3px;*/
}
#topnav a{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	color: #05856F;
}
#topnav a:hover{
	color: #000000;
}
#logo{
	background: no-repeat url(../images/headerlogo.png);
	height:120px;
	width:289px;
	display:block;
}
/****************** header ************************************/

#admin_banner{
	background-color:#336600;
	color:#81E27E;
	height:50px;
}
#header{
	width:900px;
	height:150px;
	
	margin: 0 auto;
				/*border:solid #C4EE8E 3px;green*/
}
#htitle h1{
	text-align:center;
	font-size: 34px;
	margin-top:10px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
}
#htitle p{
	text-align:center;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/****************** centre ***************************************************/
#container{/*background-color: #00f;*/
	width:900px;
	position: relative;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
}
#centre{
	margin: 0px 0px 0px 200px;
	width:700px;
	position:absolute;
	background-image: none;
	/*background-color: #F00;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/transparent.png', sizingMethod='image/scale/crop');*/
}
#centre_header{
	position:absolute;
	width:300px;
	background-color:#FFFFFF;
	margin:10px 0px 0px 350px;
	filter: Alpha(Opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;

}
#container h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:1.5em;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	line-height: 50px;
	background-image: url(../images/layout/corner_tl.gif);
	background-color: #C4EE8E;
	background-repeat: no-repeat;
	border-bottom:solid #000 1px;
}
.h1_corner{
	float:right;
	margin:0px 0px 0px 0px;
}
.h1_corner_l{
	float:left;
	margin:0px;
	padding:0px;
	display:block;
}
#centre h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:0.9em;
	background-color: #C4EE8E;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	line-height: 25px;
	clear:left;
	/*border-bottom:solid #000 1px;*/
}
#centre h3{
	/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:0.8em;
	font-weight:bold;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	line-height: 20px;
	border: solid #C4EE8E 1px;	/*background-image: url(../images/layout/corner_tl.gif);
	background-repeat: no-repeat;*/
}
#centre p{
	margin:6px;
}
#centre a{
	color: #0066FF;
}
#centre a:hover{
	color: #FFF;
	background-color: #0066FF;
}
/******************* centre left & right ***********************************/
#centrerightbox{
	border-left: solid #C4EE8E 1px;
	width: 220px;
	float: right;
	background-color:#F2FCE9;
}
/*#centrerightbox p{
	margin:6px;
}*/
#centreleft{
	width: 475px;
}
#centreleft a{
	color:#05856F;
}
#centreleft a:hover{
	color:#FFF;
	background-color:#0066FF;
}
#centreleft img{
	border:0;
	margin: 5px;
	float: left;
	/*display:inline;*/
	display:block;
}
.readon{
	font-size:0.8em;
}
/******************* centre news ************************************************/
.newsdate{
	color: #05856F;
	font-size: 0.7em;
	margin: 5px 5px 0px 0px;
	float:right;
}
.article{
	clear: left;
}
.commentheader{
	display:block;
	background:url(../images/layout/commentsheader.jpg) no-repeat;
	padding:7px;
}
.comment{
	border:solid #C4EE8E 1px;
	padding:10px;
	margin-top:10px;
}
.com_date{
	float:right;
	color: #05856F;
	font-size: 0.7em;
}
.com_author{
	font-weight: bold;
	color:#05856F;
}
/**** centre contact ********/
#c_right{
	border: solid #000 1px;
	width: 48%;
	float: right;
	padding:5px;
}
#c_left{
	border: solid #000 1px;
	width: 47%;
	padding:5px;
}
#googlemap{
	padding:10px;
}
#googlemap a:hover{
	border-width:2px;
}
/*********** centre members.php ***************************************/
#stafftable, #stafftable td{
	border: solid #05856F 1px;
}
#stafftable td{
	text-align: center;
}
/******************* left nav ************************************************/
#leftnav{
	width:190px;
	background-color: #C4EE8E;
	padding:10px 0px 0px 0px;
	background-image: url(../images/layout/boarder_top.gif);
	background-repeat: no-repeat;
}
#leftnav ul{
	list-style:none;
}
#leftnav li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px 0px 0px 4px;
	text-decoration: none;
	color: #05856F;
}
#leftnav li a:hover{
	text-decoration:underline;
}
#leftnav li:hover{
	background-color: #fff;
}
#leftnav > ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom:solid #05856F 2px;
}
.here{
	background-color: #fff;
}
#newsleft{
	padding:7px;
	/*background-color:#00CC33;*/
}
#newsleft a{
	color:#333333;
	text-decoration:none;
	border: solid #FFF 1px;
	display:block;
	padding:3px;
	font-size:0.8em;
}
#newsleft a:hover, #calendar_widget a:hover{
	background-color: #ECFADC;
	border: solid #009900 1px;
}
.leftwidget, #calendar_widget h2, #calendar_widget p{
	background-color:#FFFFFF;
	padding:5px;
	margin:0px;
}
#leftnav h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	padding:5px;
	margin:0px;
}
#calendar_widget{
		/*background-color:#00CC33;*/
	padding:7px;
	margin:5px 5px;
}
#calendar_widget a{
	text-decoration:none;
	color: #666666;
	display:block;
	background-color:#FFFFFF;
	border: solid #fff 1px;
}
/******************** soft corners **********************************************
the curved boarder is built up using empty <b> tags that have a height of 1px each but differing margins
using margins instead of widths the borders stretch with the container box
*/
.b1, .b2, .b3, .b4, .b5, .b6, .b7{
	display:block;
	background-color:#FFF;
	height:1px;
	font-size:1px;
}
.b1{margin:0 7px;}
.b2{margin:0 4px;}
.b3{margin:0 3px;}
.b4{margin:0 2px;}
.b5{margin:0 2px;}
.b6{margin:0 1px;}
.b7{margin:0 1px;}
/*************************** footer ******************************************/
#footer{
	/*
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	height: 50px;
	font-weight:bold;
	border-bottom:solid #000 1px;
	text-align:center;*/
	background:url(../images/layout/footergrad.png) repeat-x;
	padding:60px 0px 0px 0px;
	clear:both;
	color:#333;
}
#footer h1{
	margin:0px;
	padding:0px;
	font-size:1em;
}
#footer a{text-decoration:none;}
#footer a:active, #footer a:visited{
	color:#666666;
}
#footer a:hover{
	background-color:#003300;
	color:#CCCCCC;
}
#footerlinks{
	margin: 0 auto; 
	width:700px;
	/*border: solid #00f 1px;*/
}
#footerlinks li{
	/*border: solid #00f 1px;*/
	display:inline;
	list-style:none;
}
#footerlinks > ul{
	margin-left:10px; 
	list-style-type:none;
	display:inline;
}
#footerlinks > ul > li{
	/*display:inline;*/
	float:left;
	margin-right:10px;
	overflow:visible;
	width:200px;
	text-align:left;
	list-style:none;
	/*list-style-type:none;
	list-style-image:none;*/
}
#footerlinks ul li ul{
	margin:0px;
	padding:0px;
}
#footerlinks ul li ul li{
	margin:0px;
	padding:3px;
	display:list-item;
	text-align:left;
	font-size:0.8em;
}
#footerbtm{
	clear:both;
	height:5px;
	padding:10px;
	margin:5px;
	text-align:center;
	font-size: 0.8em;
}
/*********************************************************************************************************************************************
                                  ADMINISTRATION
**********************************************************************************************************************************************/
/*********** news admin ****************************/
#articlestoedit .deletebtn{
color:#FF0000;
}
.error{
	color: #FF0000;
	border: solid #FF0000 1px;
	display:block;
	font-weight:bold;
}
.success{
	color: #333333;
	border: solid #0099FF 1px;
	padding:3px;
	display:block;
	width:500px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:0.8em;
	text-align:center;
}
.alert{
	color: #0E9BEF;
	border: solid #0E9BEF 3px;
	display:block;
}
.newslocation{
	margin:15px;
	width:300px;
}
.paddedlink{display:block;padding:5px;margin:0px;font-weight:bold;text-align:center;}
#articlestoedit ul{
	list-style-type: none;
	margin:5px;
	padding:0px;
}
#articlestoedit li{
	margin:3px;
	padding:0px;
}
.labeltext{
	color:#333;
	font-size:0.7em;
}
.combtns{
	text-decoration:none;
	border:solid #05856f 1px;
	padding:2px;
}
/********************* admin bugtracker ********************************/
#bugtracker{clear:both;}
#error_alert{
	/*margin:-90px 0px 0px 5px;
	position: absolute;
	background-attachment: url(../images/layout/greenbox.gif) no-repeat;*/
	color: #FFFFFF;
	font-weight: bold;
	width: 175px;
	height:39px;

}
/*************************************************************************************************************/