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

#header {
	position: fixed; top: 0px;
	height: 180px;
	width: 900px;
	background-image: url(../img/biofairtop.jpg);
	background-repeat: no-repeat; }

#menu a {
  position: absolute;
  height: 15px;
  width: 88px;
  top: 5px; 
  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/home.jpg); }
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/); }

a#home:hover, a#handson:hover, a#school:hover, a#summer:hover, a#preprimary:hover, a#biofair:hover {
	border: none; } 

#hiddensitename {
	text-align: center;
	max-width: 900px;
	height: 170px;
	margin-top: 0px; }
			
#crumbs_links {
	clear: both;
	float: left;
	max-width: 900px;
	margin-top: 0px; }

#crumbs {
	float: left; }
	
#sitelinks {
	float: right; }
	
#leftbar {
	width: 160px;
	clear: both;
	float: left;
	background-color: silver; }

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

#rightbar {
	float: right;
	width: 195px;
	background-color: silver; }
	
#footer {
	clear: both;
	height: 190px;
	margin-bottom: 500px;
	background-image: url(../img/fourpics.jpg);
	background-repeat: no-repeat; }
	
#footertext {
	float: left;
	padding: 10px;
	margin-top: 135px; }

p { font-size: 90%; color: black; font-family: "trebuchet ms",arial,sans-serif; }
h1 { font-size: 130%; color:blue; font-family: "trebuchet ms",arial,sans-serif; }
h2 { font-size: 120%; color: blue; font-family: "trebuchet ms",arial,sans-serif; }
h3 { font-size: 110%; color: blue; font-family: "trebuchet ms",arial,sans-serif; }
h4 { font-size: 100%; color: blue; font-family: "trebuchet ms",arial,sans-serif; }
ul li { font-size: 85%; color: black; font-family: "trebuchet ms",arial,sans-serif; }
ol li { font-size: 85%; color: black; font-family: "trebuchet ms",arial,sans-serif; }

p a { color: black; }
p a:hover { color: blue; }

h1.sitename a {
	font-family: "trebuchet ms",arial,sans-serif;
	color: silver;
	font-weight: bold;
	font-size: 22px;
	line-height:10px;
	text-decoration: none; }
h1.sitename a:hover {
	color: white; }
	
h3.sitename {
	font-family: "trebuchet ms",arial,sans-serif;
	color: rgb(10,90,15);
	font-weight: bold;
	font-size: 15px;
	line-height:10px; }

h3.top {
	font-family: "trebuchet ms",arial,sans-serif;
	color: white;
	font-weight: bold;
	font-size: 13px;
	line-height:10px; }
	
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; }
	
h1.sectionhead {
	margin-top: 0px;
	padding: 4px 15px 3px 15px;
	background-color: grey;
	font-family: "trebuchet ms",arial,sans-serif;
	color: white;
	font-weight: bold;
	font-size: 14px; }
	
dl.sidebarlinks dt {
	padding: 5px;
	background-color: silver;
	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: grey;
	color: white; }

dl.sidebarlinkssmall dt {
	padding: 5px;
	background-color: silver;
	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: grey;
	color: white; }
	
div.sidebartext {
	margin-top: 0px;
	padding: 10px;
	background-color: silver;
	font-family: "trebuchet ms",arial,sans-serif;
	color: black;
	font-weight: normal;
	font-size: 85%; }

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

h1.pagetitle {
	margin:0 0 0.4em 0;
	padding:0 0 2px 0;
	border-bottom:solid 7px silver;
	font-family:"trebuchet ms",arial,sans-serif;
	color: grey;
	font-weight:bold;
	font-size:140%; }
p.lead {
	font-size: 95%;
	color: black;
	font-family: "trebuchet ms",arial,sans-serif; }
h1.sub {
	font-size: 125%;
	color: black;
	font-family: "trebuchet ms",arial,sans-serif; }
h3.headline {
	font-size: 105%;
	color: grey;
	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 blue; }