div {
float: left;
clear: both;
}

body {
background-color: silver;
margin: 0px;
}

.menubar {
background-color: lightblue;
/*height: 80px;*/
width: 80%;
margin-left: 10%;
}



.contentarea{
background-color: #1E67C4;
width: 70%;
margin-right: 10%;
margin-left: 10%;
padding: 5%;
height:800px;
}

#container{
background-color: #0B1B63;
height: 900px;

width: 70%;
margin-right: 10%;
margin-left: 10%;
padding: 5%;

}


.menus{
background-color: #6CA6E3;
height: 50px;


width:15%;
min-width: 105px;

color: white;
margin:5px;
padding: 1%;
border-radius: 5px;
clear: none;
}

img {
width: 28vw;
border: 1vw solid black;
float: left;
margin-bottom: 30vh;
margin-left: 1vw;
}
/*Changes the images size for all of the images using the percentage*/

.largetext {
font-size: 20pt;
font-family: Times New Roman;
font-weight: 100;
}
/*font for the paragraph inside of the medium box*/
#pic1 {
margin-left: 0.5%;
height:50%;
width: 35%;
}


#pic2 {
margin-left: 1%;
height:15%;
width: 29%;
}


#pic3 {
margin-left: 1%;
height:40%;
width: 20%;
}

#menucontainer {

background-color: #B5DED;
/*height: 900px;*/

width: 70%;
margin-right: 10%;
margin-left: 10%;
padding: 5%;
}