* {
	margin:0;
	padding:0;
}

html, body {
	/*background-image:url(images/back.gif);
	background-repeat: repeat;*/
	background-color:#EBF3FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

#wrapper {
	width:828px;
	margin:0 auto;
}

#header {
	width:828px;
	height:212px;
	background-image:url(images/header.jpg);
	padding-top:15px;
	background-position:bottom;
	background-repeat:no-repeat;
}

#header #return {
	margin: 140px 0 0 690px;
	padding; 0;
}

#header img {
	display:block;
}

#container {
	width:828px;
	margin: 0;
	padding: 0;
	background-color:#fff;
	background:url(images/tile.gif) repeat-y;
}

#content {
	width:828px;
	min-height:400px;
	height:auto !important;
	height:400px;
	position:relative;
}

#footer {
	width: 828px;
	height:197px;
	padding: 0;
	margin: 0;
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
}

#pagenav {
	float:left;
	width:180px;
}

#pagenav ul {
	width:170px;
	margin-left:10px;
	margin-top:40px;
}

#pagenav ul li {
	width:170px;
	height:27px;
	margin:3px 0;
	list-style-type:none;
	padding-left:45px;
	padding-top:7px;
	background-repeat:no-repeat;
}

#pagenav ul li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
	
#pagenav ul li a:hover {
	text-decoration:underline;
}

#pagenav ul li.blue { background-image: url("images/pencils/blue.gif"); }
#pagenav ul li.purple { background-image: url("images/pencils/purple.gif"); }
#pagenav ul li.red { background-image: url("images/pencils/red.gif"); }
#pagenav ul li.green { background-image: url("images/pencils/green.gif"); }
#pagenav ul li.turq { background-image: url("images/pencils/turq.gif"); }
#pagenav ul li.navy { background-image: url("images/pencils/navy.gif"); }
#pagenav ul li.orange { background-image: url("images/pencils/orange.gif"); }

#page {
	margin-left:200px;
	width:450px;
	font-family:Arial, Helvetica, sans-serif;
}

#page h2 {
	padding-bottom:0.6em;
	text-align:center;
}

#full {
padding: 0;
	padding-left:22px;
	padding-top:10px;
	margin:0;
	width: 780px;
	font-family:Arial, Helvetica, sans-serif;
}

#full h2 {
	padding-bottom:0.6em;
}

#full ul, #full ol {
	margin: 0 0 0 25px;
	padding: 0;
}

#full ul li, #full ol li {
	margin: 0 0 15px 0;
	padding: 0;
}

#full p {
	margin: 0 0 10px 0;
	padding: 0;
}

#copy {
	width:828px;
	margin:6px auto;
}

#copy p {
	text-align:center;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}

#copy p a {
	color:#000;
}

#noticeboard {
position:absolute;
top:40px;
right:10px;
}

#space {
	clear: both;
	margin: 0;
	padding: 0;
}

/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */