img {
width: 50%;
margin-left: 25%;
margin-right: 25%;
/*toby noted float and clear*/
float: left;
clear: both;
}

/*side by side img*/
.picframe {
width: 45%;
margin-left: 3%;
float: left;
clear: none;
}


div {
float: left;
clear: both;
}

#container {
background-color: brown;
width: 70%;
margin-right: auto;
margin-left: auto;
padding: 30px;
}


/*class selector red box*/
.menuheader {
background-color: red;
height: 100px;
width: 80%;
margin-right: auto;
margin-left: auto;
clear: both;
}

.brownbox {
background-color: brown;
height: 50px;
width: 120px;
color: forestgreen;
margin: 5px;
padding: 10px;
border-radius: 5px;
float: left ;
clear: none;
}


 
.textcontent {
background-color: yellow;
min-height: 200px;
width: 80%;
margin-right: auto;
margin-left: auto;
clear: both;
font-size: 28pt;
}
 

 /* new selector menubox */