/* all divs and pictures follow these * select all rule */
div {
float:left;
clear:both;
}

body {
background-color: white;
}

#container {
background-color: black;
height:1150px;
margin-top: 30px;
width: 1000px;
margin-left: 10%;
margin-bottom: 30px;
border-radius: 20px;
}

.pageheader{
width: 90%;
margin-left: 5%;
margin-right:20%;
background-color: white;
height: 100px;
margin-top: 7px;
border-radius: 20px;
text-align: center;
font-size: 500%;
font-family: cursive;
}

.menubar {
width: 90%;
margin-left: 5%; 
margin-right: 5%;
margin-top: 15px;
background-color: pink;
height:100px;
border-radius: 20px; 
text-align: center;
}

.menubox {
width:15%;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
height: 60px;
text-align: center;
clear: none;
background-color: white;
float: left;
font-size: 16pt;
font-family: cursive;
border-radius: 10px;
padding-top: 5px;
/* do not clear out other menus right and left, menus allowed to be adjacent */
}


.contentholder{
height:750px;
width:80%;
padding: 5%;
margin-left: 5%;
margin-right: 5%;

background-color: white;
margin-top:10px;
border-radius: 20px;
font-size: 140%;
font-family: cursive; 
}

img{
margin-left:25%;
margin-right:25%;
width:40%;
height:40%;
margin-top: 2px;
margin-bottom: 10px;
float: left;
clear: none;
border-radius: 20px;
}