.titletext {
	font-size: 24pt;
	padding: 5px;
	margin: 5px;
	margin-bottom: 30px;
	text-align: center;
	font-family: Arial Black;
}


#container {
	width: 94%;
	height: 1500px;
	float: left;	
	margin-left: 3%;
 	background-color: #343434;
	clear: both;
	border-radius: 50px;
	margin-bottom: 30px;
/*defines all of the parts for the grey border3
 that surounds the entire page*/
}

#header {
	width: 80%;
	background-color: #7d7d7d;
	margin-left: 6%;
    /* total margin of both left and right is 12 */
	float: left;
	clear: both;
	border-radius: 15px;
	text-align: center;
	font-size: 50px;
	padding-left: 6%;
	padding-right: 2%;
	padding-bottom: 20px;
	margin-bottom: 20px;
     /* total padding is 8*/

	/*sets the light grey box at the top of the page*/
}

.maintext {
	width: 60%;
	/*height: 75%;*/
	background-color:#3aad94;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
	font-size: 25px;
	text-align: center;
	padding: 5px;

	/*all of the main content of the page is in the blue box*/
}

.info {
	font-size: 20px;
	margin-right: auto;
	margin-left: auto;
	/* contains the text that give a small explanation
	of what all of the components do*/

}

.menu {
	background-color: #3aad94;
	width: 15%;
	height: 40px;
	margin-left: 6%;
	float: left;
	border-radius: 2px;
	font-size: 19px;
	text-align: center;
	margin: 2px;
	/*styles the menu boxes that is the non-current box */
	
}

.menucurrent {
	background-color: #2c7789;
	width: 15%;
	height: 40px;
	margin-left: 6%;
	float: left;
	border-radius: 2px;
	font-size: 19px;
	text-align: center;
	margin: 2px;
	/*styles the menu box that is currently selected*/
}