div{
float:left ;
clear:both;
}

#container{
background-color:skyblue;
height:900px;
border-radius: 10px;

/* total is 100 % */
width:94%;
margin-left: 3%;
margin-right: 3%;
}

.menuholder{
background-color: pink ;
height:100px ;
margin-top: 1%;
border-radius: 10px;

/* budget is 100 */
width:80%;
margin-right: 10%;
margin-left: 10%;
}

.contentarea{
background-color:yellow;
height: 700px ;

/* budget is 100 */
width:70%;
margin-left: 15%;
margin-right: 15%;
}

.menus{
padding-top: 5px;
background-color:lightgreen ;
height: 50px;
color: black;
border-radius: 5px;
clear: none;
margin-top: 1%;
border-radius: 10px;

/* budget is 100 */
width: 19%;
margin-left: 1%;
margin-right: 1%;
padding-right: 2%;
padding-left: 2%;
font-size: 16pt;
}

img {
width:22%;
margin-left: 10%;
margin-right: 10%;
border-radius: 30px;
float: clear;
clear: both;
}

iframe {
	margin-top: 50px;
}

.text{
margin-left: 10%;
margin-right: 10%;
margin-bottom: 5%;
font-size: 40px;
}

p {
color: black;	
}

/* mouse over div with class menus */
.menus:hover {
text-decoration: none;
color: red;
font-weight: bold;
}