body {
		margin: 10px 0px 0px 0px;;
		padding: 0px;
		font-family: arial, hevetica, sans-serif;
		font-size: 97%;
		text-align: center;
		color: #505367;
		background-color: #DBD2CB;
}
		
html>body #container {height:auto;}

/* links */

 a:link{
	color: #45310E;
	text-decoration: underline;
}
 a:visited{
	color: #45310E;
	text-decoration: underline;
}
 a:hover{
  	color: #A52A2A;
	text-decoration: none;
}
a:active{
  	color: #A52A2A;
}

#container {
		margin: 0px auto;
		width: 820px; 
		height:525px;
		min-height:100%;
		text-align: left;
		background: #FFF;
        position:relative;
		}
html>#container {height:auto}		
#header {
	height: 26px;
	width:820px;
	background-color: #FFF;
	color: #A0522D;
	text-align: center;
	border: 1px solid #8F8279;
	padding-top:9px;
	font-size: 14px;
	z-index:2;
	position:relative;
}

#textpage{
	clear: both;
	position: relative;
	height: 100%;
	top: 0px;
	float: right;
	width: 357px;
	font-size: 12px;
	margin-left: 5px;
	background-color: #fff;
	}
	
#mainnav {
		width:820px;
		height: 5px;
		background-color: #DBD2CB;
		position:relative;
		z-index:1;
		border: 1px solid #DBD2CB;
		margin-top: 0px;
}		
#content_wrapper{
	border-top: 1px solid #8F8279;
	border-left: 1px solid #8F8279;
	border-right: 1px solid #8F8279;
	width: 820px;
	height:99.8%;
	min-height:100%;
	text-align: left;
	background: #FFF;
	position:relative;
	background-repeat : no-repeat;
}
#content {
	width: 582px;
	padding:0px 0px 0px 0px;
	float: left;
	height:518px;
}
#content h1{
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 42px;
	font-weight: normal;
	position: relative;
	margin: 0px 0px 0px 0px;
	left: 20px;
	top: 20px;
}
#calendar {
	width: 582px;
	padding:0px 0px 0px 0px;
	float: left;
}
.header{
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	position: relative;
	margin-bottom: -10px;
	margin-top: 0px;
	left: 20px;
	top: 10px;
}
.header a:link, a:visited{
	color: white;
	text-decoration: none;
}
.header a:link, a:visited{
	text-decoration: underline;
}
p.block{
	position: relative;
	z-index: 50;
	width: 230px;
	color: #fff;
	font-size: 12px;
	left: 24px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 20px;
}

/* HOMEPAGE text - may need to change colour depending on image*/
#hometext{
	position: relative;
	z-index: 10;
	float: right;
	width: 230px;
	height: 80px;
	color: #fff;
	font-size: 12px;
	margin-bottom: -4px;
	margin-top: -60px;
}
.next_month{
	clear: left;
	position: relative;
	width: 560px;
	color: #fff;
	font-size: 12px;
	left: 10px;
	top: 20px;

	z-index: 20;
}

.header1{
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	position: relative;
	margin-top: 0px;
	left: 20px;
	top: 0px;
}
.homeheader1{
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	position: relative;
	margin-top: 0px;
	left: 20px;
	top: 0px;
	text-decoration : none;
}
.next{
	position: relative;
	z-index: 70;
	left: 20px;
}
.next a:link, a:visited{
	text-decoration: none;
	color: #fff;
}


.list-main-home{
	position: relative;
	height: 50px;
	margin-top: 10px;
	padding-bottom: 10px;
	margin-bottom:10px;
	width: 250px; /*250px*/
}
.list-image-home {
	float:left;
	width:2px;
	margin-right: 20px;
}
.list-image-home img{
	border:2px solid #fff;
}
.list-text-home {
	float:left;
	width:150px;
	color: #fff;
	font-size: 12px;
}
.list-text-home a:link{
	color: #fff;
}
.list-text-home a:visited{
	color: #fff;
}

