/************************************************************************/
/* WKD CSS - Copyright 2006 - www.ruralbusinessconsultancy.co.uk - v1.0 */
/************************************************************************/

/**********************
 OVERALL LAYOUT
***********************/

html {
	min-height: 100%;
	height: auto;
}

body {
	font-family:  verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	background: #014518 url(/images/bgmain.jpg) no-repeat left bottom;
	color: #000;
}

	* html body {
		font-size: small;
	}

#skiptomain {
	display: none;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 770px;
	left: 50%;
	margin-left: -385px;
	position: absolute;
	text-align: center;
	background: transparent;
	padding: 0;
}

#pagecontainer {
	width: 770px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	background: transparent url(/images/bgpagecontainer.gif) no-repeat left bottom;
	text-align: left;
}

/*************************
 HEADER
*************************/

#header {
	width: 770px;
	height: 89px;
	background: transparent url(/images/bgheader.gif) no-repeat left top;
	margin: 0;
	padding: 0;
}

	#headlft {
		width: 400px;
		height: 89px;
		float: left;
	}

		#headlftlogo {
			margin-left: 25px;
		}

	#headrgt {
		width: 325px;
		height: 34px;
		float: right;
		padding: 55px 35px 0px 0px;
		text-align: right;
	}

/*********************************
 TOP NAV
*********************************/

#topnavouter {
	width: 770px;
	height: 28px;
	background-color: #fff;
	color: #000;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #fff;
}

#topnav {
	width: 768px;
	height: 28px;
	line-height: 28px;
	margin: 0px 1px;
	padding: 0px;
	background-color: #674428;
	color: #fff;
	border-top: 1px solid #361F0D;
	font-size: 0.85em;
}

	#topnav ul {
		width: 768px;
		height: 17px;
		margin: 5px 0px 0px 0px;
		padding: 0px;
		list-style: none;
	}

		#topnav ul li {
			display: inline;
			float: left;
			line-height: 17px;
			text-align: center;
			font-weight: bold;
		}

			/* FOR NEW EVENTS
			#topnav ul li.tna { width: 5px; }
			#topnav ul li.tnb { width: 64px; border-right: 1px solid #211307; text-transform: uppercase }
			#topnav ul li.tnc { width: 125px; border-left: 1px solid #8D582E; border-right: 1px solid #211307; }
			#topnav ul li.tnd { width: 100px; border-left: 1px solid #8D582E; border-right: 1px solid #211307; }
			#topnav ul li.tne { width: 119px; border-left: 1px solid #8D582E; border-right: 1px solid #211307; }
			#topnav ul li.tnf { width: 140px; border-left: 1px solid #8D582E; border-right: 1px solid #211307; }
			#topnav ul li.tng { width: 105px; border-left: 1px solid #8D582E; border-right: 1px solid #211307; }
			#topnav ul li.tnh { width: 91px; border-left: 1px solid #8D582E; }
			*/


			#topnav ul li.tna { width: 5px; }
			#topnav ul li.tnb { width: 60px; border-right: 1px solid #211307; text-transform: uppercase }
			#topnav ul li.tnc { width: 119px; border-left: 1px solid #8D582E; border-right: 1px solid #211307; }
			#topnav ul li.tnd { width: 95px; border-left: 1px solid #8D582E; border-right: 1px solid #211307; }
			#topnav ul li.tne { width: 114px; border-left: 1px solid #8D582E; border-right: 1px solid #211307; }
			#topnav ul li.tnf { width: 90px; border-left: 1px solid #8D582E; border-right: 1px solid #211307; }
			#topnav ul li.tng { width: 90px; border-left: 1px solid #8D582E; border-right: 1px solid #211307; }
			#topnav ul li.tnh { width: 105px; border-left: 1px solid #8D582E; border-right: 1px solid #211307; }
			#topnav ul li.tni { width: 70px; border-left: 1px solid #8D582E; }


		#topnav ul li a:link, #topnav ul li a:visited {
			display: block;
			width: 100%;
			background-color: #674428;
			color: #D4FFB0;
			text-decoration: none;
		}

		#topnav ul li a:hover {
			background-color: #674428;
			color: #84B148;
			text-decoration: underline;
		}

		#topnav ul li.tnavon a:link, #topnav ul li.tnavon a:visited {
			background-color: #674428;
			color: #84B148;
		}

		#topnav ul li.tnavon a:hover {
			background-color: #674428;
			color: #84B148;
		}


/*********************************
 MAIN CONTENT
*********************************/
#maincontent {
	width: 768px;
	margin: 1px 1px 0px 1px;
}

	* html #maincontent {
		margin: 0px 1px;
	}

	#mchplft {
		width: 480px;
		float: left;
		margin: 0;
		padding: 0;
	}

		#hpnews {
			width: 380px;
			margin: 30px 0px 0px 50px;
			padding: 0;
		}

			.hpnlft {
				float: left;
				width: 60px;
				margin: 0;
				padding: 3px 0px 0px 0px;
			}

			.hpnrgt {
				float: right;
				width: 320px;
				margin: 0;
				padding: 0;
				font-size: 0.85em;
				background-color: #fff;
				color: #6C472C;
			}

				.hpnrgt a:link, .hpnrgt a:visited {
					font-weight: bold;
					/* background-color: #fff; */
					color: #6C472C;
					text-decoration: none;
				}

				.hpnrgt a:hover {
					/* background-color: #fff; */
					/* color: #85B14A; */
					color: #6C472C;
					text-decoration: underline;
				}

				.hpnrgt ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}

					.hpnrgt ul li {
						width: 85px;
						padding-right: 8px;
						background: #ffffff url(/images/arrowrightbullet.gif) no-repeat right 3px;
						color: #85B14A;
					}

						.hpnrgt ul li a:link, .hpnrgt ul li a:visited {
							background-color: #fff;
							color: #85B14A;
							text-decoration: underline;
							font-weight: normal;
						}

						.hpnrgt ul li a:hover {
							background-color: #fff;
							color: #6C472C;
							text-decoration: underline;
							font-weight: normal;
						}

	#mchprgt {
		float: left;
		width: 250px;
		margin: 0px 0px 0px 20px;
		padding: 20px 0px 0px 0px;
		font-size: 0.9em;
		color: #6C472C;
		line-height: 1.7em;
	}

		#mchprgt p {
			margin: 5px 0px;
		}

		#mchprgt h1  {
			color: #83B048;
			font-size: 1.0em;
			padding: 0;
			margin: 0;
		}




/*********************************
 FOOTER (THINK OUTSIDE THE BOX)
*********************************/

#footer {
	width: 755px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	text-align: right;
	color: #fff;
	font-size: 0.85em;
}

	#footer a:link, #footer a:visited {
		color: #fff;
		text-decoration: none;
	}

	#footer a:hover {
		color: #C1D6AD;
		text-decoration: underline;
	}

/**********************
 GENERIC CLASSES
***********************/

A { color: #6C472C; }
A:hover { color: #C6946B; }
form.inline { 	display:inline; }
img { border: 0; }

p.fivespace { margin: 5px 0px 0px 0px; }
p.tenspace { margin: 10px 0px 0px 0px; }
p.fifteenspace { margin: 15px 0px 0px 0px; }
p.twentyspace { margin: 20px 0px 0px 0px; }
div.breaker { clear: left; font-size: 0.1em; height: 1px; }
br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }


/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 0px;
}

/***************
 LINKS PAGE
 ***************/
.websiteLink {
	margin: 10px 0px 0px 0px;
}