#container {
/* removed height because you only need height if you have zero child objects */
width: 70%;
margin-left: 15%;
padding-bottom: 2%;
/* two margins and the div total 100 */
/*border-radius: 100px;*/
background-color: #5d1f29;
float: left;
}

div {
border-radius: 10px;
}

body {
background-color: #d8d8d8;
/* dark background  */
}

#header {
/* the height is automatic to hold the child objects */
float: left;
clear: both;
margin-left: 15%;
padding-right: 2%;
width: 70%;
background-color: gray;
margin-top: 1%;
}

#headermenu {
width: 24%;
margin-left: 1%;
background-color: white;
color : black;
float: left;
text-align: center;
padding-top: 12px;
padding-bottom: 15px;
/* moves text to the center left and right, and not near the top of the div */
min-width: 120px;
/* keep menu from going too small*/
margin-top: 4px;
/* when they start to shrink and stack we want margin top to kick in*/
margin-bottom: 4px;
}

.textarea {
font-size: 20px;
text-indent: 10px;
height: 450px;
float: left;
clear: both;
padding-left: 1%;
padding-right: 1%;
margin-left: 15%;
width: 70%;
background-color: #222222;
color: white;
}

/* unvisited link */
a:link {
    color: #c55268;
    font-weight: bold;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #c55268;
    font-weight: bold;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #d98e8d;
    font-weight: bold;
    text-decoration: none;
}

/* selected link */
a:active {
	color: white;
    font-weight: bold;
    text-decoration: none;
}

img {
width: 50%;
margin-left: 25%;
float: left;
background-color: #222222;
}