div {
border: 4px solid black;
border-radius: 40px;
color:  black;
float: left;
clear: both;
}

img {
float: left;
clear: both;
width: 25%;
margin-left: 37.5%;
margin-right: 37.5%;
}

p {
margin-top: 10px;
float: left;
clear: both;
}

.container {
/*height: 750px;*/
width: 99%px;
background-color: black;
padding: 30px;
}

.menu {
height: 100px;
width: 99%;
background-color: red;
padding: 10;
text-align: center;
font-size: 75px;
}


.menubox {
height: 25px;
width: 10%;
background-color: darkred;
text-align: center;
font-size: 25px;
margin-top: 30px;
margin-left: 10%;
clear: none;

}



.contentarea {
height: 740px;

/* widtdh and padding and margin can not total up and exceed 100%  */
width: 95.5%;
padding-left: 2%;
padding-right: 2%;

background-color: lightgray;
text-align: left;
padding-top: 30px;
}


.header {
height: 25px;
width: 99%;
background-color: red;
text-align: center;
font-size: 25px;
}