div{
	float: left;
	clear: both;
}

img {
width: 50%;
margin-left: 25%;
float: left;
clear: both;
}


#container {
	background-color: red;
	/*height: 800px;*/
	margin-bottom: 40px;
	width: 80%;
	margin-left: 10%;
	padding-bottom: 20px;
}

.largetitle {
	font-size: 30pt;
	font-family: "Impact";

	text-align: center;
	float: none;
}

.sidebarofmenus {
	width: 13%;
	margin-left: 2%;

	margin-top: 10px;
	background-color: yellow;
	clear: none;
	margin-bottom: 10px;
}

.contentholder {
	background-color: white;
	clear: none;
	width: 55%;
	padding: 10%;

	/* if I add padding I must reduce the width, can't exceed 100%*/
	margin-left: 5%;
	/*height: 300px;*/
	margin-top: 10px;
	font-size: 18pt;
}


.pagelink {
	background-color: limegreen;
	height: 50px;
	width: 100px;
	margin: 20px;
	padding: 10px;
	text-align: center;
}





.infoholder {
	margin-left: 20px;
	margin-top: 10px;
	margin-left: 20px;
}