div {
	float: left;
	clear: both;
}

img {
	float: left;
	width: 50%;
	margin: 3%;

}

#container {	
	background-color: grey;
	width: 80%;
	height: 118%;
	margin-left: 10%;
	margin-bottom: 40px;
}


.menubox {
background-color: lightgray;
width:  96%;
height:  20px;
margin: 1%;
margin-top: 3px;
text-align: center;
}

/* id for the parent holding all the menus */
#menuholder {
	background-color: gray;
	width: 25%;
	margin-left: 5%;
	margin-top: 1%;
	clear: none;
}

/* id which steals the height of the menu holder via JS  */
#titlebox {
	width: 57%;
	margin-top: 1%;
	margin-left: 5%;
	margin-right: 5%;
	clear: none;
	background-color: lightsteelblue;
	text-align: center;
	font-size: 50pt;
}



.textarea {
	background-color: lightskyblue;
	padding: 1%;
	width: 96%;
	margin: 15px;
	font-size: 32pt;