html {
	font-family: Ariel, sans-serif;
	color: #660000;
	background: #660000;
	background: -moz-linear-gradient(top, #000 0%, #660000 75%) fixed; /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(75%,#660000)) fixed; /* webkit */
	
	
	}






header {
	border: 2px black solid;
	color: #660000;
	margin: 20px auto 4px auto;
	padding: 4px;
	width:792px;
	text-align: center;
	text-transform: uppercase; 
	text-shadow: 0 1px 0 #FFF, 0 -1px 0 #000;
	
	
	font-size:180%;
	font-style: italic;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background-color: #f4a704;
	-moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.8);
	-webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.8);
	}
	

	
#content {
	color: #660000;
	border: 2px black solid;
	background-color: #f4a704;
	margin: 10px auto;
	padding: 20px 40px;
	clear: both;
	width:720px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;


	-moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.8);
	-webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.8);
}
#content h2, h1 {
	color: #660000;
	text-align: center;
	padding: 10px 0 0 0 ;
}

#content li {
	list-style: none;
	margin: 0 220px 0 160px;
	border-top: 1px solid #f4a704;
	text-align: left;
	
}

#content li a {
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #300;
	background: #660000;
	text-decoration: none;
}

#content li a:link { 
	color:  #f4a704; 
}
#content li a:visited { 
	color: #f4a704; 
}

#content li a:hover
{
	border-color: #fff;
	color: #fff;
	background: #000;
}
	
	
	
footer {
	color: #660000;
	border: 2px black solid;
	background-color: #f4a704;
	margin: auto;
	padding: 4px;
	clear: both;
	width:792px;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	text-shadow: 0 -1px 0 #000;
	font-size: 75%;
	-moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.8);
	-webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.8);
}