body, h3, h4, h5, p { margin : 0; padding : 0; }

h3 { font-size : 100%; }

img { border : 0; }
		
body {
	background: #658b5d;
}

a:link, a:visited, a:hover, a:active { 
text-decoration : none; 
color : #fff; }
	

#wrapper {
	width:800px;
	background : #2f503e;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #89d07f;	
	line-height:1.5;
	text-align:left;
}

#page {
	padding:10px;
	width:780px;
}

#header {
	background: url(images/header.jpg);
	width:780px;
	height:123px;
	}

#navbar {
	background: url(images/navbar.jpg);
	width:780px;
	height:26px;
	}

#mainpic {
	background: url(images/mainpic.jpg);
	width:780px;
	height:189px;
	}
	
#mainpic p {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

#title {
	background: url(images/title.jpg);
	width:780px;
	height:97px;
	}
	
#content {
	width:750px;
	padding:15px 15px 0 15px;
	background: #002b15;
	min-height:260px;
	}
	
#content h2 {
	float:left;
	margin: 0 0 0 5px;
	}
	
#content h3 {
	width:375px;
	margin: 0 15px 15px 0;
	float:right;
	}
	
#content p {
	width:375px;
	margin: 0 15px 15px 0;
	float:right;
	}
	
ol { list-style-position: outside; }

	
#other {
	width:750px;
	padding:15px 15px 0 15px;
	background: #002b15;
	min-height:300px;
	}

#other p {
	width:375px;
	margin: 0 0 15px 5px;
	float:left;
	}
	
#other h2 {
	float:right;
	margin: 0 15px 15px 0;
	}
	
#other h3 {
	width:375px;
	margin: 0 15px 15px 0;
	float:right;
	}
	

#footer {
	background: url(images/footer.jpg);
	width:780px;
	height:44px;
	}
	
#bottom {
	background: url(images/bottom.jpg);
	width:800px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	margin: 0 0 5px 0;
	}

#pictures {
	clear:both;
	width:780px;
	height:200px;
	padding:10px 0 0 5px;
	}
	
#pictures img {
	float:left;
	margin: 10px 32px 0 0;
	}

#other li {
list-style-type:none; 
}
	
	
/*--------- MAINPIC CHANGES BETWEEN PAGES ---------*/

#aboutpic {
	background: url(images/aboutpic.jpg);
	width:780px;
	height:189px;
	}

#aboutitle {
	background: url(images/abouttitle.jpg);
	width:780px;
	height:97px;
	}

#contactpic {
	background: url(images/contactpic.jpg);
	width:780px;
	height:189px;
	}

#contacttitle {
	background: url(images/contacttitle.jpg);
	width:780px;
	height:97px;
	}
	
#ratespic {
	background: url(images/ratespic.jpg);
	width:780px;
	height:189px;
	}

#ratestitle {
	background: url(images/ratestitle.jpg);
	width:780px;
	height:97px;
	}
	
#spoonflypic {
	background: url(images/spoonflypic.jpg);
	width:780px;
	height:189px;
	}

#spoonflytitle {
	background: url(images/spoonflytitle.jpg);
	width:780px;
	height:97px;
	}

#recordspic {
	background: url(images/recordspic.jpg);
	width:780px;
	height:189px;
	}

#recordstitle {
	background: url(images/recordstitle.jpg);
	width:780px;
	height:97px;
	}

#gallerypic {
	background: url(images/gallerypic.jpg);
	width:780px;
	height:189px;
	}

#gallerytitle {
	background: url(images/gallerytitle.jpg);
	width:780px;
	height:97px;
	}
	
	
	
#experiment {
	width:750px;
	padding:15px 15px 0 15px;
	background: #002b15;
	min-height:300px;
	}

#experiment p {
	margin: 0 0 15px 5px;
	}

#experiment_left {
	width:355px;
	margin: 0 0 15px 5px;
	float:left;
	}	
	
#experiment_right {
	width:355px;
	margin: 0 0 15px 10px;
	float:left;
	}	

#about_main {
	width:750px;
	padding:15px;
	background: #002b15;
	min-height:260px;
	}
	
#about_main p {
	margin: 0 15px 15px 0;
	}