body, html {
	width: 100%; height: 100%;
	margin: 0px 0px 1px;
}
body { font-size: 12px; }

body, form, input, table {
	font-family: Tahoma,Geneva,Arial,sans-serif;
}
form, input, table, textarea { font-size: 1em; }

.dkbrown {
	/* main brown colour */
	background-color: #372412;
}
	.dkbrown a { color: rgb(202,202,255); }

.mustard {
	/* a brown vomit colour */
	background-color: #C8A848;
	color: #241406;
}
	.mustard a { color: #241406; }
.inner {
	width: 800px;
	margin: 0px auto;
}

#back {
	background: url(images/head.gif) no-repeat 100% 0px;
}

#sideBar {
	width: 125px;
	float: right;
	padding: 15px 15px 0px 0px;
	color: rgb(255,255,255);
}
	#sideBar ul {
		padding: 0px 0px 15px;
		margin: 0px;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
	}
	#sideBar li {
		padding-left: 5px;
		list-style-position: inside;
		list-style-type: circle;
		line-height: 200%;
		font-size: 1.1em;
		border-bottom: 1px dotted #BEAA97;
	}
		#sideBar li a {
			text-decoration: none;
			display: inline-block;
			width: 104px;
			color: rgb(255,255,255);
		}
			#sideBar li a:hover {
				background-color: #C8A848;
			}
		#sideBar h3 a {
			color: rgb(255,255,255);
			text-decoration: none;
		}
#content-container {
	width: 615px;
	padding: 15px;
	color: rgb(255,255,255);
}
	#content-container p {
		margin: 3px 0px 6px;
		line-height: 150%;
	}
		#content-container table p {
			line-height: auto;
			margin: 0px;
		}
h1, h2, h3 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
}
h1 { font-size: 3em; font-weight: normal; }

h2 {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px solid #BEAA97;
}


div.navStrip {
	height: 22px;
	background-image: url(images/blend22.png);
	border-bottom: 2px solid rgb(150,132,78);
}
	div.navStrip div.inner div {
		text-align: right;
		padding-top: 2px;
	}

#header {
	margin-top: 20px;
	border-width: 2px 0px;
	border-color: rgb(150,132,78);
	border-style: solid;
	overflow: auto;
}
	#header .inner { position: relative; }
	* #header .inner { width: 805px; }
	#header div div {
		float: left;
		height: 150px;
		background-repeat: no-repeat;
		background-position: top left;
	}
		/*#header .logo {
			position: absolute;
			background: url(images/logo.png) no-repeat top left;
			height: 150px; width: 500px;
			top: 0px; left: 150px;
		}
		* html #header .logo {
			z-index: 1000;
			float: none;
			background-image: url(images/logoie6.gif);
		}*/

	#header .spacer { width: 150px; }
	#header .head1 { background-image: url(images/home/h1.jpg); width: 125px; }
	#header .head2 { background-image: url(images/home/h2.jpg); width: 200px; }
	#header .head3 { background-image: url(images/home/h3.jpg); width: 200px; }
	#header .head4 { background-image: url(images/home/h4.jpg); width: 125px; }
	#header .logo { background-image: url(images/mocklogo.png); width: 150px; }

	#header.schooling .head1 { background-image: url(images/schooling/h2.jpg); width: 125px; }
	#header.schooling .head4, #header.teaching .head4 { background-image: url(images/schooling/h1.jpg); width: 125px; }
	/** html #header.schooling .head3 { width: 320px; }*/

	#header.rda .head1 { background-image: url(images/rda/h4.jpg); width: 125px; }
	#header.rda .head2 { background-image: url(images/rda/h2.jpg); width: 200px; }
	#header.rda .head3 { background-image: url(images/rda/h3.jpg); width: 200px; }
	#header.rda .head4 { background-image: url(images/rda/h1.jpg); width: 125px; }

	#header.about .head1 { background-image: url(images/about/h1.jpg); width: 125px; }
	#header.about .head4 { background-image: url(images/about/h2.jpg); width: 125px; }

	#header.teaching .head1 { background-image: url(images/teaching/h1.jpg); width: 125px; }
	#header.teaching .head4 { background-image: url(images/teaching/h2.jpg); width: 125px; }

#page {
	width: 840px;
	margin: 0px auto;
}

div.spacer { height: 22px; }