/* universal selector of all divs */
div {
	float: left;
	clear: both;
}



#container {
background-color: darkred;
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
/* no height, expands to all child objects  */

 }

img {
width: 80%;
margin-left: 10%;
margin-right: 10%;
float: left;
clear: both;
}



.headerofmenus {
width: 80%;
margin-left: 10% ;
margin-top: 10px;
/*height: 100px;*/
/* temp background color , intent for final design is see through */
/*background-color: yellow;*/
}

/* boxes to click home, childhood, college, etc  */
.smmenu {
height: 50px;
width: 13%;
min-width: 115px;

margin: 10px;
padding: 10px;

font-size: 16pt;
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
text-align: center;	

/* allow side by side menus */
clear: none;
/* temp color of grey goal is transparency */
/*background-color: gray;*/
border: 1px solid;
color: white;
}




.contentholder {
background-color: indianred ;
/*if i add padding must reduce the width*/

width: 75%;
margin-left: 10%;
margin-right: 10%;
padding-left: 4%;
padding-right: 4%;


/*height: 1000px;*/
margin-top: 10px;
margin-bottom: 10px;
padding-top: 5vh;
padding-bottom: 3vh;

font-size: 24pt;
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 

}





#bonuscontent {
/* similar width and margins to contentholder */

}