div {
	float: left;
	clear: both;
}
/*this is a global div and it makes it so you dont have to repeat the code after every div*/

p {
	color: darkblue ;
	font-size: 30pt ;
	text-align:center ;
}


#container {
	background-color: lightblue;
	font: italic;
	font-size: 17pt;
	height: 1100px;
	margin-bottom: 40px;
	width: 80%;
	margin-left: 10%;
}

/*float is used to make website moblie freindly*/


.sidebarofmenus {
width: 12%;
margin-top: 10px;
margin-right: 12px;
background-color: blueviolet ;
height: 400px;
clear: none;
}


.contentholder {
background-color: peachpuff;
clear: none;

/*if i add padding i must reduce width, cant exceed 100%*/
width: 80%;
margin-left: 5%;
height: 570px;
margin-top: 10px;
}


.blackboxs {
background-color: black;
height: 50px;
width: 120px;
color: white;
margin: 5px;
padding: 10px;
border-radius: 5px;
}



img {
float:left;
width:30%;
margin-right:30%;
margin-left:30%;
}