div {
float: left;
clear: both;
}


#container {
height: 1000px;
width: 60%;
padding-left: 10%;
padding-right: 10%;
margin-right: 10%;
margin-left: 10%;
background-color: pink;
/* padding and margin */
}


.sidebarofmenus {
width: 20%;
margin-left: 5%;
background-color: yellow;
height: 50px;
clear: none;
}




/* class selector red box*/
.menuheader {
background-color: #B5C6FF;
background-color: yellow;
width: 80%;
height: 100px;
margin: 10px;
}


.menuitem {
background-color: lightblue;
padding: 40px;   
float:  left; 
clear:  none;
margin-left: 10px; 
}


/* class selector green box */
.contentarea {
background-color: #EBB5FF;
height: 880px;
width: 60%;
margin-left: 10%;
margin-right: 10%;
padding-right: 10%;
padding-left: 10%;
font-size: 34pt;
}
/* pt is point size */


.contentholder { 
background-color: tomato;
clear: none;
width: 80%;
margin-left: 10%;
height: 300px;
margin-top: 10px;
}