html, body { 
	background: url(http://www.sinisters-guild.net/images/background.gif);
	background-repeat: repeat;
	margin: 0px;
	text-align: center;
	height: 100%;
	font-family: Verdana, Tahoma, sans-serif; font-size: 11px; color: #000000;
}
       
div.main { 
	background: url(http://www.sinisters-guild.net/images/bg_top.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
}
							
div.main_border { 
	width: 930px;
	height: 100%;
	margin-right: auto;
	margin-left: auto; 
}
                  
div.main_border_left {
	width: 15px;
	float: left;
	height: 100%;
}

div.main_border_right {
	width: 15px;
	float: right; 
	height: 100%;
}

table.main {
  border-style: none;
  background: url(http://www.sinisters-guild.net/images/content_bg.gif);
  background-repeat: repeat-y;
}

div.header {
	width: 900px;									
	height: 200px;									
	margin-right:auto;									
	margin-left:auto; 									
	float: left;									
}
							
div.menubar { 
	width: 900px;
	height: 33px;
	margin-right:auto;
	margin-left:auto;
	background: url(http://www.sinisters-guild.net/images/menu_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	padding: 0px; 
	float: left;
}

td.content_bottom {
	background: url(http://www.sinisters-guild.net/images/content_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 100%;
}

div.content { 
	width: 890px;
	padding: 5px;
	margin-right:auto;
	margin-left:auto; 
	float: left;
}
              
/* IE padding hack */
* html div.content { width: 895px; }

h2 { font-weight: bold; font-size: 16; color: #FFFFFF; }
	
form { display: inline; }
img { vertical-align: middle; border: 0px; }

TABLE { border-top: 1px; border-right: 1px; border-bottom: 1px; border-left: 1px; border-color: #000000; border-style: solid; }
TABLE.borderless { border-style: none; }

th { font-weight: bold; color: #8B8B8B; background-color: #262626; white-space: nowrap; }
tr, td { font-family: Verdana, Tahoma, sans-serif; font-size: 11px; color: #FFFFFF; text-align: left; }

a:link, a:visited, a:active { text-decoration: none ; color: #AAAAAA; }
a:hover { text-decoration: underline; color: #FFFFFF; }

th a:link, th a:visited, th a:active { text-decoration: none; color: #FFFFFF; font-weight: bold; }
th a:hover { text-decoration: none; color: #FFFFFF; font-weight: bold; }

th.smalltitle { font-weight: bold; color: #8B8B8B; background-color: #262626; white-space: nowrap; font-size: 10px; }
th.smalltitle a:link, th.smalltitle a:visited, th.smalltitle a:active { text-decoration: none; color: #8B8B8B; font-weight: bold; font-size: 10px; }
th.smalltitle a:hover { color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration: none; }

th.footer { color: #8B8B8B; text-align: right; background-color: #262626; white-space: nowrap; font-weight: normal; }
th.footer a:link, th.footer a:visited, th.footer a:active { color: #8B8B8B; text-decoration: none;  font-weight: normal; }
th.footer a:hover { color: #FFFFFF; text-decoration: none; font-weight: normal; }

.row1 { background-color: #404040; }
.row2 { background-color: #4D4D4D; }

.quote1 { background-color: #FFFFFF; font-size: 11px; line-height: 125%; }
.quote2 { background-color: #B5B5B5; font-size: 11px; line-height: 125%; }

.positive { color: #008800; }
.negative { color: #F80000; }
.neutral  { color: #8B8B8B; }

.maintitle { font-size: 18px; font-weight: bold; color: #FFFFFF; }
.subtitle  { font-size: 12px; color: #FFFFFF; }

.menu { font-size: 10px; color: #FFFFFF; }
.menu a:link, .menu a:active, .menu a:visited { text-decoration: none; font-size: 10px; color: #FFFFFF; }
.menu a:hover { text-decoration: underline; font-size: 10px; color: #FFFFFF; }

.small { font-size: 10px; }

.copy { font-size: 10px; color: #FFFFFF; }
.copy a:link, .copy a:active, .copy a:visited { font-size: 10px; color: #FFFFFF; }
.copy a:hover { font-size: 10px; color: #FFFFFF; }

.input { font-family: Verdana, Tahoma, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFFF; 
         border-top: 1px; border-right: 1px; border-bottom: 1px; border-left: 1px; border-color: #000000; border-style: solid; }

input.helpline1 { background-color: #B5B5B5; border-style: none; }
input.helpline2 { background-color: #FFFFFF; border-style: none; }

input.mainoption { font-family: Verdana, Tahoma, Arial; font-size: 10px; font-weight: bold; color: #8B8B8B; background-color: #262626; border-top: 1px;
                   border-right: 1px; border-bottom: 1px; border-left: 1px; border-color: #8B8B8B; border-style: solid; }
input.liteoption { font-family: Verdana, Tahoma, Arial; font-size: 10px; font-weight: normal; color: #8B8B8B; background-color: #262626; border-top: 1px;
                   border-right: 1px; border-bottom: 1px; border-left: 1px; border-color: #8B8B8B; border-style: solid; }
          
                 
.Druid,   .Druid:link, .Druid:visited, .Druid:active         { text-decoration: none; color: #FF7C0A; font-weight: bold; }
          .Druid:link:hover                                  { text-decoration: underline; color: #FF7C0A; }

.Hunter,  .Hunter:link, .Hunter:visited, .Hunter:active      { text-decoration: none; color: #AAD372; font-weight: bold; }
          .Hunter:link:hover                                 { text-decoration: underline; color: #AAD372; }

.Mage,    .Mage:link, .Mage:visited, .Mage:active            { text-decoration: none; color: #68CCEF; font-weight: bold; }
          .Mage:link:hover                                   { text-decoration: underline; color: #68CCEF; }

.Paladin, .Paladin:link, .Paladin:visited, .Paladin:active	 { text-decoration: none; color: #F48CBA; font-weight: bold; }
          .Paladin:link:hover                                { text-decoration: underline; color: #F48CBA; }

.Shaman,  .Shaman:link, .Shaman:visited, .Shaman:active	     { text-decoration: none; color: #1C5AF9; font-weight: bold; }
          .Shaman:link:hover                                 { text-decoration: underline; color: #1C5AF9; }

.Priest,  .Priest:link, .Priest:visited, .Priest:active	     { text-decoration: none; color: #FFFFFF; font-weight: bold; }
          .Priest:link:hover                                 { text-decoration: underline; color: #FFFFFF; }

.Rogue,   .Rogue:link, .Rogue:visited, .Rogue:active	       { text-decoration: none; color: #FFF468; font-weight: bold; }
          .Rogue:link:hover                                  { text-decoration: underline; color: #FFF468; }

.Warlock, .Warlock:link, .Warlock:visited, .Warlock:active	 { text-decoration: none; color: #9382C9; font-weight: bold; }
          .Warlock:link:hover                                { text-decoration: underline; color: #9382C9; }

.Warrior, .Warrior:link, .Warrior:visited, .Warrior:active	 { text-decoration: none; color: #C69B6D; font-weight: bold; }
          .Warrior:link:hover                                { text-decoration: underline; color: #C69B6D; }


td.Druid,   td.Druid a:link, td.Druid a:visited, td.Druid a:active			  { text-decoration: none; color: #FF7C0A; font-weight: bold; }
            td.Druid a:hover                                              { text-decoration: underline; color: #FF7C0A; }

td.Hunter,  td.Hunter a:link, td.Hunter a:visited, td.Hunter a:active		  { text-decoration: none; color: #AAD372; font-weight: bold; }
            td.Hunter a:hover                                             { text-decoration: underline; color: #AAD372; }

td.Mage,    td.Mage a:link, td.Mage a:visited, td.Mage a:active				    { text-decoration: none; color: #68CCEF; font-weight: bold; }
            td.Mage a:hover                                               { text-decoration: underline; color: #68CCEF; }

td.Paladin, td.Paladin a:link, td.Paladin a:visited, td.Paladin a:active  { text-decoration: none; color: #F48CBA; font-weight: bold; }
            td.Paladin a:hover                                            { text-decoration: underline; color: #F48CBA; }

td.Shaman,  td.Shaman a:link, td.Shaman a:visited, td.Shaman a:active	    { text-decoration: none; color: #1C5AF9; font-weight: bold; }
            td.Shaman a:hover                                             { text-decoration: underline; color: #1C5AF9; }

td.Priest,  td.Priest a:link, td.Priest a:visited, td.Priest a:active		  { text-decoration: none; color: #FFFFFF; font-weight: bold; }
            td.Priest a:hover                                             { text-decoration: underline; color: #FFFFFF; }

td.Rogue,   td.Rogue a:link, td.Rogue a:visited, td.Rogue a:active			  { text-decoration: none; color: #FFF468; font-weight: bold; }
            td.Rogue a:hover                                              { text-decoration: underline; color: #FFF468; }

td.Warlock, td.Warlock a:link, td.Warlock a:visited, td.Warlock a:active	{ text-decoration: none; color: #9382C9; font-weight: bold; }
            td.Warlock a:hover                                            { text-decoration: underline; color: #9382C9; }

td.Warrior, td.Warrior a:link, td.Warrior a:visited, td.Warrior a:active	{ text-decoration: none; color: #C69B6D; font-weight: bold; }
            td.Warrior a:hover                                            { text-decoration: underline; color: #C69B6D; }