/* Id selector */
#container {
background-color: darkred;
height: 700px;

width: 70%;
margin-left: auto;
margin-right: auto;

padding: 30px;
float: left;
clear: both;
}

img {
width: 50%;
float: left;
clear: both;
margin-left: 25%;
margin-right: 25%;
border-radius: 8px;
}



/* class selector  */
.header {
background-color: grey;
height: 100px;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
float: left;

}

.textcontent {
background-color: black;
color: white;
font-size: 1.5vw;
/*	height: 400px; */	
/* no height needed because it grows to fit all child objects */

width: 80%;
padding: 5%;
margin-right: 5%;
margin-left: 5%;

padding-top: 10px;
clear: both;
float: left;
}


/* good name for my menu class  */
.menubox {
background-color: lightblue;
color: darkblue;
font-size: 1.3vw;
height: 50px;
/*width: 120px;*/
margin: 10px;
padding: 10px;
border-radius: 10px;
float: left;
}


/* Link that has never been clicked, un-visited link */
a:link {
color: darkblue;
text-decoration: none;
}

/* visited link */
a:visited {
color: yellow;
text-decoration: none;
}

/* mouse over link */
a:hover {
text-decoration: none;
color: darkred;
}

/* selected link */
a:active {
color: yellow;
text-decoration: none;
}