body {
	color: #545454;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	line-height: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 751px;
	text-align: left;
}

#photo {
	width: 542px;
	height: 132px;
	background-color: #fff;
}

#top {
	width: 751px;
	height: 109px;
}
		.logo { float: left; width: 350px; height: 109px;}
		.login {float: right; width: 270px; padding-top: 40px; text-align: right;}
		.logintable {text-align: right; width: 270px; padding: 2px;}
		.logintable td {padding-bottom: 5px;}

#toplinks {position: absolute; top: 10px; margin-left: 560px;}
#toplinks li {display: inline; list-style-type: none;}
#toplinks a {color: #7E7E7E; text-decoration: none;}
#toplinks a:hover {text-decoration: underline;}

#nav {
	height: 3.1em;
	border-bottom: 1px solid #fff;
	width: 751px;
	background-color: #fff;
}

	#nav li {
		background-image: url(../_images/template/nav_bkg_left.gif);
		background-repeat: no-repeat;
		background-position: right top;
		text-align: center;
		list-style-type: none;
		border-right: 1px solid #fff;
		float: left;
	}
	#nav a {
		background-image: url(../_images/template/nav_bkg.gif);
		background-repeat: no-repeat;
		background-position: left top;
		height: 3.1em;
		display: block;
		color: #fff;
		text-decoration: none;
	}
	#nav a:hover {text-decoration: underline;}
	
	#nav .green {background-color: #004A19; width: 57px;}
	#nav .red {background-color: #D14345; width: 93px;}
	#nav .grey {background-color: #8A8A8A; width: 72px;}
	#nav .purple {background-color: #7506CB; width: 72px;}
	#nav .lightgreen {background-color: #98BD56; width: 92px;}
	#nav .pink {background-color: #D143A1; width: 77px;}
	#nav .orange {background-color: #E6AC2E; width: 72px;}
	#nav .blue {background-color: #3B7ED8; width: 73px;}


#main {
	width: 751px;
	background-image: url(../_images/template/homepage_bkg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	height: auto;
	clear: right;
}

#breadcrumb { background-color: #7FA48C; height: 2.6em; line-height: 20px; border-bottom: 1px solid #fff; padding-left: 13px; padding-top: 6px;}
#breadcrumb strong { color: #fff;}
#breadcrumb a { color: #fff; text-decoration: none;}
#breadcrumb a:hover { text-decoration: underline;}
#breadcrumb li {display: inline; padding-right: 2px;}

#subnav { background-color: #7FA48C; height: 2.6em; line-height: 20px; color: #fff; border-bottom: 1px solid #fff; padding-left: 13px; padding-top: 6px;}
#subnav a { color: #fff; text-decoration: none;}
#subnav a:hover { text-decoration: underline;}
#subnav li {display: inline; padding-right: 2px;}

#mainleft {
	width: 542px;
	float: left;
}
		#mainleft #content {padding: 13px; height: auto;}
			#mainleft #content ul {margin-left: 20px;}
			#mainleft #content li {list-style-type: square;}
		
		#mainleft #contentleft { width: 230px; padding: 13px; float: left; height: auto;}
			#mainleft #contentleft a {color: #BC0000; text-decoration: none;}
			#mainleft #contentleft a:hover {text-decoration: underline;}
		#mainleft #contentright { width: 230px; padding: 13px; float: right; height: auto;}
			#mainleft #contentright a {color: #BC0000; text-decoration: none;}
			#mainleft #contentright a:hover {text-decoration: underline;}
		
		#mainleft #homecontentleft {background-color: #fff; width: 245px; padding: 13px; float: left;}
			#mainleft #homecontentleft a {color: #BC0000; text-decoration: none;}
			#mainleft #homecontentleft a:hover {text-decoration: underline;}
		#mainleft #homecontentright {background-color: #E9E9E9; width: 245px; padding: 13px; float: right;}


#mainright {
	width: 208px;
	float: right;
	background-color: #679376;
	border-left: 1px solid #fff;
	height: auto;
}
		#mainright .lozenge { padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 10px;}
		#mainright .lozenge img { padding-right: 4px;}
		#mainright .lozenge strong {width: auto; display: block;}
		#mainright li { list-style-type: none;}

		.blocks {
			background-color: #679376;
			cursor: pointer;
			display: block;
			text-decoration: none;
			width: 200px;
			color: #fff;
			height: auto;
			border-bottom: 1px solid #197940;
			clear: both;
		}
		
		.blocks:hover {
			background-color: #87AA93;
			cursor: pointer;
			display: block;
			width: 200px;
			height: auto;
			border-bottom: 1px solid #197940;
		}
		
#mainleft #content .infolist {width: 230px; clear: both; padding: 0px; margin-bottom: 20px;}
#mainleft #content .infolist ul {margin-left: 0px; padding-bottom: 10px;}
#mainleft #content .infolist li {padding-left: 10px; list-style-type: none;}
#mainleft #content .infolistheader {height: 20px; padding-left: 10px; font-weight: bold; color: #fff;}

.latestnews {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
		.latestnews li {list-style-type: none;}
		.latestnews a {color: #BC0000; text-decoration: none;}
		.latestnews a:hover {text-decoration: underline;}
		.latestnewstitle {font-weight: bold;}

.homepagewhatson {
	margin-top: 20px;
}
		.homepagewhatsonleft {width: 73px; float: left;}
		
.homepagetable {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.news {
	margin-bottom: 30px;
	border-bottom: 1px dotted #ccc;
	width: 100%;
}
.newsimage {
	padding-bottom: 20px;
	padding-top: 20px;
	float: left;
	padding-right: 20px;
}
.newsheader {
	width: 100%;
	background-color: #F0F0F0;
	height: 23px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DADADA;
}

.newsheadline {
	padding-top: 3px;
	padding-left: 10px;
	float: left;
}

.newsheadline a {
	text-decoration: underline;
}

.newsdate {
	color: #545454;
	padding-top: 3px;
	float: right;
	padding-right: 10px;
}

.newsdescription {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
}

.events {
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.eventsheader {
	width: 100%;
	height: 23px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

.eventsheadline {
	padding-top: 3px;
	padding-left: 10px;
	float: left;
	font-weight: bold;
}

.eventsheadline a {
	text-decoration: underline;
}

.eventsdate {
	color: #545454;
	padding-top: 3px;
	float: right;
	padding-right: 10px;
}

.eventsdescription {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
}

.directorylabel{
	width : 150px;
	padding-left: 0;
	padding-right: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	font-weight : bold;
	height: auto;
}
.directorydesc{
	width : 300px;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight : normal;
	height: auto;
}

.clear {
	clear: both;}

#footer {
	clear: left;
	height: 60px;
	width: 751px;
	margin-left: auto;
	margin-right: auto;
	color: #949494;
	text-align: left;
	padding-top: 18px;
	background-color: #fff;
}
#footer #footerlogo { float: right;}
#footer p { line-height: 12px;}
#footer a { color: #BC0000; text-decoration: none;}
#footer a:hover { text-decoration: underline;}
#footer li {display: inline; padding-right: 2px; color: #BC0000;}