body { 
background: #000;
cursor: default; 
text-align: justify;
overflow: auto;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}

a {text-decoration: none; cursor: default; }
td {margin: 0px; padding: 0px;}
tr {margin: 0px; padding: 0px;}

/*---------------------------------------------------
Wraps and Header Wrap Info
-----------------------------------------------------*/

#mainwrap {
background: #000 url(repeat-x.jpg) top right repeat-x;
width: 100%;
margin-left: 0px;
min-height: 303px;
z-index: 5;
}

#wrap {width: 730px; float: right;}

#spacer1 {
background: url(02a.jpg) top left no-repeat;
width: 28px;
height: 149px;
float: left;
}

#spacer2 {
background: url(02b.jpg) top left no-repeat;
width: 360px;
height: 149px;
float: left;
}

#header1 {
background: url(01.jpg) top no-repeat;
width: 730px;
height: 72px;
}

#clear {clear: both;}
#clear2 {clear: both;}


#overlap {
background: url(hand.gif) top left no-repeat;
width: 33px;
height: 352px;
position: absolute;
top: 374px;
right: 259px;
z-index: 10;
}

/*---------------------------------------------------
Footer Information
-----------------------------------------------------*/
#footerwrap {
background: url(footer_wrap.jpg) top repeat-x; 
width: 100%; 
height: 150px;
}

#footer {
background: url(footer.jpg) top no-repeat;
width: 750px;
height: 150px;
float: left;
}

#footertext { 
padding-top: 50px; 
padding-left: 280px;
color: #2c336c;
font: 10px arial;
text-transform: uppercase;
line-height: 12px;
letter-spacing: 0.2ex;
width: 775px;
}

#footertext a:active {color: #38407f;}
#footertext a:link {color: #38407f;}
#footertext a:visited {color: #38407f;}
#footertext a:hover {color: #475095;}

/*---------------------------------------------------
Subnavigation
-----------------------------------------------------*/

#subnav {width: 180px; float: left;}

#subnav li {
background: #120d1b; 
display: block; 
border-bottom: 1px solid #171829; 
margin-bottom: 10px;
height: 16px;
width: 150px;
}

#subnav ul {margin-left: 10px; padding: 0px;}

#subnav a {font: bold 14px "arial narrow"; padding-left: 5px; letter-spacing: 0.4ex; display: block;}

#subnav a:link {color: #35313d;}
#subnav a:visited {color: #35313d;}
#subnav a:active {color: #35313d;}
#subnav a:hover {color: #3e3947; background: #111427;}

/*---------------------------------------------------
Content Elements
-----------------------------------------------------*/
#text {width: 463px; float: left;}

#content { 
background: url(bg.jpg) top no-repeat;
color: #bb6f2e;
font: 11px arial;
line-height: 22px;
letter-spacing: 0.3ex;
width: 730px;
min-height: 554px;
}

.sub {
font: italic 20px arial; 
padding: 0px 0px 0px 0px; 
margin: -24px 0px 0px 20px; 
color: #394445; 
text-transform: uppercase;
}

#text h2:first-letter {
font: bold 27px "arial";
color: #911e20;
}

#text h2 {
margin: 0px 0px 0px 0px;
padding:39px 0px 0px 0px;
text-transform: uppercase;
font: bold 27px "Trebuchet ms";
color: #911e20;
}

#text b {color: #d5525d;}
#text li { list-style-type: disc;}
#text i {color: #76883d; }
#text p {text-indent: 8px;}

#text strong {color: #21528b; }

#text img { 
border-left: 1px solid #911e21; 
border-bottom: 1px solid #911e21; 
margin-left: 2px; 
margin-right: 2px; 
padding: 2px; background: #2e2e2e; 
}

#text a { font-weight: bold; padding: 0px 1px 0px 1px;}
#text A:visited{ color:#f1c6a1; background: #000;}
#text A:link { color:#f1c6a1; background: #000;}
#text A:active { color:#204123; background: #000;}
#text A:hover { color:#030000; background: #6c7373;}

#text blockquote {
font: 11px "arial narrow"; 
color: #000; 
border: 4px solid #2b0000; 
background: #363a3a; 
padding: 4px;}

#text blockquote a:link {border-bottom: 1px solid #000;}
#text blockquote a:visited {border-bottom: 1px solid #000;}
#text blockquote a:hover {border-bottom: 1px solid #000;}
#text blockquote a:active {border-bottom: 1px solid #000;}

#text input, select, option, textarea { 
border: 1px solid #aa433a;
color: #5e605f;
background: #2c0001;
font: 11.3px arial;
padding: 1px;
margin: 0px;
}

/*---------------------------------------------------
Content Header Information
-----------------------------------------------------*/

#head2 {
width: 730px;
height: 149px;
float: left;
}

#head2_navi {
height: 149px;
float: left;
}

#head2_navi ul{
padding: 0px; margin: 0px;
}

#navi {
background: transparent url(navigation.jpg) top left no-repeat;
margin: 0;
padding: 0;
position: relative;
width: 342px;
height: 149px;
float: left;
}

#navi li {
display: block;	
list-style: none;
margin: 0;
padding: 0;
position: absolute;
}

#navi a { 
display: block; 
height: 149px;
text-decoration: none;
}

#navi span { 
font-size: 1.0em;
visibility: hidden; 
}

#home {
top: 0px;
left: 0px;
width: 49px;
}

#fans {
top: 0px;
left: 49px;
width: 47px;
}

#join {
top: 0px;
left: 96px;
width: 58px;
}

#code {
top: 0px;
left: 154px;
width: 51px;
}

#links {
top: 0px;
left: 205px;
width: 65px;
}

#extra {
top: 0px;
left: 270px;
width: 72px;
}

#home a:hover { background: url(navigation.jpg) -342px 0px no-repeat; }
#fans a:hover { background: url(navigation.jpg) -391px 0px no-repeat;}
#join a:hover { background: url(navigation.jpg) -438px 0px no-repeat;}
#code a:hover { background: url(navigation.jpg) -496px 0px no-repeat;}
#links a:hover { background: url(navigation.jpg) -547px 0px no-repeat;}
#extra a:hover { background: url(navigation.jpg) -612px 0px no-repeat;}