
/* -- GENERAL FORMATTING --*/
p { margin-bottom: 18px; display: block; }
h1, h2, h3 { font-family: Helvetica, "Nimbus Sans L", sans-serif; }
h1 { font-size: 1.4em; color: #000; display: block; font-weight: bold; margin-bottom: 4px; }
h2 { font-size: 1.2em; color: #222; display: block; font-weight: bold; margin-bottom: 4px; }
h3 { font-size: 1.1em; color: #444; display: block; font-weight: bold; margin-bottom: 4px; }
img { border: 0px; }


a { color: #05619c; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

html {
	height: 100%;
}
body {
	min-height: 101%;
	font-family: Verdana, Helvetica, sans-serif;
	color: #111111;
	font-size: 0.8em;
	line-height: 1.6em;
	background: #ddd;
}

#wrapper {
	width: 975px;
	margin: 0px auto;
	margin-top: 40px;
}

#banner {
	background: url(images/banner.png);

	width: 975px;
	height: 179px;
	border: 2px solid #111;
	border-bottom: 0px;

	float: left;
}

#logo {
	margin-top: 20px;
	float: left;
	width: 975px;
	height: 138px;
}

#navigation {
	margin: 0px;
	margin-left: 4px;
	float: left;

	list-style-type: none;
}

#navigation li, #navigation li span {
	float: left;
	height: 21px;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
}
#navigation li span { background: url(images/navigation.png); }

#navigation #nav-home span, #navigation #nav-home { width: 60px; }
#navigation #nav-home span:hover { background-position: 0px -20px; }
#navigation #nav-home span:active { background-position: 0px -41px; }
#navigation #nav-home .unavailable, #navigation #nav-home .unavailable:hover, #navigation #nav-home .unavailable:active { background-position: 0px -63px; }

#navigation #nav-music span, #navigation #nav-music  { width: 65px; background-position: -63px 0px; }
#navigation #nav-music span:hover { background-position: -63px -20px; }
#navigation #nav-music span:active { background-position: -63px -41px; }
#navigation #nav-music .unavailable, #navigation #nav-music .unavailable:hover, #navigation #nav-music .unavailable:active { background-position: -63px -63px; }

#navigation #nav-merch span, #navigation #nav-merch { width: 65px; background-position: -125px 0px; }
#navigation #nav-merch span:hover { background-position: -125px -20px; }
#navigation #nav-merch span:active { background-position: -125px -41px; }
#navigation #nav-merch .unavailable, #navigation #nav-merch .unavailable:hover, #navigation #nav-merch .unavailable:active { background-position: -125px -63px; }

#navigation #nav-forum span, #navigation #nav-forum { width: 75px; background-position: -190px 0px; }
#navigation #nav-forum span:hover { background-position: -190px -20px; }
#navigation #nav-forum span:active { background-position: -190px -41px; }
#navigation #nav-forum .unavailable, #navigation #nav-forum .unavailable:hover, #navigation #nav-forum .unavailable:active { background-position: -190px -63px; }

#navigation #nav-donate span, #navigation #nav-donate { width: 80px; background-position: -265px 0px; }
#navigation #nav-donate span:hover { background-position: -265px -20px; }
#navigation #nav-donate span:active { background-position: -265px -41px; }
#navigation #nav-donate .unavailable, #navigation #nav-donate .unavailable:hover, #navigation #nav-donate .unavailable:active { background-position: -265px -63px; }

#navigation #nav-links span, #navigation #nav-links { width: 60px; background-position: -345px 0px; }
#navigation #nav-links span:hover { background-position: -345px -20px; }
#navigation #nav-links span:active { background-position: -345px -41px; }
#navigation #nav-links .unavailable, #navigation #nav-links .unavailable:hover, #navigation #nav-links .unavailable:active { background-position: -345px -63px; }

#navigation #nav-about span, #navigation #nav-about { width: 60px; background-position: -405px 0px; }
#navigation #nav-about span:hover { background-position: -405px -20px; }
#navigation #nav-about span:active { background-position: -405px -41px; }
#navigation #nav-about .unavailable, #navigation #nav-about .unavailable:hover, #navigation #nav-about .unavailable:active { background-position: -405px -63px; }

#navigation #nav-contact span, #navigation #nav-contact { width: 80px; background-position: -465px 0px; }
#navigation #nav-contact span:hover { background-position: -465px -20px; }
#navigation #nav-contact span:active { background-position: -465px -41px; }
#navigation #nav-contact .unavailable, #navigation #nav-contact .unavailable:hover, #navigation #nav-contact .unavailable:active { background-position: -465px -63px; }




#content {
	background: #eee;
	border: 2px solid #111;

	padding-top: 10px;

	width: 975px;
	float: left;
}

.left {
	width: 640px;
	padding: 10px;

	float: left;
	display: inline;
}

.right {
	width: 295px;
	padding: 10px 10px 10px 0px;

	float: right;
	display: inline;
}

#footer {
	background: #848484;
	border: 2px solid #111;
	border-top: 0px;

	padding-left: 5px;

	width: 970px;
	float: left;

	color: #000;
}