html {height:100%;}

/* sets the colours and font attributes for the page */
body {
	min-height:100.01%;
	margin: 1px;
	padding: 0;
	text-align: center;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #660066;
	background-color: #FFFFF4;
}

/* you are here navigation */
#breadcrumbs {margin: 13px 10px 0 0; font-size: 85%; float: right;}
html>body #breadcrumbs {margin: 13px 20px 0 0;}

/* headings */
h1 {font-size: 120%;}
h2 {font-size: 100%;}

/* images */
#logo {float: left; margin: 86px 15px 5px 7px;}
img {border: none;}

/* 'skip navigation' link */
#skip a {display: none;}
#skip img {border: none;}

/* the section that holds all page content */
#wrapper {
	text-align: left;
	margin: 0 auto;
	border: 1px solid #003300;
	position: relative;
	width: 740px;
	background: url("images/bg.jpg") repeat #C4EBC4;
}

/* imagebar */
#imagebar {
	background:  url("images/25_01_2006.jpg") no-repeat top left;
	margin: 0;
	padding: 47px 0;
}

/* main heading text */
#heading {
	margin: 0;
	padding: 10px 0;
	background-color: #DFF4DF;
	border: 1px solid #996699;
	border-left: none;
	border-right: none;
}

#heading h2 {margin: 0; font-weight: normal;}

/* navigation bar */
#nav {
	margin: 21px 0 0 19px;
	border: 1px solid #996699;
	border-bottom: none;
	background-color: #CFEFCF;
	padding: 10px 5px;
	width: 690px;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav li {display: inline;}

#nav a:link, #nav a:visited, .selected {
	color: #003300;
	font-weight: bold;
	padding: 5px;
	margin: 0;
	text-decoration: underline;
}

.selected {text-decoration: none;}

#nav a:hover {color: #996699;}

#textnav {padding: 5px 5px 5px 19px; background-color: #E9F8E9;}

/* the section that holds the main content of the page */
#maincontent {
	width: 680px;
	margin: 0 auto;
	padding: 10px;
	background-color: #E9F8E9;
	border: 1px solid #996699;
	border-top: none;
}

#textarea {width: 480px; float: left;}

.infobox, #formbox {
	border: 1px solid #996699;
	padding: 5px;
	background-color: #FFFFF2;
}
.infobox p {margin: 0; font-weight: bold;}
.infobox h2 {margin: 0 0 5px 0;}
form {margin: 0;}
#formbox p {margin: 0 0 5px 0; font-size: 75%;}

/* sidebar */
#sidebar {
	width: 150px;
	float: right;
	margin: 0;
}
html>body #sidebar {margin: 0 20px 0 0;}

/* bottom line of page */
#footer {
	clear: both;
	margin: 0 auto;
	padding: 3px 3px 3px 20px;
	font-size: 80%;
}

/* contact form */
.contact fieldset {
	padding: 0;
	border: none;
}
.contact .akey {
	text-decoration: underline;
}
.contact form {
	background-color: #E4DEE7;
	padding: 0;
	margin: 20px auto 0 auto;
}
.contact p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}
.contact p label {
	float: left;
	width: 40%;
	text-align: left;
	font-weight: bold;
}
.contact legend {font-size: 80%;}

/* bottom line */
#bottom {width: 740px; margin: 10px auto; font-size: 80%;}
#bottom p {margin: 0; float: left;}

/* paragraph spacer */
.spacer {margin: 0;}
html>body .spacer {margin: 0 0 150px 0;}

