body {
	font: 30px Courier New, sans-serif;
	line-height: 20px;
	background-image:url('background.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	background-color: #EFEA2E;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	text-align: center;
}


#navcontainer ul
{
padding: .2em 0;
margin: 0;
position: absolute;
top: 620px;
list-style-type: none;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}

li { display: inline; }

li a
{
text-decoration: none;
color: black;
padding: .2em 1em;
}

li a:hover
{
color: #7C1A3B;
font: bold 100% arial, helvetica, sans-serif;
}

div#footer {
padding: .2em 0;
margin: 0;
position: absolute;
top: 758px;
list-style-type: none;
background-color: black;
color: gray;
width: 100%;
font: normal 50% arial, helvetica, sans-serif;
text-align: center;
}

#footer li a
{
text-decoration: none;
color: #7C1A3B;
padding: .2em 1em;
}

#footer li a:hover
{
color: white;
font: bold 100% arial, helvetica, sans-serif;
}

html,body {
margin:0 0 0px 0;
height:103%;
}