img {
float:left;
width:50%;
margin-right:25%;
margin-left:25%;
}


div {
float: left;
clear: none;
/*padding: 5px;*/
}

/*.specialas {
clear: both;
}*/


#container {
	/* responsive design uses width percent and vh and vw */
	height: 95vh;
	width: 100%;
	/*margin-left: 5%;*/
	background-color: lightgray;
}

.menuholder {
	height: 90vh;
	width: 50%;
	/*float:  inherit;*/
	/*margin-left: 5%;*/
	/*background color is purple*/
	background-color: rgb(73, 18, 163);
	/*actually background color is now also blue*/
	/*background-color: rgb(21, 116, 171);*/
}

.menubox {
	/*height: 90vh;*/
	height: 5%;
	width: 100%;
	float: left;
	/*margin-left: 1%;*/
	padding: 2px;
	/*background color is blue*/
	background-color: rgb(21, 116, 171);
}

.contentarea {
	height: 89.5vh;
	width: 49%;
	/*margin-left: 5%;*/
	padding: 2px;
	background-color: rosybrown;
	float: right;	
	/*clear: both;*/
}

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

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

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

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