body {
FONT-SIZE: 11px;
COLOR: #FFFFFF;
BACKGROUND-color: #000000;
FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
}

a {
COLOR: #FFFF00;
FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
TEXT-DECORATION: none;
}

a:hover {
COLOR: #FF0000;
FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
TEXT-DECORATION: underline;
}

a.side {
FONT-SIZE: 11px;
COLOR: #FFFF00;
FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
TEXT-DECORATION: none;
}

a:hover.side {
FONT-SIZE: 11px;
COLOR: #ff0000;
FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
TEXT-DECORATION: underline;
}

a.white {
FONT-SIZE: 11px;
FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
COLOR: #FFB019;
TEXT-DECORATION: none;
}

a:hover.white {
FONT-SIZE: 11px;
COLOR: #ffffff;
FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
TEXT-DECORATION: underline;
}

.textbox {border-color: #5b5b5b; color:#FFFFFF; background-color: #003366; font:normal 10px Verdana,Arial,Helvetica,sans-serif;}

.button {
background: #CC0000;
color: #ffffff;
cursor: pointer;
FONT-SIZE: 10px;
FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
BORDER-TOP: #27282C 1px solid;
BORDER-BOTTOM: #27282C 1px solid;
BORDER-LEFT: #27282C 1px solid;
BORDER-RIGHT: #27282C 1px solid;
}

hr, hr.side-hr { border:1px #FFFF00 solid; border-bottom: 0; margin: 6px 0 4px 0; }

.main-body {
        font-size:11px;
        color:#ffffff;
}

.side-body {
        font-size:11px;
        color:#ffffff;
}

.forum-caption {
        background-image:url(images/tbg.gif);
        background-repeat:repeat-x;
        height: 25px;
FONT-SIZE: 11px;
FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
        font-weight:bold;
        padding-left: 5px;
        color:#FFFF99;
}

.side-caption {
        FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
        font-size:11px;
        font-weight:bold;
        color:#FFFF99;
}

.center-caption {
        FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
        font-size:13px;
        font-weight:bold;
        color:#FFFF99;
}

.tbl-border { background-color: #336699; }

.tbl { font-size: 11px; padding: 3px 4px 3px 4px; }

.tbl1 { font-size: 11px; color: #FFFFFF; background-color: #000066; padding: 4px; }

.tbl2 { font-size: 11px; color: #FFFFFF; background-color: #000033; padding: 4px; }

.tbl3 { font-size: 11px; color: #FFFFFF; background-color: #000099; padding: 4px; }

.tbl4 { font-size: 11px; color: #FFFFFF; background-color: #0000CC; padding: 4px; }

td {
FONT-SIZE: 11px;
FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
}

.side-small {
        font-size:10px; font-weight:normal; color:#ffffff;
}

.main-bg {
        padding:5px 0px 5px 0px;
}

.side-border-left {
        padding:5px 5px 0px 0px;
		width: 200px;
}

.side-border-right {
        padding:5px 0px 0px 5px;
		width: 200px;
}

.quote {
        color:#ffffff;
        background-color:#000099;
        padding:2px;
        margin:0px 0px 0px 0px;
        border:1px #5F5F5F solid;
        font-size:10px;
}

.small {
        color:#ffffff;
        font-size:10px;
        font-weight:normal;
}

.small2 {
        color:#ffffff;
        font-size:10px;
        font-weight:normal;;
}

.shoutboxname {
        font-weight:bold; color:#113355;
}

.shoutbox {
        color:#ffffff;
}

.shoutboxdate {
        font-size:9px;
        color:#ffffff;
        text-align:right;
        font-style: italic;
}

form {
        margin:0px 0px 0px 0px;
}

.bbcode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #eee;
	border: 1px solid #ccc;
	margin-top: 2px;
}

pre {
        font-family:Verdana,Tahoma,Arial,Sans-Serif;
        font-size:11px;
}

.alt {
	color: #99CCFF;
}

.header {
        font-family:Verdana,Tahoma,Arial,Sans-Serif;
        font-size:11px;
        color:#333;
        background-color:#000066;
        padding:5px;
}

.border {
        background-color:#ddd;
        border:2px #5F5F5F solid;
}

.borderd {
border : 1px dashed #FFFFFF;
}

.infobar {
        font-size:9px;
        color:#ffffff;
        border-top: solid #C4C4C4;
        border-top-width: 1px;
        border-left: solid #C4C4C4;
        border-left-width: 1px;
        border-right: solid #F6F6F6;
        border-right-width:0px;
        border-bottom: solid #F6F6F6;
        border-bottom-width:1px;
        padding:3px 4px 3px 4px;
}

.infobar2 {
        font-size:9px;
        color:#ffffff;
        border-top: solid #C4C4C4;
        border-top-width: 1px;
        border-left: solid #C4C4C4;
        border-left-width: 0px;
        border-right: solid #F6F6F6;
        border-right-width:1px;
        border-bottom: solid #F6F6F6;
        border-bottom-width:1px;
        padding:3px 4px 3px 4px;
}

.poll {
        height:12px; border:1px #444 solid;
}

.comment-name {
        font-weight:bold; color:#113355;
}

.gallery {
        padding: 16px 0px 8px 0px;
}

.gallery img {
        border: 1px solid #ccc;
}

.gallery:hover img {
        border: 1px solid #D2D200;
}

img.activegallery {
        border: 1px solid green;
}

#main {width: 1000px;}

.pagenav { height: 20px; }

.pagenav span {
	color: #fff;
	background-color: #000033;
	border: 1px solid #e1e1e1;
	padding: 2px 4px;
	margin: 2px;
}
 
.pagenav a {
	color: #fff;
	background-color: #000099;
	border: 1px solid #e1e1e1;
	padding: 2px 4px;
	margin: 2px;
	text-decoration: none;
}
 
.pagenav a:hover {
	color: #ffff00;
	background-color: #CC0000;
	text-decoration: none;
}

.center, *[align="center"] {margin: 0 auto;}

.admin-message {
	border: 1px solid #666;
	padding: 8px;
	margin-bottom: 8px;
}

.tablebreak { margin-bottom: 8px; }

.headerbg {
   background-image: url(header/wow_head.gif);
}

.buttonbg {
	background-image: url(images/button.jpg);
}

.buttonbbg {
	background-image: url(images/buttonb.gif);
}

.paneltbg {
	background-image: url(panels/pt.gif);
}

.panelmbg {
	background-image: url(panels/pm.gif);
}

.footerbg {
	background-image: url(footer/footer_middle.jpg);
	background-repeat: repeat-x;
}

.ctm {
	background-image: url(panels/ctm.gif);
	background-repeat: repeat-x;
}

.cborderl {
	background-image: url(panels/cborderl.gif);
	background-repeat: repeat-y;
}

.cborderr {
	background-image: url(panels/cborderr.gif);
	background-repeat: repeat-y;
}

.cbm {
	background-image: url(panels/cbm.gif);
	background-repeat: repeat-x;
}

.news-category {
	border:0;
	margin:3px 5px 0 0;
	float:left;
}




.indent
{
	margin-left: 24px; 
}


H4
{
	color: #FFFF00;
}


.smaller
{
	font-size: 10px;
}


.side
{
	font-size: 10px;
}


.bigger
{
	font-size: 12px;
}



/* ######### Style for Drop Down Menu ######### */

.chromestyle{
width: 99%;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #660000;
width: 100%;
background: url(http://www.supermanhomepage.com/images/sh-layout/chromejs/chromebg4.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFFFFF;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #660000; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(http://www.supermanhomepage.com/images/sh-layout/chromejs/chromebg4-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}


.dropmenudiv{
position:absolute;
top: 0;
color: #FFFFFF;
border: 1px solid #990000; /*THEME CHANGE HERE*/
border-bottom-width: 0;
line-height:14px;
z-index:100;
background-color: #660000;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
color: #FFFFFF;
text-indent: 3px;
border: 1px solid #990000; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #FFFF00;
background-color: #990000;
}