html, body, div, h1, h2, h3, h4, h5, h6, p, img, b, u, i, ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	min-width: 578px;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 76%;
	line-height: 1;
	background: #000;
}
#wrapper {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 574px;
	border: 2px solid #404406;
	font-size: 1.05em;
	color: #fff;
}
ol, ul {
	list-style: none;
}
.spacer {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
a:link {
	color: #717715;
	text-decoration: none;
}
a:visited {
	color: #717715;
	text-decoration: none;
}
a:hover {
	color: #c9b863;
	text-decoration: underline;
}
a:active {
	color: #717715;
	text-decoration: none;
}
p {
	margin: 0 0 12px 0;
	padding: 0;
}

/* header */
#header {
	padding: 6px 0 3px 0;
	border-bottom: 2px solid #404406;
}
h1 {
	display: none;
}

/* nav */
#navigation {
	text-align: center;
	border-bottom: 2px solid #404406;
}
#nav {
	margin: 0;
	list-style: none;
	width: 100%;
	font-family: 'Pathway Gothic One';
	font-size: 1.7em;
	float: left;
}
#nav li {
	padding: 0 24px;
	border-left: 2px solid #222;
	position: relative;
	float: left;
}
#nav li:first-child {
	border: none;
}
#nav li ul li {
	border: none;
}
#nav a {
	display: block;
	padding: 5px;
	text-decoration: none;
}
#nav a:hover {
	color: #c9b863;
	background: #6b0c36;
	text-decoration: underline;
}
#nav ul {
	background: #000; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. black page == black background). */
	background: rgba(255,255,255,0); /* But let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li {
	padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	text-align: left;
	float: none;
}
#nav ul a {
	white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul { /* Display the dropdown on hover */
	left: -54px; /* Bring back on-screen when needed */
}
#nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background: #000;
	text-decoration: underline;
}
#nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration: none;
}
#nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background: #333;
}


/* splash image */
#splash {
	padding: 10px 0;
}