#page {
	position: relative;
	width: 100%;
	max-width: 900px;
	margin: 0 auto; }

.welcome {
	margin: 0 auto;
	width: 900px;
	height: 167px;
	background-image: url(img/welcomeheader2.jpg);
	background-repeat: no-repeat; }

#menu a {
  position: absolute;
  height: 15px;
  width: 88px;
  top: 12px; 
  text-decoration: none; }

#menu i { visibility: hidden; }

a#home { left: 4px; width: 160px; }
a#handson { left: 169px; width: 125px; }
a#school { left: 300px; width: 152px; }
a#summer { left: 457px; width: 140px; }
a#preprimary { left: 603px; width: 151px; }
a#biofair { left: 761px; width: 132px; }

a#home:hover { background-image: url(img/); }
a#handson:hover { background-image: url(img/handson.jpg); }
a#school:hover { background-image: url(img/school2.jpg); }
a#summer:hover { background-image: url(img/summer.jpg); }
a#preprimary:hover { background-image: url(img/preprimary.jpg); }
a#biofair:hover { background-image: url(img/biofair.jpg); }

a#home:hover, a#handson:hover, a#school:hover, a#summer:hover, a#preprimary:hover, a#biofair:hover {
	border: none; } 
	
#crumbs_links {
	clear: both;
	max-width: 900px;
	margin-top: 0px; }

#crumbs {
	float: left; }
	
#sitelinks {
	float: right; }

ul.crumblinks {
	list-style-type: none; }
ul.crumblinks li {
	display: inline;
	padding: 0px 10px 0px 0px;
	font-family: "trebuchet ms",arial,sans-serif;
	color: black;
	font-weight: bold;
	font-size: 70%; }
ul.crumblinks li a {
	color: black; }
ul.crumblinks li a:hover {
	color: orange; }

#leftbar {
	width: 160px;
	clear: both;
	float: left;
	background-color: rgb(228,152,47); }

#content {
	float: left;
	width: 50%;
	padding-left: 4%; }

#rightbar {
	float: right;
	width: 195px;
	background-color: rgb(228,152,47); }

#hlinks {
	float: left;
	width: 200px;
	text-align: center;
	margin: 300px 50px 0px 50px; }
#olinks {
	float: right;
	width: 200px;
	text-align: center;
	margin: 300px 50px 0px 50px; }
#templinks {
	clear: both;
	width: 200px;
	text-align: center;
	margin:0 auto; }

h1.sectionhead {
	margin-top: 0px;
	padding: 4px 15px 3px 15px;
	background-color: rgb(153,51,0);
	font-family: "trebuchet ms",arial,sans-serif;
	color: white;
	font-weight: bold;
	font-size: 14px; }
	
dl.sidebarlinks dt {
	padding: 3px;
	background-color: rgb(228,152,47);
	font-family: "trebuchet ms",arial,sans-serif;
	color: black;
	font-weight: normal;
	font-size: 13px; }
dl.sidebarlinks dt a {
	color: black;
	padding: 5px;
	text-decoration: none; }
dl.sidebarlinks dt a:hover {
	background-color: rgb(153,51,0);
	color: white; }

dl.sidebarlinkssmall dt {
	padding: 5px;
	background-color: rgb(228,152,47);
	font-family: "trebuchet ms",arial,sans-serif;
	color: black;
	font-weight: normal;
	font-size: 11px; }
dl.sidebarlinkssmall dt a {
	color: black;
	padding: 5px;
	text-decoration: none; }
dl.sidebarlinkssmall dt a:hover {
	background-color: rgb(0,59,152);
	color: white; }
	
div.sidebartext {
	margin-top: 0px;
	padding: 10px;
	background-color: rgb(228,152,47);
	font-family: "trebuchet ms",arial,sans-serif;
	color: black;
	font-weight: normal;
	font-size: 85%; }

div.sidebartextlarge {
	margin-top: 0px;
	padding: 10px;
	background-color: rgb(228,152,47);
	font-family: "trebuchet ms",arial,sans-serif;
	color: black;
	font-weight: normal;
	font-size: 90%; }

h1.links {
	font-family: "trebuchet ms",arial,sans-serif;
	font-weight: bold;
	font-size: 22px;
	padding:10px; }
h1.links a {
	color: white;
	text-decoration: none; }
h1.links a:hover {
	color: orange; }

h1.pagetitle {
	margin:0 0 0.4em 0;
	padding:0 0 2px 0;
	border-bottom:solid 7px rgb(225,225,225);
	font-family:"trebuchet ms",arial,sans-serif;
	color:rgb(100,100,100);
	font-weight:bold;
	font-size:22px; }
p.lead {
	font-size: 14px;
	color: black;
	font-family: "trebuchet ms",arial,sans-serif; }
h3.headline {
	font-size: 14px;
	color: gray;
	font-family: "trebuchet ms",arial,sans-serif; }
h3.headline a {
	color: gray; }
h1.sub {
	font-size: 20px;
	color: black;
	font-family: "trebuchet ms",arial,sans-serif; }
p.main {
	font-size: 13px;
	color: black;
	font-family: "trebuchet ms",arial,sans-serif; }
h3.footer {
	 font-size: 12px;
	 color: white;
	 font-family: "trebuchet ms",arial,sans-serif; }
img.centre {
	clear:both;
	float:none;
	display:block;
	margin:0 auto;
	padding:1px;
	border:1px solid gray; }
h1 { font-size: 24px; color:rgb(100,100,100); font-family: "trebuchet ms",arial,sans-serif; }
h2 { font-size: 20px; color: blue; font-family: "trebuchet ms",arial,sans-serif; }
h3 { font-size: 14px; color: blue; font-family: "trebuchet ms",arial,sans-serif; }
h4 { font-size: 12px; color: blue; font-family: "trebuchet ms",arial,sans-serif; }
p { font-size: 12px; color: black; font-family: "trebuchet ms",arial,sans-serif; }
li { font-size: 12px; color: black; font-family: "trebuchet ms",arial,sans-serif; }