div {
float:left;
clear: both;
}


#container {
background-color: orange;
/*light blue*/
height: 1800px;
margin-bottom: 40px;
width: 80%;
margin-left: 10%
}

#sidebarofmenus {
width: 20%;
margin-left: 2%;
/*background-color: yellow;*/
clear: none;
margin-top: 140px;
}


.textholder {
color: red;
font-size: 20px;
width: 90%;
background-color: black;
height: 105px;
margin-left: 5%;
border: solid red;
margin-top: 10px;
}

.contentholder {
background-color: black;
border: solid red;
clear: none;
width: 60%;
padding: 4%;

height: 725px;
margin-left: 5%;
margin-top: 10px;
}


.headerofpage {
border: solid red;
width: 90%;
margin-left: 5%;
background-color: black;
height: 105px;
text-align: center;
}




.menubox {
border: solid red;
background-color: black;
height: 50px;
/*width: 120px;*/
width: 90%;
/*color: yellow;*/
margin: 5px;
padding: 10px;
border-radius: 5px;
float: left;
height: 60px;
text-align: center;
}


p {
font-size: 32pt;
color: red;
}

img {
width: 35%;
margin-left: 25%;
margin-right: 25%;
}


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

/* visited link */
a:visited {
color: red;
text-decoration: none;
}

/* mouse over link if the parent is menu box */
a:hover .menubox {
text-decoration: none;
color: orange;
}

/* selected link */
a:active {
color: yellow;
text-decoration: none;
}