/* select any div and make it float like assignment 3 */
div {
float: left;
clear: both;
}

body {	
background-color: black;
}


#container {
background-color: indianred;
/*height: 900px;*/
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
}

.sidemenuheader {
width: 11%;
margin-left: 5%;
margin-top: 39px;
margin-bottom: 29px;
background-color: antiquewhite;
/*height: 770px;*/
/* no height, all child objets will make this grow or shrink */
clear: none;
}


.contentarea {
background-color: antiquewhite;
/* add width and margin left and right and padding left and right budget total is 100%  */
width: 60%;
padding: 5%;
margin-left: 5%;
padding-top: 4px;
height: 820px;
margin-top: 37px;
margin-bottom: 30px;
font-size: 32pt;
font-family: "Radio Canada Big", sans-serif;
font-optical-sizing: auto;
clear: none;
/* allows things to the side, clear out nothing on my side */
}


.menubtns {
background-color: indianred;
height: 97px;
width: 90px;
margin: 29px;
padding: 13px;	
border-radius: 5px;
font-family: "Radio Canada Big", sans-serif;
font-size: 14pt;
}

 /*vvv "tip for pictures, add this to your CSS file" 
	 obviously use for when pictures come in.  */

img {
float:left;
margin-top: 19px;
width:50%;
margin-right:25%;
margin-left:25%;
}