div {   
float: left;
clear: both;	
}




#container {
background-color: black;
margin-bottom: 40px;
width: 90%;
margin-left: 5%;
border-radius: 10px;
}

.sidebar {
width: 20%;
margin-left: 3%;
margin-top: 15px;
background-color: royalblue;
height: 500px;
border-radius: 10px;
clear: none;
float: left;
}

.fpdiv {
background-color: royalblue;
width: 9%;
height: 480px;
margin-left: 3%;
margin-top: 15px;
clear: none;
border-radius: 10px;
padding: 10px;
font-size: 30pt;
font-family: cursive;
color: white;
}
.fpdiv:hover {
background-color: darkblue;
}

.contentbox {
background-color: seagreen;
width: 30%;
margin-left: 3%;
height: 500px;
margin-top: 15px;
border-radius: 10px;
clear: right;
float: left;
}


.contentboxtop {
background-color: seagreen;
width: 60%;
margin-left: 3%;
height: 500px;
margin-top: 15px;
border-radius: 10px;
clear: none;
float: left;
}

.contentbox2 {
background-color: lightgreen;
width: 80%;
margin-left: 10%;
height: 550px;
margin-top: 10px;
border-radius: 10px;
}


.homebutton {
background-color: orange;
width: 92%;
height: 60px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;                   
margin-bottom: 10px;
border-radius: 10px;
font-size: 30pt;
font-family: impact;
color: white;
}
.homebutton:hover {
background-color: white;
color: orange;
}


.menubox2{
background-color: lightgreen;
width: 80px;
height: 60px;
margin-left: 10px;
margin-top: 10px;                   
margin-bottom: 10px;
border-radius: 10px;


} 


.menu{
background-color: black;
/*width: 250px;*/
width: 83%;
height: 65px;
margin-left: 25px;
margin-top: 0px;  
margin-bottom: 100px;
border-radius: 10px;
font-family: monospace;
font-size: 20pt;
/*float: left;*/
/*clear: both;*/
color: white;
font-family: cursive;
}   
.menu:hover {
background-color: darkblue;
}
/*Aply hover and a diff background color to the seperate menus*/


.menu2{
background-color: black;
width: 150px;
height: 30px;
margin-left: 160px;
margin-top: 0px;  
margin-bottom: 100px;
border-radius: 10px;
/*float: left;
/*clear: both;*/
}

img {
margin-left: 15%;
margin-right: 10%;
margin-top: 40px;
margin-bottom: 0%;
height: 420px;
width: 70%;
border-radius: 10px;
float: left;
}
/*Aply these properties to all images*/



.infobox {
background-color: lightgreen;
width: 28%;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 3%;
border-radius: 10px;
padding: 10px;
font-size: 21pt;
/*font-family: monospace;*/
font-family: cursive;
clear:none;
float: both;
}

.infobox2 {
background-color: lightgreen;
width: 28%;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 3%;
border-radius: 10px;
padding: 10px;
font-size: 18pt;
/*font-family: monospace;*/
font-family: cursive;
clear:none;
float: both;
}




.infobox3 {
background-color: lightgreen;
width: 28%;
/*height: 500px;*/
margin-top: 15px;
margin-bottom: 15px;
margin-left: 3%;
border-radius: 10px;
padding: 10px;
font-size: 22.5pt;
/*font-family: monospace;*/
font-family: cursive;
clear:none;
float: both;
}