div {
float: left;
clear: both;
}


#container {
background-color: #CAA460;
margin-top: 50px;
margin-bottom: 40px;
width: 70%;
margin-left: 10%;
padding: 90px;
}

.headerofpage {
width: 63%;
margin-left: 5px;
border: 4px solid blue;

background-color: orange;
height: 60px;
clear: none;
text-align: center;
font-size: 30pt;
}

.contentholder {
background-color: orange;
width: 45%;
margin-left:10px;
height: 460px;
margin-top: 5px;
clear: none;
border: 4px solid blue;
}

p {
font-size: 28px;
float: left;
/*put in the middle of the headerofmenus*/
}

.tabbox {
width: 30%;
font-size: 20px;
background-color: orange;
background-size: 20px;
margin-left: 20px;
margin-top: 10px;
padding: 20px;
border-radius: 4px;
float: left;
clear: none;
border: 4px solid blue;
text-align: center;

}


img {
height: 18%;
width: 25%;
float: left;
margin-top: 12px;
margin-left: 35px;
padding: 4px;
clear: none;
border: 4px solid blue;
border-radius: 4px;
/*use borders to make it look nicer and easier to see*/
}

.widetextbox {
width: 90%;
padding-left: 5%;
padding-right: 5%;
padding-top: 2px;
padding-bottom: 6px;
clear: both;
/*background-color: pink;*/
}

.pictureholder { 
margin-left: 30px;
margin-top: 10px;
}

#sidebarofmenus {
height: 455px;
margin-top: 5px;
clear: left;
margin-left: 5px;
padding: 2px;
}

.sentence{
font-size: 50px;
text-align: center;
margin-left: 200px;
}