.announcement-text-home {
	float:left;
	width:150px;
	color: #B5B55D;
	font-size: 12px;
	border-top: 1px solid #fff;
	padding: 0px;
	padding-top: 15px;
}

.announcement-text-home a:link{
	color: #fff;
}
.announcement-text-home a:visited{
	color: #fff;
}
#newletter {
	margin-top: -10px;
}
#loginarea {
	margin-top: -12px;
}
#searcharea {
	margin-top: -5px;
	}
/* News Listing Styles */
.list-main {
	clear: both;
	position: relative;
	margin-top: 1px;
	left: 20px;
	padding: 5px;
	margin-bottom:1px;
	width: 270px;
}
.list-image {
	float:left;
	width:72px;
	margin-right: 20px;
}
.list-image img{
	border:2px solid #fff;
}
.list-text {
	float:left;
	width:150px;
	padding: 5px;
	color: #fff;
	font-size: 12px;
}
.list-text a:link{
	color: #fff;
}
.list-text a:visited{
	color: #fff;
}

#sidebar {
	width: 185px;
	float: right;	
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
}
#sidebar img{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
p.small{
	position: relative;
	top: 98px;
	left: 15px;
	font-size: 11px;
	width: 170px;
	color: #8B4513;
}
/* sidebar forms */
p.poll_question {
	position: relative;
	margin-top: 82px;
	top: 35px;
	left: 2px;
	font-size: 13px;
	width: 160px;
	height: 35px;
	color: #8B4513;

}
table.PollResultsTable{
	position: relative;
	width: 350px;
	text-align: right;
	margin-right: 15px;
}

#searchform{
	position: relative;
	top: 5px;
	left: 80px;
	margin: 0px;
	width: 100px;
}
#search{
	position: relative;
	width: 70px;
	height: 18px;
	font-size: 9px;
	border: 1px solid brown;
}
#searchbut{
	position: relative;
	top: 3px;
}
#footer	{
	position:absolute;
	bottom:-1px;
	width:100%;
	height: 45px;
	padding: 0px;
	background-color: #fff;
	border-bottom: 1px solid #8F8279;
/*	background-image : url('../fx/countryside.jpg');*/
	background-position :  right 50%;
	background-repeat : no-repeat
}
#footer p{
	margin-left: 20px;
	margin-top: 3px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#footer span{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	margin-right: 20px;
}
#menufooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align : center;
	margin : 0px 0px 3px 0px;
}
#menufooter a:link, a:visited{
	color: black
}
.divider1 {
	width:100%;
	height:13px;
	overflow:hidden;
	background-color: #DBD2CB;
	border-bottom: 1px solid #8F8279;	
	border-top: 1px solid #8F8279;	
	position:relative;

}

#clearfooter {height:53px;width:100%;clear:both}
.blank, .blank2 {
	position:absolute;
	left:547px;
	width:7px;
	height:0px;
	overflow:hidden;
	border-top:	1px solid #fff;
}
.blank {top:-1px;}
.blank2 {bottom:-1px;border-top:1px solid #fff;
}


/****************************************/
/* Generic menu item class */
/****************************************/
a.menuitem {
    width:7em; /* works in IE5+ not netscape 6+ */
    margin-right:-1px; /* eliminate 2pixel center border */
    border:none;
    color: #A0522D;
		/* Mod, 16/08/04, GS, "Events" in menu renamed "What's On"... which caused menu to explode
			 so padding reduced from 20 -> 15 for a.menuitem in all 3 CSS files */
		/* padding: 6px 20px 6px 20px; */    
    padding: 6px 15px 6px 15px;
    text-decoration:none;
    background-color:white;
}
a.menuitem:hover {
    color:#ffffff;
    background-color:transparent;
}

a.menuitem:link {
    color: #A0522D;
    text-decoration : none;
}

a.menuitem:visited {
     text-decoration : none;
	 	 padding: 6px 15px 6px 15px;
}

a.menuitem:active {
   color: #white;
   	 padding: 6px 15px 6px 15px;
     text-decoration : none;
}


