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



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

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


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




.textbox {
	height: 75px;
	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: 120px;
	width: 200px;
	background-color: white;
	color: #1f3d00;
	margin: 15px;
	padding: 10px;
	border-radius: 15px;
	float: left;
}