div {
	float: left;
	clear: both;
}


#container {
	background-color: maroon;
	width: 90%;
	margin: 5%;
	height: 1000px;
}


.contentarea {
	width:  90%;
	height:  650px;
	margin: 5%;
	
	background-color: blanchedalmond;
	padding: 1vh;

}


.menubox {
	width: 90%;
	/*height: 100px;*/
	/*disabled height */
	background-color: blanchedalmond;
	margin-left:5% ;
	margin-top: 1%;
	padding-bottom: 0.3vh;
}

/* above is the menu holder, below are small menus */

.smenu {
width: 20%;
/*height: 100px;*/
/* disabled height to become elastic to the words inside */
clear: none;
background-color: orangered;
margin: 2%;
font-size: 3.4vw;
text-align: center;
padding-bottom: .3vh;
}

.image {
	width: 42.5%;
}
.otherimage {
	width: 55%;
}
.otherotherimage {
	width: 55%;
}
.thefourthimage {
	width: 57.5%;
}

/* disable  */
/*.smenu a{*/
/*margin: 2%;*/
/*background-color: yellow;*/
/*}*/


/* 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 {
text-decoration: none;
color: hotpink;
}

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