.header {
	background-color: #DEC6A7;
	height: 100px;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	clear: both;
	border-radius: 15px;
}



.middlebox {
	background-color:  #C4E6AB;
	width: 80%;
	height: 80%;
	margin-right: 10%;
	margin-left: 10%;
	clear: both;
	border-radius: 15px;
}

.backgroundcontainer {
	background-color: #BB8744;
	height: 1000px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	padding: 30px;
	border-radius: 15px;
}


.option {
	background-color: #E9DEAD;
	height: 50px;
	width: 10%;
	color: #3366cc;
	font-style: italic;
	margin: 8px;
	padding: 10px;
	border-radius: 15px;
	float: left;
}



.textbox {
	height: 235px;
	width: 200px;
	background-color: white;
	color: #1f3d00;
	margin: 15px;
	padding: 10px;
	border-radius: 15px;
	float: left;
}
/*style textbox*/

img{
	width: 80%;
	height: 45px;
	margin: 2px;
	padding: 2px;
	border-radius: 15px;
	float: left;
}

.grasshopperbox {
	width: 52px;
	margin: 4px;
	padding: 2px;
	float: left;
}
/*box to hold grasshopper imgs*/

.facttextbox {
	height: 165px;
	width: 200px;
	background-color: white;
	color: #1f3d00;
	margin: 15px;
	padding: 10px;
	border-radius: 15px;
	float: left;
}