div {
float: left;
clear: both;
}


.imgsm {
width: 20%;
margin-left: 10px;
float: left;
clear: both;

}

.imglg {
width: 60%;
margin-left: 20%;
float: left;
clear: both;
}





#container {
background-color: pink;
height: 800px;
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
float: left;
clear: both;


}

.sidebarofmenus {
width: 8%;
min-width: 110px;
margin-left: 2%;
background-color: yellow;
min-height: 385px;
clear: none;
margin-top: 10px;
padding-bottom: 10px;
}

.button {
width: 50%;
/*remove height , the div grows to fit all content. */
/*height: 50px;*/
background-color: blue;
margin-left: 5%;
margin-top: 5%;
padding: 15px;
}

.contentholder {
background-color: tomato;
clear: none;
width: 80%;
margin-left: 5%;
height: 700px;
margin-top: 10px;
}



a:link {
color: yellow;
text-decoration: none;
}

a:visited {
color: white;
text-decoration: none;
}

.titletext {
font-size: 50px;
text-align: center;
font-family: arial;
}

.bodytext {
font-size: 50px;
text-align: center;
font-family: arial;
}





/* these below are no longer needed.  */

.button2 {
width: 50%;
height: 50px;
background-color: blue;
margin-left: 5%;
margin-top: 5%;
}

.button3 {
width: 50%;
height: 80px;
background-color: blue;
margin-left: 5%;
margin-top: 5%;
}


.homebutton {
width: 50%;
height: 30px;
background-color: blue;
margin-left: 5%;
margin-top: 5%;
}