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;}

/*---------------------------------------------------
Overlapping Links and other Overlaps
-----------------------------------------------------*/

#nebula { 
background: url(images/nebula.gif) top no-repeat;
position: absolute; 
left: 227px;
top: 289px;
width: 114px;
height: 71px;
z-index: 4; 
}

#home { 
position: absolute; 
left: 243px;
top: 246px;
width: 68px;
height: 45px;
z-index: 3; 
}

#series { 
position: absolute; 
left: 324px;
top: 218px;
width: 86px;
height: 70px;
z-index: 3; 
}

#list { 
position: absolute; 
left: 414px;
top: 196px;
width: 98px;
height: 15px;
z-index: 3; 
}

#exit { 
position: absolute; 
left: 523px;
top: 147px;
width: 73px;
height: 73px;
z-index: 3; 
}

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

#mainwrap {
background: #000;
width: 800px;
margin-left: 0px;
z-index: 2; 
}

#header {
background: url(images/header.jpg) top no-repeat;
width: 800px;
height: 216px;
}


#contentwrap {
background: url(images/content-repeat.jpg) repeat-y;
float: left; 
}

#clear {clear: both;}
#clear2 {clear: both;}
#clear3 {clear: both;}
#clear4 {clear: both;}
#clear5 {clear: both;}


/*---------------------------------------------------
Footer Information
-----------------------------------------------------*/

#footer {
background: url(images/footer.jpg) top no-repeat;
width: 800px;
height: 300px;
float: left;
}

#footertext { 
padding: 20px 0px 0px 50px; 
color: #3b783a;
font: 10px arial;
text-transform: uppercase;
line-height: 12px;
letter-spacing: 0.2ex;
font: 10px arial; 
width: 500px; 
text-transform: uppercase; 
}

#footertext a:active {color: #3b783a;}
#footertext a:link {color: #3b783a;}
#footertext a:visited {color: #3b783a;}
#footertext a:hover {color: #286227;}

/*---------------------------------------------------
Content Elements
-----------------------------------------------------*/
#content { 
background: url(images/content.jpg) top no-repeat;
width: 800px;
min-height: 284px;
}

#text {
width: 480px; 
padding: 25px 0px 0px 30px; 
margin: 0px 0px 0px px; 
color: #454545;
font: 11px arial;
line-height: 22px;
letter-spacing: 0.3ex;
float: left;
}

#text h1 {
color: #ffffb8; 
font: italic 22px georgia;  
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px; 
text-align: right; 
text-transform: lowercase; 
}

#text h2 {
margin: 0px; 
padding: 1px 15px 0px 3px; 
color: #96717d; 
font: 8px arial; 
text-align: right; 
text-transform: uppercase; 
}

#text h1:first-letter {font: italic 28px georgia; color: #d3f79e;}
#text ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px;}
#text li {color: #424e3b; list-style-type: circle;}
#text .members {list-style-type: none;}
#text i {color: #378618; }
#text .indent {text-indent: 60px; margin: 5px 0px 10px 0px;}
#text p {text-indent: 10px;}

#text b {color: #aa5656;}
#text strong {color: #947018; }
#text u {color: #a1a123; text-decoration: none; }
#text tt {color: #347e8b; font: bold 11.3px arial;}


#text img { 
border-left: 1px solid #438aff; 
border-right: 1px solid #ff9b43; 
border-top: 1px solid #439833; 
border-bottom: 1px solid #d73232; 
margin: 0px 2px 0px 2px; 
padding: 2px; 
background: #032e27; 
}

#text a { font-weight: bold; padding-left: 2px; padding-right: 2px;}

#text a:visited{ color:#347e8b; }
#text a:link { color:#347e8b;}
#text a:active { color:#347e8b;}
#text a:hover { color:#a1a123;}

#text blockquote {
background: #1a1a00;
padding: 0px 5px 0px 5px; 
margin: 0px 0px 0px 20px ; 
width: 90%; 
}

#text input, select, option, textarea { 
border: 1px solid #454545; 
color: #96717d;
background: #180e02;
font: 11.3px arial;
padding: 1px;
margin: 0px;
}

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

#subnav {width: 250px; float: left; margin: 200px 0px 0px 0px;}

#subnav li {
display: block; 
margin-bottom: 10px;
height: 16px;
width: 240px;
}

.blue {border-bottom: 2px solid #438aff;}
.green {border-bottom: 2px solid #439833;}
.yellow {border-bottom: 2px solid #ffff43;}
.orange {border-bottom: 2px solid #ff9b43;}
.red {border-bottom: 2px solid #d73232;}

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

#subnav a { 
font: bold 14px "trebuchets ms"; 
padding-left: 5px; 
letter-spacing: 0.5ex; 
display: block; 
text-transform: lowercase; }

#subnav a:link {color: #fff;}
#subnav a:visited {color: #fff;}
#subnav a:active {color: #fff;}
#subnav a:hover {color: #a69364;}
