body{
	background-color:yellow;
}

div{ 
float: left;
/*clear: both;*/ }

#container {
background-color: maroon;
width: 90%;
height:auto; 
margin-bottom: 40px;
margin-left:  5%;
float: left;
clear: both;

}
	
.header {
	margin-left: 10%;
	width: 80%;
	height: 90px;
	clear: none;
	background-color:red;
	margin-top: 5%;
	font-size:  45pt;
	border-radius: 20px;
	font-family: cursive;
	text-align: center;
 /*Title for page*/


}
.submenu { 
	/*width: 115px;*/
	/*height: 35px;*/
	background-color: red;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	margin-top: 10px;
	float: left;
	font-family: Verdana;
	border-radius: 20px;

/*display other pages*/
}
.navigator{
	width: 75%;
	/*height: 50px;*/
	margin-top: 10px;
	margin-bottom: 4px;
	background-color:yellow;
	padding-left: 5%;
	margin-left:10%;
	border-radius: 10px;
	text-align: center;
	float: left;

/*the rectangle that contains submenus*/
}
.contents{
	background-color: orange;
	width: 60%;
	margin-left:10%;
	height: 450px;
	margin-top: 10px;
	padding: 10%;
	clear: none;
	border-radius: 20px;
	margin-bottom: 50px;
/*main box that has content*/
}

.Electric{
	background-color: yellow;
	width:20%;
	height: 450px;
	margin-left: 5%;
	border-radius: 20px;
	text-align:center;

}

.Environment{
	background-color: yellow;
	width:20%;
	height: 450px;
	margin-left: 5%;
	border-radius: 20px;
	text-align:center;


}

.Chemical{
	background-color: yellow;
	width:20%;
	height: 450px;
	margin-left: 5%;
	border-radius: 20px;
	text-align:center;

}


.Aerospace{
background-color: yellow;
	width:20%;
	height: 450px;
	margin-left: 5%;
	border-radius: 20px;
	text-align:center;
}