body{
	padding: 0px;
	margin: 0px;
	background-color: grey;
	font-family: 1em Georgia;

}

/* making all bold red */
b{
	color: red;
}

#contentArea{
	/* relative to allow absolute positioning within the contentArea */
	position: relative;
	background-color: #F0BA00;
	margin: 0px auto;
	width: 520px;
	height: 700px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border: solid;
}

#graphic{
	display: block;
	/* top and bottom are 0px, auto horizontally for centering (needs to be a block) */
	margin: 0px auto;
	
	height: 250px;
	width: 250px;	
}

#text{
	font-family: Georgia;
}

	#text h1{
		padding: 0px;
		margin: 0px 0px 25px 0px;
		text-align: center;
		text-decoration: underline;
		font-size: 30px;
	}
	
	#text h2{
		padding: 0px;
		margin: 10px 10px;
	}

	#text p{
		padding: 0px;
		margin: 5px 25px;
		text-align: justified;
		text-indent: 10px;
	}
	
	#text h3{
		padding: 0px;
		margin: 10px 0px 0px 330px;
	}

#menu {
	width: 320px;
	/* center menu */
	padding: 0px;
	margin: 0px;

	/* the following has the effect of centering the menu at the bottom of the contentArea */
	position: absolute;
	margin-left: -160px;
	left: 50%;
	bottom: 15px;
}

	#menu ul li {
		padding: 5px;
		text-align: center;
		/* remove bullet points, and display on 1 line */
		display: inline;
	}

	#menu ul li a {
		padding: 8px;
		background-color: #000000;
		color: #FFFFFF;
		-moz-border-radius: 15px;
		border-radius: 15px;
		/* remove underline */
		text-decoration: none;
	}

#menu a:hover {
	background-color: #FF0000;
}


/* FOR LOGIN PAGE */

#loginForm {
	padding: 0px;
	margin: 0px;
	margin-top: 40px;
	text-align: center;
}

	#loginForm p{
		margin: 30px 0px;
	}

	#loginForm input {
		border-style: solid;
		border-color: #000000;
	}

	#loginForm input:hover {
		background: #FF0000;
	}

#submit {
	margin-bottom: 19px;
	color: #FFFFFF;
	background-color: grey;
	border: solid;
	font-family: Georgia;
	text-color: #FFFFFF;
}

/* FOR CREDITS PAGE */

#credits {
	
}

	#credits ul {
		padding: 0px;
		margin: 0px 20px;
		list-style-type: none;
	}

	#credits ul li {
		/* separate each list item */
		margin: 10px 0px;
	}