body {
cursor: default; 
background-color: #3c3e3a; 
margin: 0px;
padding: 0px;
background-image: url(images/bg.gif);
}
/*only ie will show for the scroller style */
body {
    scrollbar-base-color: #f2f2f2; 
	scrollbar-track-color: #f9fafa;
	scrollbar-face-color: #F1F1F1;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-shadow-color: #C8C8CA;
	scrollbar-arrow-color: #999999;
}
table
{
	empty-cells: show;
}
/* By default (td, body..) use verdana in #ffa200. */
body, td, th , tr
{
font-size: 11px; 
color: #ffffff;
font-family:  arial, helvetica, verdana, sans-serif; 
text-decoration: none;
}
/*theme classes and fixes */
.headbg
{
background: url(images/hd/XD-ApocV1_HD_02.gif);
}


                          /*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#menu1 a {
color:white;
background-color:black;
text-decoration:none;
text-indent:1ex;
}
#menu1 a:active {
color:white;
text-decoration:none;
}
#menu1 a:hover {
color:#A49277;
background-color:black;
}
#menu1 a:visited {
color:white;
text-decoration:none;
}

#menu2 a {
color:white;
background-color:black;
text-decoration:none;
text-indent:1ex;
}
#menu2 a:active	{
color:white;
text-decoration:none;
}
#menu2 a:visited {
color:white;
text-decoration:none;
}
#menu2 a:hover {
color:#A49277;
background-color:black;
}

#menu3 a { /*Menu3 Links*/
color:white;
background-color:black;
text-decoration:none;
text-indent:1ex;
}
#menu3 a:hover {
color:#A49277;
background-color:black;
}
#menu3 a:active	{
color:white;
text-decoration:none;
}
#menu3 a:visited	{
color:white;
text-decoration:none;
}

/*Style sheet used for demo. Remove if desired*/
.handcursor{
cursor:hand;
cursor:pointer;
}

.dockclass{
position:relative;
background-color: #191711;
color: white;
border: 1px solid #d5a709;
}
                           /*End Menu Links*/
