html,body{
	margin:0;
	padding:0;
	color: #666666;
}
body{
	font: 76% arial,sans-serif;
	text-align:center;
	background-color: #000000;
	background-image: url(/images/bodyBG.gif);
	background-repeat: repeat-x;
}
p, h3, h1, h2, h4 {margin:0 0 10px 0; padding: 0}
h3, h2, h1 {color: #fe7e12}
h2 {font-size: 1.75em}
#footer a, #content a, #extra a {color: #999999; border-bottom: dotted 1px #999999; text-decoration: none}

.clear {
	clear: both;
	height: 0px;
}
.wht {
	font-weight: 700;
	color: #fff;
}
.orange {
	color: #fe7e12
}
p.credits {
	display: block;
	color: #222;
	text-align: right;
	margin-top: 40px;
	background: url(/images/SubNavBG.gif) repeat-y right;
	padding: .7em;
}
p.credits a {
	color: #444;
	border-color: #444;
}
#header {
	background-image: url(/images/HeaderBG.gif);
	background-repeat: no-repeat;
	background-position: left -4px;
	margin-right: 4px;
	margin-left: 4px;
	height: 201px;
}
#TopNav {

	clear: right;
	float: right;
	margin: 0;
	padding: 0;
	width:300px;
}
#container #header img {
	float: left;
}
#HeaderGallery {
	float: right;
	height: 168px;
}

img.creed {width: 75px; height: 33px;border: none; padding: 0; margin: 0; background: url(/images/creed_over.gif)}
img.conduct {width: 90px; height: 33px;border: none; padding: 0; margin: 0; background: url(/images/conduct_over.gif)}
img.community {width: 105px; height: 33px;border: none; padding: 0; margin: 0; background: url(/images/community_over.gif)}

#TopNav a{float:right}
a img.creed, a img.conduct, a img.community {background-position: left 500px; background-repeat: no-repeat}
a:hover img.creed, a:hover img.conduct, a:hover img.community {background-position: top}

div#container{
	text-align:left;
}
div#content p{line-height:1.4}
/* div#extra{background:#FF8539} */
/* div#footer{background: #333;color: #FFF} */
div#footer p{margin:0;padding:5px 10px}

div#container{
	width:900px;
	margin:0 auto;
	background-image: url(/images/wrapperBG.gif);
	background-repeat: no-repeat;
}
div#wrapper{
	float:left;
	width:100%;
	background-image: url(/images/HeaderBG.gif);
	background-repeat: no-repeat;
	background-position: center -205px;
}
div#content{
	margin: 0 210px
       padding: 10px;
}
div#content.noextra{
	margin: 0 0 0 210px;
	padding: 20px;
}
div#navigation{
	float:left;
	width:200px;
	margin-left:-896px;
	padding-top: 20px;
}
#LockerWrapper {
        margin-top: 20px;
	text-align: center;
	background-image: url(/images/LockerBase.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 438px;
}

#LockerWrapper img {
       display:block;
       margin: 0 auto;
       padding: 0;
}
div#extra{
	float:left;
	width:200px;
	margin-left:-204px;
	padding-top: 20px;
}
div#footer{clear:left;width:100%;text-align: center;padding-top: 10px}
#footer img{margin-bottom:-30px}
ul.menu li ul {display:none}
ul.menu li.active ul {display:block}
#content {color: #999}
div#extra a img {
       border: none;
}