div {
float: left;
clear: both;
}


#container {
background-color: lightcoral;
/*height: 1300px;*/
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
}

/* menu bar at the top */
.firstmenubar {
width: 30%;
background-color: lightcoral;
float: left;
clear: none;
background-color: pink;
}

/* extra credit work bonus menu */
.secondmenubar {
width: 10%;
margin-right: 5%;
background-color: pink;
/*height: 100px;*/
/*text-align: center;*/
float: right;
clear: none ;
}

.tinymenu {
font-size: 12px;
font-family: Courier New;
padding: 5px;
margin-left: 20px;
margin-right: 20px;
background-color: yellow;
float: left;
clear: none;
}



.contents {
background-color: lightcoral;
/*if i add padding reduce width*/
width: 80%;
margin-left: 10%;
/*height: 80px;*/
margin-top: 50px;
float: left;
clear: left;
}


/* tips from Rosa! */
 
.spongebob {
font-family: Papyrus, fantasy;
}

.spongebobdescription {
font-family: copperplate, fantasy;
font-size: 20px;
}

.spongebob2 {
font-family: Papyrus, fantasy;
font-size: 30px;
}



/* img tips from rowe */

img {
float:left;
width:90%;
margin-right:5%;
margin-left:5%;
}