body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666;
}

#wrapper {
	margin:0 auto;
	text-align:left;
	width:760px;
}


#search {float:right; margin:0px; padding:0px; height:37px;}

#mainnav {float:left; background-color:#000; color:#fff; margin:0px; padding:0px; width:100%; border-top:1px solid #fff; border-bottom:1px solid #fff;}

/* Start of Navigation styles */
#mainnav ul {
	clear:both;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color:#000; 
	color:#fff;
	}

#mainnav ul li {
	float:left;
	position: relative;
	border-right:1px solid #fff;
	padding:2px 4px 6px 4px; 
	text-align:center;
	background-image:url(../images/mainnav-bg.gif); background-position:bottom left; background-repeat:repeat-x;
	min-width:114px;
	_width:114px;
}

#mainnav ul li a:hover {display:block; background-color:#900;}

/* give slightly different widths the home / town council / contact sections */
#mainnav ul li.home {min-width:91px; _width:91px;}
#mainnav ul li.tc {min-width:160px; _width:160px;}
#mainnav ul li.contact {border:none;}

#mainnav ul li a {
	color:#fff; text-decoration:none;
}

/* Fix IE. Hide from IE Mac \*/
* html #mainnav ul li { float: left; height: 1%; }
* html #mainnav ul li a { height: 1%; }
/* End of fix */
	
/* Start of Sub Nav */
#mainnav ul li ul {
	position: absolute;
	left: 0px;
	top: 24px;
	display: none;
	background-color:#444;
	width:150px;
	font-size:90%;
	}

#mainnav li ul li {
	clear:both;
	display:block;
	width:150px;
	text-align:left;
	border:0px;
	border-bottom:1px solid #fff;
	background:none;
	margin:0px;
	padding:0px;
}
	
#mainnav li:hover ul, #mainnav li.over ul {clear:both; display: block; color:#fff;} /* don't change this - .over is not a typo */

#mainnav ul li ul li a {
	display:block; padding:2px 4px;
} 

#mainnav ul li ul li a:hover {
	background-color:#000; color:#fff; text-decoration:none;
} 
/* End of Sub Nav */

/* End of Navigation styles */


#tagline {float:left; text-align:center; background-color:#900; color:#fff; font-weight:bold; padding:10px; width:352px; height:208px; font-size:110%;}

img.splashimage {float:right; width:385px; height:228px;}

h1 {clear:both; background-color:#999; color:#fff; margin:0px; padding:2px 4px; font-size:150%;}
h1.alt {padding-left:175px; background-image:url(../images/h1-bg.gif); background-repeat:repeat-y; background-position:top left;}


h2 {background-color:#900; color:#fff; font-size:80%; padding:3px;}
h3 {color:#900; font-size:100%;}
h4 {font-size:90%;}
strong {font-weight:bold;}
a {color:#900; font-weight:bold;}
a:hover {background-color:#900; color:#fff;}
a img {border:none;}
hr {clear:both; margin:0px; padding:0px; height:1px; border:none; border-bottom:1px solid #666;}

.hide {overflow:hidden; width:0px; position:absolute; height:0px;} /* use this style for hiding the skip links */
.smallprint {font-size:x-small;}
.warning {color:red; font-weight:bold;}
acronym {border-bottom:1px dashed #900;}
quote, blockquote {font-style:italic;}
ol.alpha {list-style:lower-alpha;}

caption {font-weight:bold; color:#900;}
table {margin-bottom:20px;}
th, td {padding:10px; border:1px solid #ccc; vertical-align:top;}
table.minutes th, table.minutes td {padding:5px 3px; text-align:center;}
table.minutes th {font-size:80%;}

/* start quick links styes */
#quicklinks {float:left; width:360px; border:1px solid #ccc; margin:4px 0px 4px 0px; padding:5px 5px 10px 5px; min-height:205px; _height:205px;}
#quicklinks h2 {background-color:#999; color:#fff; font-size:110%; margin:0px; padding:2px 5px;}
#quicklinks h3 {font-size:100%; margin:0px; padding:0px;}
#quicklinks p {margin:0px 5px 5px 0px; font-size:90%;}
/* end of quick links styles*/

/* start latest new styes */
#latestnews {float:right; width:373px; border:1px solid #ccc; margin:4px 0px 4px 0px; padding:5px 5px 10px 5px; min-height:205px; _height:205px;}
#latestnews h2 {font-size:110%; margin:0px; padding:2px 5px;}
#latestnews p {margin:0px 5px 5px 0px; font-size:90%;}
#latestnews ul {padding-right:5px; font-size:90%;}
/* end of latest news styles*/


/* start of side section */
#sidesection {float:left; width:155px; background-color:#900; color:#fff; margin:0px; padding:5px; margin-top:1px; min-height:30px;}
#sidesection h2 {color:#fff; font-size:90%; margin:0px 0px 10px 0px; padding:5px 0px 0px 0px; border-bottom:1px solid #fff;}
#sidesection ul {margin:0px 0px 10px 20px; padding:0px;}
#sidesection ul li {margin:0px; padding:0px; list-style:square;}
#sidesection a {color:#fff; font-weight:normal; text-decoration:none;}
#sidesection a:hover {background-color:#fff; color:#900;} 
/* set up the style for the background image on the living / leisure / council sections */
#living #sidesection div.splashimage {margin:-5px; padding:-5px; background-image:url(../images/leftcol_ladygrove.jpg); background-position:0px 0px; background-repeat:no-repeat; width:165px; height:256px;}
#leisure #sidesection div.splashimage {margin:-5px; padding:-5px; background-image:url(../images/leftcol_skate.jpg); background-position:0px 0px; background-repeat:no-repeat; width:165px; height:256px;}
#council #sidesection div.splashimage {margin:-5px; padding:-5px; background-image:url(../images/leftcol_civic.jpg); background-position:0px 0px; background-repeat:no-repeat; width:165px; height:256px;}
/* end of side section */

#content {float:left; width:560px; padding:10px 20px 20px 10px; border-left:1px solid #ccc; margin:1px 0px; _height:400px; min-height:400px;}

/* Start of Form Styles */
input {border:1px solid #ccc;}
input.button {background-color:#900; color:#fff; border:none;}
input:focus {background-color:#FFFF99;}
form label span {float:left; width:150px;}
/* End of Form Styles */


#footer {float:left; position:relative; background-color:#ccc; border:1px solid #999; color:#666; margin:0px; padding:5px 10px; font-size:80%;}
#footer .crest {position:absolute; bottom:-104px; left:0px;}
#footer .quality {position:absolute; bottom:-104px; left:700px;}
#footer ul.sitemap {float:left; margin:0px; margin-left:30px; padding:0px; list-style:none; width:150px;}
#footer ul.sitemap li {margin:0px; padding:0px; list-style:none;}
#footer ul.policies {float:right; margin:0px; padding:0px; margin-right:20px; text-align:right; width:450px;}
#footer ul.policies li {display:inline; list-style:none; padding-right:20px;}

#copyright {clear:both; text-align:center; font-size:80%; padding:10px; margin-top:10px;}