/*sub-page */
#banner_panel{
	width: 820px;
	height: 70px;
	border: 1px solid  #8F8279;
	text-align: right;
	position:relative;
	z-index:200;
	background-color:white;
}
#banner_panel h1{
	display: inline;
	float: left;
	margin-top: 22px;
	margin-left: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	color: #663300;
}
#banner_panel img{
	margin: 6px 6px 6px 0px;
}
#mainnav1 {
		width:820px;
		height: 5px;
		background-color: #DBD2CB;
		position:relative;
		z-index:1;
		border: 1px solid #DBD2CB;
		margin:0px;
}		
#content_wrapper_sub{
	border-top: 1px solid #8F8279;
	border-left: 1px solid #8F8279;
	border-right: 1px solid #8F8279;
	width: 820px;
	height:100%;
	text-align: left;
	background-color : white;
	position:relative;
	top: 0px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#content_sub {
	width: 583px;
	position: relative;
	float: left;
	top: 0px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#content_sub_right {
	float:right;
	width: 362px;
	background-color: #fff;
}
#content_sub h1{
	position: relative;
	top: 0px;
	width: 357px;
	margin: 5px 0px 5px 0px;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #663300;
	text-indent : 2px;
}
#content_sub_full {
	position: relative;
	width: 570px;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #663300;
	float:right;
	height: 50px;
	top: 10px;
	text-indent : 2px;
}

#breadcrumbs{
	position: relative;
	top: 0px;
	height: 30px;
	width: 583px;
	font-size: 14px;
	margin-right: 0px;
}
#breadcrumbs p{
	margin: 0px 0px 0px 25px;
	padding: 5px 0px 10px 0px;
	font-weight: bold;
}
#breadcrumbs a:link{
	color: white;
	text-decoration: none;
	font-weight: normal;
}
#breadcrumbs a:visited{
	color: white;
	text-decoration: none;
	font-weight: normal;
}
#breadcrumbs a:hover{
	color: black;
}
#page_latest{
	background-color: #FFFFE0;
	position: relative;
	width: 357px;
	border-top: 1px solid #8F8279;
	border-left: 1px solid #8F8279;
	border-bottom: 1px solid #8F8279;
	border-right: 1px solid #8F8279;
	vertical-align: middle;
}
#page_latest p{
	font-size: 14px;
	color: gray;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 10px;
}
#page_latest_full{
	background-color: #FFFFE0;
	position: relative;
	height: 50px;
	width: 565px;
	
	border-top: 1px solid #8F8279;
	border-left: 1px solid #8F8279;
	border-bottom: 1px solid #8F8279;
	border-right: 1px solid #8F8279;
	vertical-align: middle;
	float: left;
	margin-left : 5px;
}
#page_latest_full p{
	font-size: 14px;
	color: gray;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 5px 0px 10px;
}
.detail_content{
	position: relative;
	height: 100%;
}
#left{
	position: relative;
	top: 0px;
	width: 357px;
	height: 100%;
	float: right;
}
#content_sub_left{
	 width: 217px;
	 float: left;

}
#top_story{
	position: relative;
	 height: 244px;
	 width: 207px;
	 left: 5px;
	 top: 5px;

}
#top_story p{
	position: relative;
	margin: 0px 0px 0px 0px;
	top: 10px;
	left: 10px;
	font-size: 14px;
	color: white;
}
#top_story h2{
	position: relative;
	margin: 0px 0px 0px 0px;
	top: 10px;
	left: 10px;
	font-size: 25px;
	color: white;	 
}
#white_space{
	position: relative;
	left: 5px;
	width: 217px;
	background-color : white;
}
#lower_story{
	position: relative;
	width: 207px;
	left: 5px;
	top: 10px;
	/*color: white;*/
	font-size: 12px;
}
#lower_story p{
	margin: 10px;
}
#lower_story_header{
	height: 30px;
	/*color: white;*/
	font-size: 14px;
	font-weight: bold;
}
#lower_story_header p{
	margin-top: 5px;
	margin-left: 10px;
}
#right{
	position: relative;
	float: right;
	width: 357px;
	height: 100%;
	background-color: #fff;
	top: 0px;
}

