#container {
height: 800px;
width: 92%;
margin-left: 4%;

/* auto margin means both left an right must be used */
background-color: turquoise; 
/* this is more specific by id */
}

div {
border-radius: 10px;
float: left;
}

#header {
/*height: 100px;*/
/* if you have no height, the object will grow to fit the child objects */
float: left;
clear: both;
margin-left: 15%;
width: 70%;
background-color: grey;
padding-top: 11px ;
padding-bottom: 11px ;
}

.textarea {
height: 700px;
float: left;
clear: both;
margin-left: 15%;
width: 70%;
background-color: black;
color: white;
font-size: 25px;
}

body{
	background-color: darkgreen;
}

.submenu {
height: 50px;
float: left;
/* no clear means they can be side by side, they don't clear each other out...*/
margin-left: 20px;
width: 100px;
background-color: blue;
color: white;
border-radius: 100px;
border-style: double;
text-align: center;
}

 
 /*  we removed all the extra styles submenu1 and 2 and such... */
 

a {
	color: white;


}