img {
float:right;
width:15%;
margin-right:10%;
margin-left:20%;
margin-top: 5px;
}

/* select all divs */
div {
float: left;
clear: both;
}



#container {
font-size:  70px;
font-family: Comic sans-serif;
text-align: center;
background-color: skyblue;
height: 1000px;
width: 80%;
margin-bottom: 40px;
margin-left: 10% ;
margin-right: 10%;
}

.header {
margin-left: 10%;
background-color: lightblue;
/*height: 100px;*/
width: 80%;
}

/*header bar actually*/
.sidemenu {
margin-left: 10%;
font-size: 30px;
color: white;
/* never use percent for height */
width: 55%;
margin-top: 5%;
background-color: orange;
}


.box { 
font-size: 25px;
height:70px;
width: 100px;
background-color: yellow;
/* clear none is mandatory allows side by side */
clear: none;
margin-right: 10px;
margin-left: 50px;
margin-top: 25px;
margin-bottom: 20px;

}




.contentholder {
background-color: navy;
color: white;
width: 60%;
margin-left: 10%;
padding-right: 5%;
padding-left: 5%;
height: 370px;
margin-top: 5%;
margin-bottom: 50px;
font-size:  22pt;
font-family: Comic sans-serif;
}


.menu {
background color: navy;
}