/* alldivs behave this styling */
div {
float: left;
clear: both;
}

/* used once */
#container {
background-color: lavender;
/*height: 1800px;*/
/* by removing height the parent object container will grow to fit an ever expanding list of child objects */
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
float: left;
clear: both;
}

/* generic class, used many times */
.myheader {
width: 85%;
margin-left: 5%;
margin-right: 5%;
margin-top: 10px;
background-color: mediumpurple;
height: 55px;
font-size: 24pt;
color: white;
/* inside the header we indent objects objects */
padding-left: 3%;
}

/* shared class label */
.menubox  {
font-size: 18pt;	
width: 15%;
margin-right: 2%;
margin-top: 10px;
background-color: lavender;
float: left;
clear: none;
/*side by side menus with clear none*/
}


/* brighter color than other menus   */
.solomenu{
background-color: purple;
color: white;
}



img{
margin-left: 25%;
margin-bottom: 9;
margin-top: 7;
margin-right: 9;
width: 50%;
}




.contentholder  {
background-color: mediumpurple;
/*if i add padding i must reduce the width, can't exceed 100%*/
width: 80%;
margin-left: 10%;
height: 300px;
margin-top: 10px;
}




p{
color: floralwhite;
font-size: 25pt;
margin-left: 9;
margin-bottom: 9;
margin-right: 9;
margin-top: 7;
}