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;
}

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

.contentbox {
background-color: seagreen;
width: 93%;
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 new color to the 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: 15%;
margin-top: 40px;
margin-bottom: 0%;
width: 70%;
height: 420px;
border-radius: 10px;
float: left;
}


/*.infobox {
background-color: lightgreen;
clear: none;
width: 1410px;
height: 200px;
margin-top: 30px;
margin-bottom: 15px;
margin-left: 3%;
border-radius: 10px;
padding: 10px;
font-size: 20pt;
font-family: monospace;
}
*/
.infobox {
background-color: lightgreen;
width: 92%;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 3%;
border-radius: 10px;
padding: 10px;
font-size: 18pt;
font-family: cursive;
clear:none;
float: left;
}


.infobox2 {
background-color: lightgreen;
width: 92%;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 3%;
border-radius: 10px;
padding: 10px;
font-size: 17pt;
font-family: cursive;
clear:none;
float: left;
}