/*red box that contains everything*/
#container{
background-color: darkred;
height: 1300px;
margin-bottom: 40px;
width:80%;
margin-left: 8%;
margin-right: 8%;
}

div{
	border-radius: 10px;
	float: left;
	clear: both;
}

iframe {
	margin-top: 20px;
	float: left;
	clear: both;
	width: 90%;
	margin-left: 5%;
}

/*block for menu buttons*/
.headerofmenus{
width: 90%;
margin-left: 5%;
background-color: lightgoldenrodyellow;
/*height: 60px;*/
padding-bottom: 10px;
}

/*background for text*/
.contentholder{
background-color: lightyellow;
/* when adding padding, width has to be reduced*/
width: 80%;
margin-left: 10%;
height: 1000px;
margin-top: 10px;
color: black;
padding: 10px;

}

/*menu buttons*/
.yellowgreen{
	background-color: yellow;
	/*height: 30px;*/
	width: 130px;
	width: 6vw;
	min-width: 5vw;

	font: message-box;
	color: black;
	margin: 5px;
	padding: 10px;
	border-radius: 5px;
	/* added a special selector so that the yellow menus allow items to the left and right */
	clear: none;
}