#shrink
{
position: absolute;
	top: 174px;
	right: 175px;
	z-index: 50;

	
}
#flash_shoutbox
{
position: absolute;
	top: 220px;
	left: 0px;
	z-index: 50;
}
#marqueecontainer{
position: relative;
width: 155px; /*marquee width */
height: 100px; /*marquee height */
overflow: hidden;
border: 0px solid #000000;
padding: 2px;
padding-left: 4px;
text-align: left;



}
.bodystyle
{

font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
background-color: #2D2F2B;
}
/* No image should have a border when linked */
a img{
	border: 0;
}
/* TP specific classes */
.sitemap{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sitemap_topheader{
	background: #000000;
	border-bottom: solid 1px #303030;
	padding: 4px;
}

.sitemap_header{
	background: #303030;
	border-bottom: solid 1px #404040;
	padding: 4px;
	display: block;
	font-weight: bold;
	text-decoration: none;
 }

.sitemap_header_active{
	background: #303030;
	border-bottom: solid 1px #404040;
	padding: 4px;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

.sitemap_header:hover , .sitemap_header_active:hover{
	
	background: #000000;
	border-bottom: solid 1px #303030;
	text-decoration: none;
	font-weight: bold;
	color: #A49277;
}

/* TP other styles */
ul#articlelist
{
	margin: 0;
	padding: 0.5ex 0;
	list-style: none;
}
ul#catlist
{
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: solid 1px #303030;
}

ul#articlelist li
{
	margin: 0;
	display: block;
	padding: 0 0 0 3ex;
	background: url(images/divider.gif) no-repeat 5px 3px;
}
ul#catlist li
{
	display: block;
	padding: 0 0 0 3ex;
	margin: 0;
}

/* TP rss feed styles */
.rss_title{
 font-weight: bold;
}

.rss_body{
	margin-bottom: 1ex;
}

.rss_image{
	margin: 4px 0 4px 0;
}
/* Simple Machines Forum Specific classes */



/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em;
}
/* The AJAX notifier */
#ajax_in_progress
{
	background-color:#009900;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
/* Sometimes there will be an error when you post */
.error
{
	color: red;
}
/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
	color: black;
	text-transform: uppercase;
	vertical-align: top;
}
.maintab_back, .maintab_active_back
{
	color: black;
	text-decoration: none;
	font-size:  9px;
	vertical-align: top;
	padding: 2px 6px 6px 6px;
	font-family: tahoma, sans-serif;
}

.maintab_first
{
	background: url(images/maintab_first.gif) left bottom no-repeat;
	width: 10px;
}
.maintab_back
{
	background: url(images/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
	background: url(images/maintab_last.gif) left bottom no-repeat;
	width: 8px;
}
.maintab_active_first
{
	background: url(images/maintab_active_first.gif) left bottom no-repeat;
	width: 6px;
}
.maintab_active_back
{
	background: url(images/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
	background: url(images/maintab_active_last.gif) left bottom no-repeat;
	width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
	color: black;
	text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
	color:  #A49277;
	text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
	color: black;
	text-transform: uppercase;
	vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
	color: black;
	text-decoration: none;
	font-size: 9px;
	vertical-align: bottom;
	padding: 6px 6px 2px 6px;
	font-family: tahoma, sans-serif;
}

.mirrortab_first
{
	background: url(images/mirrortab_first.gif) no-repeat;
	width: 10px;
}
.mirrortab_back
{
	background: url(images/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
	background: url(images/mirrortab_last.gif) no-repeat;
	width: 6px;
}
.mirrortab_active_first
{
	background: url(images/mirrortab_active_first.gif) no-repeat;
	width: 6px;
}
.mirrortab_active_back
{
	background: url(images/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
	background: url(images/mirrortab_active_last.gif) no-repeat;
	width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
	color: black;
	text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
	color: #A49277;
	text-decoration: none;
}
/*End Specific classes SMF */
.centertitle, .centertitle a:link, .centertitle a:visited
{
    font-weight: bold;
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	
}
.centertitle a:hover
{
font-weight: bold;
	color: #A49277;
	font-style: normal;
	text-decoration: none;
	font-size: 14px;
}
.sidetitle, .sidetitle a:link, .sidetitle a:visited
{
	font-weight: bold;
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	font-size: 14px;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}

.sidetitle a:hover, .sidetitle2 a:hover
{
	font-weight: bold;
	color: #A49277;
	font-style: normal;
	text-decoration: none;
	font-size: 14px;
}
.sidetitle2, .sidetitle2 a:link, .sidetitle2 a:visited
{
font-weight: bold;
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	font-size: 14px;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}

.boxbody2
{

text-align: left;
background-color: #2D2F2B;
}
.boxbody
{
background-color: #2D2F2B;

text-align: left;
}
.sf {	 FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A:link {

COLOR: #A49277; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}
A:visited {
 
COLOR: #A49277; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}
A:active {

COLOR: #ffffff; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}
A:hover {

COLOR: #666666; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}


TEXTAREA {
background-image: url(images/hd/textbg.gif);
background-repeat: repeat-x;
color:#ffffff;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
background-color : #373737;
BORDER-TOP: #232323 1px solid; 
BORDER-BOTTOM: #898988 1px solid; 
BORDER-LEFT: #232323 1px solid; 
BORDER-RIGHT: #898988 1px solid;
width: 100%;
	overflow: auto;
	line-height: 1.3em;
}
P {

COLOR: #ffffff; 
LINE-HEIGHT: 1.4; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}
TABLE {

COLOR: #ffffff; 
FONT-FAMILY:  arial, helvetica, verdana, sans-serif; 
TEXT-DECORATION: none
}

TD.content {

COLOR: #ffffff; 
TEXT-DECORATION: none;
FONT-FAMILY:  arial, helvetica, verdana, sans-serif;
 
}
TD.extra {
background-image: url(images/hd/row111.gif);
background-repeat: repeat-x;
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}

TD.extras {
background-image: url(images/hd/row111.gif);
background-repeat: repeat-x;
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}

hr, .hrcolor {
border-top: 1px solid #5d543b;
background: #5d543b;
height: 1px;
width: 90%;
}
TD.info1 {
background-image: url(images/hd/row111.gif);
background-repeat: repeat-x;
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}


UL {
	LIST-STYLE-TYPE: square
}
.center {
	TEXT-ALIGN: center
}
.justify {
	TEXT-ALIGN: justify
}
.right {
	TEXT-ALIGN: right
}
.heading {
FONT-WEIGHT: bold; 

COLOR: #ffffff; 
FONT-FAMILY: Tahoma; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none
}
.heading1 {
FONT-WEIGHT: bold; 

COLOR: #ffffff; 
FONT-FAMILY: Tahoma; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none
}
.blocktitle {
FONT-WEIGHT: bold; 
 
COLOR: #A49277; 
FONT-FAMILY: arial; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none
}
SELECT {
color:#ffffff;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
background-color : #474747;
BORDER-TOP: #232323 1px solid; 
BORDER-BOTTOM: #898988 1px solid; 
BORDER-LEFT: #232323 1px solid; 
BORDER-RIGHT: #898988 1px solid;

}

.style2 {color: #FFFFFF}
/* Copyright and bottom info */
.copyright { font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #A49277;}
.copyright { font-size: 10px; font-weight: bold; color: #A49277; text-decoration: none;}
.copyright a:link { font-size: 10px; font-weight: bold; color: #A49277; text-decoration: NONE;}
.copyright a:active { font-size: 10px; font-weight: bold; color: #A49277; text-decoration: NONE;}
.copyright a:visited { font-size: 10px; font-weight: bold; color: #A49277; text-decoration: NONE;}
.copyright a:hover { font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: NONE;}
.copyright2 { font-size: 10px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #A49277;}

input {
background-image: url(images/hd/input.gif);
background-repeat: repeat-x;
background-color : #737373;
BORDER-TOP: #232323 1px solid; 
BORDER-BOTTOM: #898988 1px solid; 
BORDER-LEFT: #232323 1px solid; 
BORDER-RIGHT: #898988 1px solid;
font-size: 11px;
color: #A49277;
}
input.1 {
background-image: url(images/hd/input.gif);
background-repeat: repeat-x;
background-color : #737373;
BORDER-TOP: #232323 1px solid; 
BORDER-BOTTOM: #898988 1px solid; 
BORDER-LEFT: #232323 1px solid; 
BORDER-RIGHT: #898988 1px solid;
font-size: 11px;
color: #A49277;
}
/* This is the border line & background colour round the entire page */
.bodyline	{ 
background-color: #474747; 
border:0px solid; 
border-color:#000000;
}
.tablein, .bordercolor	{ 
background-image: url(images/hd/row111.gif);
background-repeat: repeat-x;
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}

.tableout, .tborder {
background-image: url(images/hd/row111.gif);
background-repeat: repeat-x;
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}	
/* This is the outline round the main forum tables */
.forumline	{ 
background: #474747;
BORDER-TOP: #000000 0px solid; 
BORDER-BOTTOM: #424258 0px solid; 
BORDER-LEFT: #000000 0px solid; 
BORDER-RIGHT: #424258 0px solid;
}
.forumline2	{ 
color: #ffffff; 

font-weight : bold;
background-image: url(images/hd/bar.gif);
background-repeat: repeat-x;
background-color : #5C5C5C;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
height: 29px;
}

/* Main table cell colours and backgrounds */
td.row1, .windowbg	{
background-image: url(images/hd/row111.gif);
background-repeat: repeat-x;
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}

td.row11	{
background-image: url(images/hd/row11.gif);
background-repeat: repeat-x;
background-color : #000000;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.row111	{
background-image: url(images/hd/row1111.gif);
background-repeat: repeat-x;
background-position: top;
background-color : #000000;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.row113, .calendar_today	{
background-image: url(images/hd/row1113.gif);
background-repeat: repeat-x;
background-position: top;
background-color : #392d19;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.row22	{
background-image: url(images/cat_back.gif);
background-position: top;
background-repeat: repeat-x;
background-color : #21221f;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;

}
td.row33	{
background-image: url(images/apocstrip_back.gif);
background-position: top;
background-repeat: repeat-x;
background-color : #000000;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;

}
td.row1cell	{
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.row1rt	{
background-image: url(images/hd/row111.gif);
background-repeat: repeat-x;
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 0px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.row1lt	{
background-image: url(images/hd/row111.gif);
background-repeat: repeat-x;
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 0px solid;
}
td.row1d	{
background-image: url(images/hd/row111.gif);
background-repeat: repeat-x;
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 0px solid; 
BORDER-LEFT: #3e3e3e 0px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.row1u	{
background-color : #171717;
BORDER-TOP: #3e3e3e 0px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 0px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.row2u	{
background-color : #4d4d4d;
BORDER-TOP: #3e3e3e 0px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.row2, .windowbg2	{
background-image: url(images/hd/row111.gif);
background-repeat: repeat-x;
background-position: top;
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.row3, .windowbg3	{
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.row4, .windowbg4	{
background-color : #1A1A1A;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.rowpic {
background-color : #1A1A1A;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.pic
{
color: #ffffff; 

font-weight : bold;
height: 19px;
background-image: url(images/hd/bar2.gif);
background-repeat: repeat;
background-color : #58554A;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}
td.piclt
{
color: #ffffff; 

font-weight : bold;
height: 19px;
background-image: url(images/hd/bar2.gif);
background-repeat: repeat;
background-color : #58554A;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 0px solid;
}
td.picrt
{
color: #ffffff; 

font-weight : bold;
height: 19px;
background-image: url(images/hd/bar2.gif);
background-repeat: repeat;
background-color : #58554A;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 0px solid; 
BORDER-RIGHT: #000000 1px solid;
}
th	{
color: #ffffff; 

font-weight : bold;
background-image: url(images/hd/bar.gif);
background-repeat: repeat-x;
background-color : #5C5C5C;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
height: 29px;
}
th.bar	{
color: #ffffff; 

font-weight : bold;
background-image: url(images/hd/bar.gif);
background-repeat: repeat-x;
background-color : #5C5C5C;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
height: 29px;
}
th.1	{
	color: #ffffff; 

font-weight : bold;
background-image: url(images/hd/bar.gif);
background-repeat: repeat-x;
background-color : #5C5C5C;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
height: 29px;
	
}
th.2	{
color: #ffffff;  font-weight : bold;
background-color: #4d4d4d;
BORDER-TOP: #3e3e3e 0px solid; 
BORDER-BOTTOM: #000000 0px solid; 
BORDER-LEFT: #3e3e3e 0px solid; 
BORDER-RIGHT: #000000 0px solid;
	
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, .catbg , tr.catbg td , .catbg3 , tr.catbg3 td {
background-image: url(images/apocstrip_back.gif);
background-position: top;
background-repeat: repeat-x;
background-color : #000000;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
.popup-box
{
	position: absolute;
	border: 1px solid #000000;
	background: #000000;
	color: #6d6d6d;
	text-align: left;
	display: none;
}

.drop-title /* These are the text title bars for the drop links. */
{
	background: #000000 url(images/apocstrip_back.gif) repeat-x top;
	color: #afafaf;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	line-height: 25px;
	vertical-align: middle;
	text-transform: capitalize;
}
.drop-title a:link, .drop-title_alink
{
	color: #676046;
	text-decoration: none;
}
.drop-title a:visited, .drop-title_avisited
{
	color: #676046;
	text-decoration: none;
}
.drop-title a:hover, .drop-title a:active, .drop-title_ahover
{
	color: #676046;
	text-decoration: underline;
}
.chosen, .chosen a:link, .chosen a:visited, .chosen a:active
{
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
    color: #8c7e61;
	font: 11 px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	background-image: url(images/hd/row1113.gif);
	background-position: top;
    background-repeat: repeat-x;
    background-color : #000000;
    border-top: #3e3e3e 1px solid; 
    border-bottom: #000000 1px solid; 
    border-left: #3e3e3e 1px solid; 
    border-right: #000000 1px solid;
}
.chosen a:hover
{
	color: #d2ae02;
	text-decoration: none;

}
.quick_menu, .quick_menu a:link, .quick_menu a:visited, .quick_menu a:active /* These are the sub links in the main navigation. */
{
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
    color: #8c7e61;
	font: 11 px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	background-image: url(images/hd/row111.gif);
	background-position: top;
    background-repeat: repeat-x;
    background-color : #000000;
    border-top: #3e3e3e 1px solid; 
    border-bottom: #000000 1px solid; 
    border-left: #3e3e3e 1px solid; 
    border-right: #000000 1px solid;
}

.quick_menu a:hover
{
	color: #d2ae02;
	text-decoration: none;

}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR, .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td  {
font-weight: bold; 
background-image: url(images/cat_back.gif);
background-position: top;
background-repeat: repeat-x;
background-color : #21221f;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid; 
}
td.row3Right,td.spaceRow {
background-color : #171717;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}

/* The largest text used in the index page title and toptic title etc. */
.largetext,h2 {
font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 110%; color : #fdfdfd;
}
.maintitle,h1	{
			font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #fdfdfd;
}
.maintitle a:link   { text-decoration: none; color : #fdfdfd; font-size: 18px; }
.maintitle a:visited { text-decoration: none; color : #fdfdfd; font-size: 18px; }
.maintitle a:hover	{ text-decoration: NONE; color : #A49277; font-size: 18px; }

/* General text */
.smalltext, .gensmall
{
	font-size : 10px;
	color : #ffffff;
	font-family: verdana, sans-serif;
}
.middletext, .genmed
{
	font-size : 11px;
	color : #ffffff;
	font-family: verdana, sans-serif;
}
.normaltext, .gen
{
	font-size : 12px; 
	color : #ffffff;
	font-family: verdana, sans-serif;
}
.gen a:link, .genmed a:link, .gensmall a:link, .normaltext a:link, .middletext a:link, .smalltext a:link, .gen a:visited, .genmed a:visited, .gensmall a:visited, .normaltext a:visited, .middletext a:visited, .smalltext a:visited
{ 
 color: #ffffff;
 text-decoration: none; 
 }
.gen a:hover, .genmed a:hover, .gensmall a:hover, .normaltext a:hover, .middletext a:hover, .smalltext a:hover
	{ 
	color: #A49277; 
	text-decoration: none; 
	}


/* The register, login, search etc links at the top of the page */
.mainmenu		{  color : #ffffff;}
.mainmenu  a:link, .mainmenu a:visited, .titlebg, .titlebg a:link, .titlebg a:visited
{ 
text-decoration: none; 
color : #A49277;

}
.mainmenu a:hover{ text-decoration: none; color : #666666;}


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 0px; color : #ffffff}
.cattitle a:link, .catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited{ text-decoration: none; color : #A49277; font-size: 12px ; }
.cattitle a:hover, .catbg a:hover, .catbg2 a:hover, .catbg3 a:hover{ text-decoration: none; color : #666666;}


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #ffffff; }
.forumlink a:link, .titlebg2 a:link, .titlebg2 a:visited{ text-decoration: none; font-size: 12px ; color : #A49277; }
.forumlink a:hover, .titlebg2 a:hover{ text-decoration: NONE; color : #666666; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold;  color : #ffffff;}
.nav a:link{ text-decoration: none; color : #A49277; }
.nav a:hover		{ text-decoration: NONE; color : #666666;}


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold;  color : #ffffff; }
.topictitle a:link   { text-decoration: none; color : #A49277; }
.topictitle a:visited { text-decoration: none; color : #A49277; }
.topictitle a:hover	{ text-decoration: NONE; color : #666666; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{  color : #A49277;}

/* Location, number of posts, post date etc */
.postdetails		{  color : #ffffff; }


/* The content of the posts (body of text) */
.postbody {  color : #ffffff; }
.postlink a:link	{ text-decoration: none; color : #ffffff;  }
.postlink a:visited { text-decoration: none; color : #ffffff; }
.postlink a:hover { text-decoration: NONE; color : #A49277; }

.quote {
background-image: url(images/hd/textbg.gif);
background-repeat: repeat-x;
color:#ffffff;

font-family: Arial,Helvetica,sans-serif;
background-color : #373737;
BORDER-TOP: #232323 1px solid; 
BORDER-BOTTOM: #898988 1px solid; 
BORDER-LEFT: #232323 1px solid; 
BORDER-RIGHT: #898988 1px solid;
}

.code {
background-image: url(images/hd/textbg.gif);
background-repeat: repeat-x;
color:#ffffff;

font-family: Arial,Helvetica,sans-serif;
background-color : #373737;
BORDER-TOP: #232323 1px solid; 
BORDER-BOTTOM: #898988 1px solid; 
BORDER-LEFT: #232323 1px solid; 
BORDER-RIGHT: #898988 1px solid;
}

input.sub {
color:#ffffff;

font-family: Arial,Helvetica,sans-serif;
background-color : #373737;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}
/* The text input fields background colour */
input.post {
	background-color : #737373;
}


/* The buttons used for bbCode styling in message post */
input.button {
color:#ffffff;

font-family: Arial,Helvetica,sans-serif;
background-color : #4d4d4d;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}

/* The main submit button option */
input.mainoption {
color:#ffffff;

font-family: Arial,Helvetica,sans-serif;
background-color : #4d4d4d;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}

/* None-bold submit button */
input.liteoption {
color:#ffffff;

font-family: Arial,Helvetica,sans-serif;
background-color : #4d4d4d;
BORDER-TOP: #3e3e3e 1px solid; 
BORDER-BOTTOM: #000000 1px solid; 
BORDER-LEFT: #3e3e3e 1px solid; 
BORDER-RIGHT: #000000 1px solid;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline {
background-image: url(images/hd/input.gif);
background-repeat: repeat-x;
background-color : #737373;
BORDER-TOP: #232323 1px solid; 
BORDER-BOTTOM: #898988 1px solid; 
BORDER-LEFT: #232323 1px solid; 
BORDER-RIGHT: #898988 1px solid;

color: #A49277;
}
/*
.menunav
{
        display:block;
		width:auto;
		padding:4px 5px 9px 5px;
		font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		
		font-weight: bold;
		color:#c5a304;
		background: url(images/img/XD-ApocV1_VBtools_MenuCSSOV.gif) 0 0 no-repeat;
		text-decoration: none;
		text-align:center;
		white-space: nowrap;
		
}
.menunav a:link, .menunav a:visited, .menunav a:active
{
        font-size: 10px;
		font-weight: bold;
		color:#c5a304;
		

}
.menunav a:hover
{
        background-position: 0 -50px;
		color: #ffffff;
		text-align:center;
		

}*/
.pagenav  {
		display:block;
		width:auto;
		padding:3px 20px 3px 5px;
		vertical-align: middle;
		font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		color:#ffffff;
		background: url("images/hd/row111.gif") 0 0 repeat-x;
		text-decoration: none;
		text-align:center;
		white-space: nowrap;
		}
.pagenav a {
		color:#A49277;;
		background-position: 0 0px;
		text-decoration: none;
		text-align:center;
		}
	.pagenav a:hover {	
		background-position: 0 -25px;
		color: #c5a304;
		text-align:center;
		}
	.pagenav a:active {
		background-position: 0 -50px;
		color:#cccccc;
		text-align:center;
		}
.menunav a {
		display:block;
		width:auto;
		padding:4px 5px 9px 5px;
		font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		color:#c5a304;
		background: url("images/img/XD-ApocV1_VBtools_MenuCSSOV.gif") 0 0 repeat-x;
		text-decoration: none;
		text-align:center;
		white-space: nowrap;
		}
	.menunav a:hover {	
		background-position: 0 -25px;
		color: #ffffff;
			text-align:center;
		}
	.menunav a:active {
		background-position: 0 -50px;
		color:#000000;
			text-align:center;
		}
.menunavS, .menunavS a:link, .menunavS a:visited, .menunavS a:active, .menunavS a:hover
{
    padding-left: 2px;
	padding-right: 2px;
	height: 25px;
}
.menuleft
{
background: url("images/img/XD-ApocV1_LS_OVER.gif") 0 0 no-repeat;

}
.menuright
{
background: url("images/img/XD-ApocV1_RS_OVER.gif") 0 0 no-repeat;

}

.toolnav a {
		display:block;
		width:auto;
		padding:4px 5px 9px 5px;
		font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		color:#c5a304;
		background: url("images/img/tool_text_bg.gif") 0 0 repeat-x;
		text-decoration: none;
		text-align:center;
		white-space: nowrap;
		}
	.toolnav a:hover {	
		background-position: 0 -25px;
		color: #ffffff;
			text-align:center;
		}
	.toolnav a:active {
		background-position: 0 -50px;
		color:#000000;
			text-align:center;
		}
.toolnavS, .toolnavS a:link, .toolnavS a:visited, .toolnavS a:active, .toolnavS a:hover
{
    padding-left: 2px;
	padding-right: 2px;
	height: 25px;
}
.toolleft
{
background: url("images/img/tool_text_left.png") 0 0 no-repeat;

}
.toolright
{
background: url("images/img/tool_text_right.png") 0 0 no-repeat;

}