table { width: 100%; margin: 0px; padding: 0px; font-size: 14px;}
table td { border-width: 0px; vertical-align: top; font-family: arial;}
div#content { padding: 5px; text-align: left;}
div#content td { padding: 3px;}

body { font-family: arial; color: #423963; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
a { font-family: arial; font-size: 14px; text-decoration: none; color: #006600; font-style: normal; font-weight: bold;}
a:hover { text-decoration: none;  font-family: arial; font-size: 14px; color: #990000; font-style: normal; font-weight: bold;}
td {  font-family: arial; color: #423963; font-size: 14px; border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px;}
input { background-color : #ffffff; color : #000000; font-family: arial; font-size : 14px; font-weight : bold; border-color : #000000;  border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px;text-indent : 2px;  }
textarea {font-family: arial; font-size: 14px; background-color : #ffffff; font-weight : bold; border-color : #000000;  border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; text-indent : 2px;}
select {font-family: arial; font-size: 14px;font-weight : bold; background-color:#ffffff; } 
img { border: 0;}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: disc inside;}
hr { color: #c0c0c0;}

.heroes { font-family: arial; font-size: 12px; color: #ffffff; font-weight: bold; background-image: url(images/our-heros-background.jpg); }

.heroenames { font-family: arial; font-size: 18px; color: #ffffff; padding-left: 35px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; }

.heroenames a { font-family: arial; font-size: 14px; color: #ffcc00; font-weight: bold; text-decoration: none; }

.heroenames a:hover { font-family: arial; font-size: 14px; color: #ccffcc; font-weight: bold; text-decoration: none; }

.namenav { font-family: arial; font-size: 12px; color: #cccccc; font-weight: bold; padding-right: 5px; padding-top: 15px; padding-bottom: 25px; }

.namenav a { font-family: arial; font-size: 12px; color: #ffcc00; font-weight: bold; text-decoration: underline; }

.namenav a:hover { font-family: arial; font-size: 12px; color: #ccffcc; font-weight: bold; text-decoration: underline;  }

.odd { background-color: #ffffff; color: #423963; font-size: 14px; }
.outer { background-color: #cccccc; color: #423963; border: solid 2px #daa520; }
.outer a { color: #000000;}
.outer a:hover { color: #000099;}
.even { background-color: #eeeeee; color: #423963; font-size: 14px; }
.even a { color: #006600; font-size: 14px; }
.even a:hover { color: #990000; font-size: 14px; }
th { background-color: #423963; text-align: left; padding: 3px; color: #daa520;}
th a { background-color: #006600; text-align: left; padding: 3px; color: #c0c0c0;}
th a:hover { background-color: #006600; text-align: left; padding: 3px; color: #ffcc00;}
.head { background-color: #423963; padding: 3px; font-size: 16px; color: #daa520; font-weight: bold; }
.head a { background-color: #000000; padding: 3px; color:#c0c0c0;}
.head a:hover { background-color: #000000; padding: 3px; color:#ff9966;}
.foot { background-color: #423963; padding: 3px; }
.foot a { color: #c0c0c0;}
.foot a:hover { color: #FF9966; text-decoration: underline overline;}

.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #333333; font-weight:bold; border: 1px solid #cccccc; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #333333; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

.item {border: 2px solid #daa520;}
.itemHead {background-color: #423963; color: #daa520; padding: 2px; font-weight: bold; text-align: left; font-size: 16px;}
.itemInfo {text-align: right; padding: 3px; background-color: #eeeeee; border-bottom: 1px dotted #daa520; }
.itemTitle a {font-size: 16px; font-weight: bold; color: #ffffff; background-color: transparent;}
.itemTitle a:hover {font-size: 16px; font-weight: bold; color: #ccff99; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody { font-size: 14px; padding-right: 10px; padding-left: 10px; text-align: justify; color: #423963;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #eeeeee; border-top: 1px dotted #daa520; }
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

td#mainmenu a {background-color: #daa520; display: block; margin: 0; padding: 4px; color: #000000; font-weight: bold; text-decoration: none;}
td#mainmenu a:hover {background-color: #000000; color: #daa520;}
td#mainmenu a.menutop {padding-left: 7px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menumain {padding-left: 7px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menusub {padding-left: 13px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

td#usermenu a {background-color: #daa520; display: block; margin: 0; padding: 4px; border-right: 1px solid silver; border-bottom: 1px solid #666666; border-left: 1px solid silver; text-decoration: none; font-weight: bold; color: #000000;}
td#usermenu a:hover {background-color: #000000; color: #daa520;}
td#usermenu a.menuTop {border-top: 1px solid silver;}
td#usermenu a.highlight {background-color: #fcc;}


.leftside { border: solid 2px #daa520; }
.contenttable { border: solid 2px #daa520; }
.blocktitlec {background-color: #423963; color: #ffffff; padding: 2px; font-weight: bold; text-align: center; vertical-align: middle; font-size: 16px; border: solid 2px #daa520; }
.blocktitlel {background-color: #423963; color: #ffffff; padding: 2px; font-weight: bold; text-align: center; vertical-align: middle; font-size: 14px; }
.blocktitler {background-color: #000000; color: #ffffff; padding: 2px; font-weight: bold; background-image: url(images/left-block-title.gif); text-align: center; vertical-align: middle; }
.blockcontentlt {background-image: url(images/left-block-content-top.gif); background-color: #000000; padding: 2px;}
.blockcontentlc {background-image: url(images/left-block-content.gif); background-color: #000000; color: #423963; padding-left: 10px; font-size: 14px; font-weight: bold; }
.blockcontentlc a {color: #000000; font-size: 14px; text-decoration: none; }
.blockcontentlc a:hover {color: #990000; font-size: 14px; text-decoration: none; }
.blockcontentlb {background-image: url(images/left-block-content-bottom.gif); background-color: #000000; padding: 2px;}
.blockcontentl {background-color: #f5f5f5; padding: 10px; color: #423963; border: 1px solid #423963; padding-left: 10px; padding-right: 10px; font-size: 14px; text-align: justify;}
.blockcontentl a {color: #006600; font-weight: bold; font-size: 14px; text-decoration: none; }
.blockcontentl a:hover {color: #990000; font-weight: bold; font-size: 14px; text-decoration: none; }
.blockcontentr { background-color: #f5f5f5; padding: 10px; color: #423963; border: 1px solid #423963; padding-left: 10px; padding-right: 10px; font-size: 14px; text-align: justify;}
.blockcontentr a {color: #006600; font-weight: bold; font-size: 14px; text-decoration: none;}
.blockcontentr a:hover {color: #990000; font-weight: bold; font-size: 14px; text-decoration: none;}
.blockcontent { background-color: #f5f5f5; padding: 10px; color: #423963; border: 1px solid #644b54; padding-left: 10px; padding-right: 10px; font-size: 14px; text-align: justify;}
.blockcontent a {color: #006600; font-weight: bold; font-size: 14px; text-decoration: underline; }
.blockcontent a:hover {color: #990000; font-weight: bold; font-size: 14px; text-decoration: underline overline; }

.profile { background-image: url(images/our-heros-background.jpg); border: solid 2px #daa520; }
.profile a { color: #ffcc00; font-weight: bold; font-size: 14px; text-decoration: none; }
.profile a:hover { color: #eeeeee; font-weight: bold; font-size: 14px; text-decoration: none; }

/* Only IE that not affect the other Browsers */
*  {scrollbar-face-color: #daa520; scrollbar-highlight-color: #606060; scrollbar-shadow-color: #ffcc00; scrollbar-3dlight-color: #c0c0c0; scrollbar-arrow-color: #423963; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #cccccc;}