/* mr rowe video from assignment 4 */
/* toby video from assignment 3 float and clear poperties */
div {
float: left;
clear: none;
}


#container {
background-color: #007A33;
/*   greenish ending in 33  */
height: 900px;
margin-bottom: 0px;
width:100%;
margin-top: 0px;
margin-left: 0%;
float: left;
clear: both;
 
  
 /*stop using margin auto, does not work with float*/
/*float is needed to make your website mobile freindly with percentages */
}



.sidebarofmenus {
background-color:  #BA9653;
/* gold color ending in 53  */

width:  17%;
margin-left: 0%;
height: 800px;
margin-top: 0px;
}



.contentarea {
background-color: #963821;
/* color above is brownins red ending 21 */
width:  60%;
margin-left:02%;
height: 800px;
margin-top: 0px;
font-size: 28pt;
/* want big words  */
}



/* image */
img {
height: 300px;
width: 300px;
}


body {
background-color: gray;
margin: 0px;
}

.menubox {
width: 90% ;
background-color: orange;
/*orange is an irish color */
clear: both;
margin-top: 10px;
margin-left: 4%;
text-align: center;
}