div {
	float: left;
	clear: both;
	font-size: 50pt;
	margin-left: 10%;
}

p {
font-size: 18pt;
text-align: center;
font-family: Comic Sans MS;
float: left;
clear: both;
width: 80%;
margin: 5%;
padding: 5%;
margin-bottom: 0px;
margin-top: 5px;
}

#container {
	background-color: orangered;
	margin-bottom: 40;
	width: 80%;
	margin-left: 10%;
	float: left;
	clear: both;
	padding-bottom: 22px;
}

.titlebox {
	width: 75%;
	margin-left: 11%;
	background-color: khaki;
	height: 90px;
	margin-top: 3%;
	text-align: center;
	font-size: 50pt;
}


.menuholder {
	background-color: lightskyblue;
	width: 70%;
	margin-top: 60px;
	/* allow other divs to be left and right */
	/* no height needed, expands to fit child objects */
	padding-bottom: 12px;
}


img{
	width: 23%;
	height: 40%;
	float: left;
	margin-right: 5%;
	margin-bottom: 1%;
	clear: both;
	margin-left: 12%;
	margin-top: 8px;
}



.menubox{
	background-color: khaki;
	margin-left: 3%;
	margin-top: 2%;
	font-size: 25pt;
	clear: none;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 3px;
}


/* avoid this... */
.headerbox{
	width: 25%;
	background-color: lightsteelblue;
	margin-top: 16px;
	padding-bottom: 5px;
	font-size: 40pt;
}


.content {
	background-color: lightskyblue;
	width: 80%;
	margin-left: %;
/*	height: 57vh;*/
	margin-top: 19px;
}





.textarea{
	font-size: 30pt;
	max-width: 49%;
	margin-top: 5%;
}