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

body {
background-image: url("http://img.ph.126.net/RSxL9aRdekBYDlJYTnCfXg==/791507634511423166.jpg");
}

#container{
height: 1200px;
width: 80%;
margin-left: 10%;
background-color: #50441B;
border-radius: 25px;
margin-top: 10px;
}


#fixedfloatfoot	{
position: fixed;
z-index: 0;
/* viewport height    vh  */
margin-top: 90vh;
/* the very large margin top pushes this to the bottom*/
height: 10vh;
float: left;
clear: both;
width: 100%;
background-color: #675822;
/*  custom color brown */
border-radius: 5px;
}

.menuheader{
width: 90%;
margin-left: 5%;
background-color: #42B9C0;
height: 40px;
margin-top: 10px;
}

.submenu {
background-color: #C4EBDE;
width: 15%;
margin-left: 8%;
height: 30px;
border-radius: 0px;
}


.textarea {
clear: both;
/*margin-left: 10%;*/
/*width: 90%;*/
/*background-color: #2D886A;*/
color: white;
border-radius: 15px;
/*margin-top: 10px;*/
}


/* we can use this many times, it is a class css "." dot  */
.textareatan {
clear: both;
margin-left: 10%;
padding: 5%;
width: 70%;
background-color: tan;
color: black;
border-radius: 15px;
margin-top: 20px;
}