div {
float: left;
clear: both;
}


#container { 
background-color:black;
height: 1800px;
margin-bottom: 40px;
width: 80%;
margin-left: 10%;

}

.sidebarofmenues {
width: 22%;
margin-top: 10px;
margin-left: 2%;
background-color:whitesmoke ;
clear: none;
/* removing the height, makes it grow to fit all child objects */
}

.contentholder {
color: yellow;
font-size: 1.5em;
background-color: darkred;
clear: none;
width: 60%;
margin-left: 5%;
margin-top: 10px;
padding: 40px;
/* make the content look more professional with spacing  */
}


.menubox  {
margin: 20px;
height: 100px;
width: 80%;
float: left;
color: yellow;
/* added color and font size and font weight */
font-size: 24pt;
font-weight: bold;
background-color: black;
padding-left: 11px;
}


/* each id has a different color, all share the same class */


#c1 {
background-color: darkgreen;
}

#c2 {
background-color: darkorange;
}

#c3 {
background-color: red;
}

#c4 {
background-color: darkblue;
}


#hiddenpage {
background-color: whitesmoke;
height: 9px;	
}