#news_header{
	position: relative;
	top: 5px;
	left: 0px;
	width: 362px;;
	height: 60px;
	margin-bottom: 10px;
}
#news_header h4{
	position: relative;
	color: white;
	font-size: 27px;
	top: 25px;
	left: 10px;
	font-weight: normal;
}
/* News Listing Styles */
.list-main1 {
	clear: both;
	position: relative;
	margin-top: 10px;
	left: 0px;
	padding: 5px;
	margin-bottom:5px;
	width: 90%;
}
.list-main2 {
	clear: both;
	position: relative;
	margin-top: 10px;
	left: 0px;
	padding: 5px;
	margin-bottom:5px;
	width: 73%;
}

.list-image1 {
	float:left;
	width:70px;
	margin-right: 5px;
	font-size: 10px;
	text-align: center;
	height: 83px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.list-text1 {
	position: relative;
	float: left;
	top: 0px;
	width:290px;
	font-size: 12px;
	padding: 5px;
	height: 90px;
	color: #fff;
}
.readmore {
	float:right;
	margin-top: -15px;
}
.list-date{
	font-weight : bold;
}
.list-text1 p{
	position: relative;
	top: 0px;
	width: 240px;
	font-weight: bold;
	margin:0px 0px 0px 0px;
}
.list-text1 a:link{
	color: #000;
}
.list-text1 a:visited{
	color: #000;
}

.list-text2 {
	float:left;
	width:337px;
	font-size: 12px;
	padding: 5px;
	height: 83px;
}
.list-text2 p{
	position: relative;
	width: 240px;
	font-weight: bold;
	margin-left: 5px;
	margin-bottom: 5px;
}
.list-text2 a:link{
	color: #000;
}
.list-text2 a:visited{
	color: #000;
}

.list-main3 {
	position: relative;
	left: 0px;
	width: 350px;
}
.list-text3 {
	float:left;
	width:95%;
	font-size: 12px;
	color: #505367;
	padding: 10px;
}
.list-text3 p{
	position: relative;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}
.list-text4 {
	position: relative;
	float:left;
	top: 0px;
	width:78%;
	font-size: 10px;
	padding: 5px;
	color: #000;
}	
.list-text4-follow {
	position: relative;
	float: left;
	top: 0px;
	width:255px;
	font-size: 12px;
	padding: 5px;
	height: 20px;
	color: #000;
}
.list-text5 {
	position: relative;
	float: left;
	top: 0px;
	font-size: 10px;
	padding: 5px;
	height: 100%;
	color: #000;
}
table.AwardsTable{
	position: relative;
	width: 350px;
}
table.EventsTable{
	position: relative;
	width: 350px;
}
table.LocalLinkTable{
	position: relative;
	width: 350px;
}
#sidebar_sub {
	position: relative;
	float: right;
	width: 184px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color : #DEE683;
	height: 100%;
}
/* 22/09/04, comment out background-image... this is now dynamic depending on whether user is logged in
and is set inline in the templates */
#sidebar_form {
	width: 184px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/* background-image : url(../fx/form_bg.gif); */
	background-repeat : no-repeat;
	background-color : #DEE683;
}
#menhead{
	position: relative;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	height: 25px;
}
#menhead h5{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color: white;
}
.menu{
	margin: 0px 0px 0px 0px;
	padding-bottom: 3px;
}
.menu ul{
	list-style : none none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menu li{
	background-image: url('../fx/menu-bg.gif');
	background-repeat : no-repeat;
	line-height : 20px;
	padding-left: 25px;
	margin: 0px;
	font-size: 12px;
	list-style-type : none
}

.menu a:link{
	color: white;
	text-decoration: none;
}
.menu a:visited{
	color: white;
	text-decoration: none;
}
.menu a:hover{
	color: black;
}


/****************************************/
/* 3rd level of navigation
/****************************************/

.menu2{
	margin: 0px 0px 0px 0px;
}
.menu2 ul{
	list-style : none none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menu2 li{
	background-image: url('../fx/menu-bg2.gif');
	background-repeat : no-repeat;
	line-height : 20px;
	padding-left: 40px;
	margin: 0px;
	font-size: 12px;
	list-style-type : none
}
.menu2 a:link{
	color: white;
	text-decoration: none;
}
.menu2 a:visited{
	color: white;
	text-decoration: none;
}
.menu2 a:hover{
	color: black;
}

/*contact form */
.contact_form{
	position: relative;
	top: 20px;
	width: 543px;
	color: #663300;
	font-size: 12px;
	margin-bottom: 30px;
}
.contact_form th{
	position: relative;
	left: 20px;
	width: 100px;
	font-size: 34px;
	font-weight: normal;
	color: #663300;
}
.form_input{
	width: 100px;
	border: 1px solid #663300;
	font-size: 12px;
	color: #663300;
	text-align: left;
}
.form_name{
	text-align: right;
}
checkbox_input{
	width: 100px;
	border: 1px solid #663300;
	font-size: 15px;
	color: #663300;
	text-align: left;
}
#form_submit{
	position: relative;
	width: 530px;
	text-align: right;
}

.SearchResult {
		font-family: arial, hevetica, sans-serif;
		font-size: 12px;
		padding-top: 3px;
		padding-left: 3px;
		color: #505367;
}

select {
		font-family: arial, hevetica, sans-serif;
		font-size: 12px;
		color: #505367;
}

input {
		font-family: arial, hevetica, sans-serif;
		font-size: 12px;
		color: #505367;
}


.NewsSubtitle {
		font-size: 130%;
		color: #666666;
}

.FeatureSummary {
		font-size: 130%;
		color: #666666;
}

.TopFeature {
	float:left;
	width:338px;
	font-size: 13px;
	padding: 5px;
}

.FeatureSummaryBox {
	float: right;
	width: 200px;
	font-weight: normal;
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	padding: 5px;
	border: 2px solid #B69C85;
}

.FeatureSummaryBoxTitle {
	width: 200px;
	font-weight: bold;
	/*background-color: #cccccc;*/
	border-bottom: 2px solid #B69C85;
}
/* Voting poll classes */
.votequestion {
	padding-left: 2px;
	font-size: 12px;
	font-weight: bold;
}
.votelink {
	padding-left: 4px;
	font-size: 11px;
}
.votechoices {
	font-size: 11px;
	font-weight: normal;
}
.vote {
	background-color: #45310E;
}

/* Classes for Weather feed data */
table.WeatherRegionTable{
	position: relative;
	width: 350px;
	height: 1000px;
}

table.WeatherTable{
	position: relative;
	width: 350px;
	border-top: 2px solid #B69C85;
	border-left: 2px solid #B69C85;
	border-bottom: 2px solid #B69C85;
	border-right: 1px solid #B69C85;
}

td.WeatherFeedHeader{
	border-right: 1px solid #B69C85;
	border-bottom: 1px solid #B69C85;
	font-size: 8pt;
	font-weight: bold;	
	text-align: center;
}

td.WeatherFeedType1{
	padding-left: 5px;
	font-size: 8pt;
	font-weight: bold;
	background-color: #cccccc;
	border-right: 1px solid #B69C85;
	height: 30px;
}

td.WeatherFeedData1{
	font-size: 8pt;
	background-color: #cccccc;
	border-right: 1px solid #B69C85;
	height: 30px;
	text-align: center;
}

td.WeatherFeedType2{
	padding-left: 5px;
	font-size: 8pt;
	font-weight: bold;
	border-right: 1px solid #B69C85;
	height: 30px;
}

td.WeatherFeedData2{
	font-size: 8pt;
	border-right: 1px solid #B69C85;
	height: 30px;
	text-align: center;
}

td.WeatherFeedImage{
	text-align: center;
	border-right: 1px solid #B69C85;
	height: 40px;
	background-color: #cccccc;
}
/* END Classes for Weather feed data */