/*---------------------*/
/*---ID SELECTOR AREA--*/
/*---------------------*/

#container {
	background-color : #211133;
	border-radius : 20px;
	border : solid white 4px;
	/*height : 1100px;*/
	width  : 90%;
	min-width : 750px;
	float  : left;
	margin-left: 4%;
	padding: 15px;
}
/*Height turned off above because div contains content and automatically fits size*/

#header {
	background-color : silver;
	border-radius : 20px;
	border : solid white 4px;
	height : 160px;
	width  : 90%;
	min-width : 700px;
	margin-left : 5%;
	margin-right: 5%;
	margin-top  : 25px;
	float  : left;
	clear  : left;
}

#titlearea {
	background-color : #211133;
	border-radius : 20px;
	border : solid white 4px;
	height : 45px;
	width  : 60%;
	float  : left;
	clear  : both;
	margin-left : 20%;
	margin-right : 20%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	margin-top : 5px;

}

/*------------------------*/
/*--CLASS SELECTOR AREA---*/
/*------------------------*/

.menu {
	background-color : #211133;
	border-radius : 20px;
	border : solid white 4px;
	height : 35px;
	width  : 12%;
	margin-left : 3.5%;	
	float  : left;
	color  : white;
	padding-top : 1%;
	text-align  : center;
}
 /* text-align above aligns the text in the box */

.contentarea {
	background-color : lightgray;
	border-radius : 20px;
	border : solid white 4px;
	/*height : 780px;*/
	width  : 88%;
	min-width : 680px;
	margin-left : 5%;
	margin-top : 50px;
	float  : left;
	clear  : left;
	padding: 1%;
	text-align : center;
}
/*Height turned off above because div contains content*/

/*--------------------------*/
/*---GLOBAL SELECTOR AREA---*/
/*--------------------------*/

body {
	background-color : lightgray;
}
p {
	color : black;
	text-align : center;
}

h1 {
	color : white;
	text-align : center;
}

img {
	display : block;
	margin  : auto;
	margin-top: 15px;
	margin-bottom: 10px;

}
/* display block makes the image take up it's own line*/