body	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #ffffff;
}
#banner {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1400px;
}
#bar {
	position: absolute;
	top: 80px;
	left: 720px;
	width: 604px;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
}
#main {
	position: absolute;
	top: 650px;
	left: 175px;
	width: 580px;
}	
#map {
	position: absolute;
	top: 530px;
	left: 840px;
	width: 410px;
	background-image: url(images/stairbkgd.jpg); 
	background-repeat: repeat-y; 
}
#menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	padding: 20px 0px 0px 0px;
	background-color: #ffcc66;
}
#news {
	position: absolute;
	top: 520px;
	left: 840px;
	width: 410px;
	background-color: #ffcc66;
}
#pic {
	position: absolute;
	top: 0px;
	left: 150px;
	width: 1060px;
}
#quest {
	position: absolute;
	top: 80px;
	left: 150px;
	width: 500px;
}	
#return {
	position: absolute;
	top: 820px;
	left: 820px;
	width: 150px;
}	
#storybar {
	position: absolute;
	top: 0px;
	left: 155px;
	width: 1045px;
}
#topper{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1400px;
}
#view {
	position: absolute;
	top: 560px;
	left: 850px;
	width: 360px;
	background-color: #ccccff;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
}
	.address {
		margin: 0px 0px 0px 20px;
	}
	.ask {
		color: #ffffff;
		font-size: 15px;
		font-weight: normal;
		line-height: 180%;
		padding: 0px 40px 0px 40px;
	}
	.blurb {
		color: #333333;
		font-size: 14px;
		font-style: italic;
		line-height: 150%;
		margin:  0px 260px 10px 30px;
		background-color: #ffffff;
	}
	.bullets {
		line-height: 180%;
		margin: 0px 0px 0px 20px;
	}
	.centre {
		color: #333333;
		text-align: center;
	}
	.content {
		color: #333333;
		font-size: 14px;
	}
	.disclaimer {
		text-align: center;
		font-size: 15px;
		line-height: 160%;
		padding: 0px 30px 0px 30px;
	}
	.dishead {
		color: #6666cc;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		line-height: 160%;
		padding: 10px 30px 0px 30px;
	}
	.head {
		color: #009966;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		margin: 0px 350px 0px 0px;
		padding: 20px 20px 0px 20px;
		background-color: #ffcc33;
	}
	.intro {
		color: #666666;
	}
	.maintext {
		color: #333333;
		font-size: 14px;
	}
	.menuaddress {
		color: #339933;
		font-size: 12px;
		font-weight: bold;
		text-align: right;
		margin: 10px;
	}
	.menutext {
		color: #ffffff;
		font-size: 12px;
		font-weight: bold;
		line-height: 180%;
		text-align: right;
		margin: 10px;
		background-color: #ffcc66;
	}
	.normal {
		margin: 0px 0px 20px 10px;
	}
	.project {
		color: #33cc66;
		font-weight: bold;
		line-height: 16px;
		margin: 0px 0px 0px 10px;
	}
	.sitetext{
		color: #000000;
		font-size: 13px;
	}
	.sub {
		color: #009966;
		font-size: 14px;
		font-weight: bold;
	}
	.subcentre {
		color: #6666cc;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	.table {
		font-size: 15px;
		color: #333333;
		text-align: center;
	}
	.tableleft {
		font-size: 14px;
		color: #333333;
		text-align: left;
	}
		a:link {
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
		}
		a:visited {
			color: #33cc33;
			text-decoration: none;
				}
		a:hover {
			color: #ffcc33;
			text-decoration: none;
		}
		a:active {
			color: #ffcc33;
		}
	
	div.layer1 a:link {
		color: #ffcc33;
		font-weight: bold;
		text-decoration: none;
	}
	div.layer1 a:visited {
		color: #33cc33;
		font-weight: bold;
		text-decoration: none;
	}
	div.layer1 a:hover {
		color: #ff9933;
		font-weight: bold;
	}
	div.layer1 a:active {
		color: #ff9933;
		font-weight: bold;
	}
	div.layer2 a:link {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
	}
	div.layer2 a:visited {
		color: #339933;
		font-weight: bold;
		text-decoration: none;
	}
	div.layer2 a:hover {
		color: #9966ff;
		font-weight: bold;
	}
	div.layer2 a:active {
		color: #9966ff;
		font-weight: bold;
	}
	div.layer3 a:link {
		color: #333333;
		font-weight: bold;
		text-decoration: none;
	}
	div.layer3 a:visited {
		color: #336600;
		font-weight: bold;
		text-decoration: none;
	}
	div.layer3 a:hover {
		color: #ffcc00;
		font-weight: bold;
	}
	div.layer3 a:active {
		color: #ffcc00;
		font-weight: bold;
	}
	
li.one {
	color: #ffcc33;
	font-size: 14px;
	line-height: 160%;
	list-style-position: outside;
	list-style: square;	
	margin: 0px 0px 10px 10px;
}	
li.two {
	color: #ffcc33;
	font-size: 14px;
	line-height: 160%;
	list-style-position: outside;
	list-style-type: square;	
	margin: 0px 0px 10px 10px;
}	
li.three {
	color: #33cc00;
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
	list-style-position: outside;
	list-style-type: square;	
	margin: 0px 0px 10px 10px;
}	
li.four {
	color: #6666cc;
	font-size: 14px;
	line-height: 160%;
	list-style-position: inside;
	list-style: square;	
	margin: 0px 0px 10px 10px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
	color: #33cc00;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
	color: #ffcc33;
}
h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
	color: #6666cc;
}
h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	color: #6666cc;
}
h5 {
	font-size: 15px;
	font-weight: bold;
	line-height: 100%;
	color: #ffcc33;
}