#container
{
	margin: 0 auto;
	width: 630px;
	background:#FFFFFF;
	padding: 15px;
}

#grade
{
	width: 600px;
}
#header
{
	background:#663300;
	padding: 15px;
}

#header h1 { margin: 0;
			 color: #FFFFFF;}

#navigation
{
	float: left;
	width: 600px;
	background:#333;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

li a
{
	font-size: 1.5em;
	text-decoration: underline;
	color: black;
	display: inline;
	font-weight: bold;
	padding-right: 10px;
}

a + a
{
	padding-left: 10px;
	font-size: .9em;
	font-weight: normal;
}

#navigation li a:hover { background:#383; }

#content
{
	clear: left;
	padding: 20px;
}

#content h2
{
	color:#000;
	font-size: 160%;
	margin: 0 0 .5em;
}

#footer
{
	background:#663300;
	text-align: right;
	padding: 20px;
	height: 1%;
	color: #FFFFFF;
}