body,td,th {
	font-family: Arial;
	font-size: 12px;
}
body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align:center;
	height:100%;
	background-color: #FFFFFF;
	background-image: url(images/background.png);
	background-repeat: repeat-x;
}

#wrapper {
	/* Used to wrap around the main content and keep it aligned and constrained. */
	width: 800px;

	margin: auto;

	display: block; /* must put this in for firefox */

	position: static;

	overflow: hidden;

	height:100%;
	
	background-color: #FFFFFF;
	
	border: #333333 thin solid;

}
	
.topRunner {
	/* Top runner colouring, due to different height is seperate from other runners. */
	background-color:#6E8CAE;

	width: 800px;

	height: 5px;
	
	
}

.topImage {
	/* The top image of the lake district */
	height: 275px;
	
	overflow:hidden;
	
}

.darkBlueRunner {

	background-color:#6E8CAE;
	
	height:5px;
	
	width: 800px;

}

.lightBlueRunner {

	background-color:#88AEDA;
	
	height:5px;
	
	width: 800px;

}

.lightBrownRunner {

	background-color:#DBCE88;
	
	height:20px;
	
	width: 800px;

}

.content {

	height: 100%;
	
	width: 790px;
	
	margin-left: 5px;
	margin-right: 5px;
}

#menu {

	width: 800px;
	
	height: 25px;
	
	text-align: right;

	background-color: #FFFFFF;
}

#footer {

	width: 100%;
	
	text-align: center;
	
	color: #999999;
	
	font-size:xx-small;
	
}	
.style4 {color: #333333; font-family: Arial; letter-spacing: 2px; font-weight: bold;  }
.style5 {
	color: #968563;
	font-family: Arial;
	font-size: 18px;
}
a:link {
	color: #333333;
	text-decoration: none;
	letter-spacing: 2px; font-weight: bold;
}
a:visited {
	text-decoration: none;
	letter-spacing: 2px; font-weight: bold;
	color: #333333;
}
a:hover {
	text-decoration: none;
	letter-spacing: 2px; font-weight: bold;
	color: #333333;
}
a:active {
	text-decoration: none;
	letter-spacing: 2px; font-weight: bold;
	color: #333333;
}

.menuShadow {
	width: 100%;
	height: 23px;
	background-image: url(images/menushadow.png);
	background-repeat: repeat-x;
}

.menuItem {
	background-color: #DBCE88;
	float: left;
	width: 159px;
	cursor: pointer;
	height: 25px;
	color: #333333;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	border-right: #333333 1px solid;
}

.menuItem:hover {
	background-color: #6E8CAE;
}