#container {
background-color: teal;
height: 1800px;
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
margin-right: 10%;
float: left;
clear: both;
}

.pagehighlight {
width: 80%;
margin-left: 10%;
margin-right:10%;
background-color: rgb(252,63,105);
height: 60px;
border-radius: 10px;
float: center;
clear: both;
font-size: 50px;
color: purple;
font-family: fantasy;
text-align: center;
margin-top: 2%;
border: 3px solid white;

}

.headerofmenus {
width: 90%;
height: 45px;
margin-left: 5%;
margin-right: 5%;
margin-top: 3%;
background-color: white;
border-radius: 10px;
float: center;
clear: both;
border: 2px solid darkblue;
}

.contentholder {
width: 59%;
margin-left: 15%;
margin-right: 15%;
padding: 5%;
/* width budget is 100 %*/
/* below are other styles*/
margin-top: 8%;
/*height: 300px;*/
background-color: gold;
border-radius: 10px;
float: center;
clear: both;
border: 3px solid tomato;
font-size: 20pt;
}

img{
	width: 25%;
	margin-left:20%;
	margin-right:20%;
	margin: 11.5%;
	border: 5px solid white;
	
}

.menu {
width: 17.5%;
margin-left: 2%;
/* budget 100%*/

height: 40px;
background-color: gold;
color: darkblue;
text-align: center;
font-size: 30px;
float: left;
}