div{
float: left;
clear: both;
}


#container {
background-color: whitesmoke;
height: 1800px;
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
float: left;
clear: both;
}

.sidebarofmenus{
width: 15%;
margin-top: 10px;
margin-left: 2%;
background-color: slategray;
height: 300px;
clear: none;
}

.contentholder{  
background-color: lightgray;
clear: none;
width: 76%;
margin-left: 2%;
min-height: 300px;
/* grow to fit anything */
margin-top: 10px;
}


.menubox{  
background-color:white;
clear: both;
width: 70%;
margin-left: 5%;
height: 40px;
margin-top: 10px;
}



img {
	float: left;
	clear: both;
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}

p {
	float: left;
	clear: both;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	padding: 5%;
	font-family: fantasy;
	font-size: 40pt;
}

p1 {
	float: left;
	clear: both;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	padding: 2%;
	font-family: Times New Roman;
	font-size: 14pt;
}

p2 {
	float: left;
	clear: both;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	padding: 2%;
	font-family: Comic Sans MS;
	font-size: 16pt;
}

p5 {
	float: left;
	clear: both;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	padding: 5%;
	font-family: Impact;
	font-size: 70pt;