* {
    padding: 0;
    margin: 0;
}

body {
background: #000000;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
color: #DCDCDC;
}

.DeathKnight,   .DeathKnight:link, .DeathKnight:visited, .DeathKnight:active         { text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #FF0000; }
          .DeathKnight:link:hover                                  { text-decoration: underline; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #FF0000; }

.Druid,   .Druid:link, .Druid:visited, .Druid:active         { text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #FF7C0A; }
          .Druid:link:hover                                  { text-decoration: underline; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #FF7C0A; }

.Hunter,  .Hunter:link, .Hunter:visited, .Hunter:active      { text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #AAD372; }
          .Hunter:link:hover                                 { text-decoration: underline; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #AAD372; }

.Mage,    .Mage:link, .Mage:visited, .Mage:active            { text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #68CCEF; }
          .Mage:link:hover                                   { text-decoration: underline; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #68CCEF; }

.Paladin, .Paladin:link, .Paladin:visited, .Paladin:active	 { text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #F48CBA; }
          .Paladin:link:hover                                { text-decoration: underline; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #F48CBA; }

.Shaman,  .Shaman:link, .Shaman:visited, .Shaman:active	     { text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #436EEE; }
          .Shaman:link:hover                                 { text-decoration: underline; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #436EEE; }

.Priest,  .Priest:link, .Priest:visited, .Priest:active	     { text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #FFFFFF; }
          .Priest:link:hover                                 { text-decoration: underline; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #FFFFFF; }

.Rogue,   .Rogue:link, .Rogue:visited, .Rogue:active	       { text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #FFF468; }
          .Rogue:link:hover                                  { text-decoration: underline; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #FFF468; }

.Warlock, .Warlock:link, .Warlock:visited, .Warlock:active	 { text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #9382C9; }
          .Warlock:link:hover                                { text-decoration: underline; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #9382C9; }

.Warrior, .Warrior:link, .Warrior:visited, .Warrior:active	 { text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #C69B6D; }
          .Warrior:link:hover                                { text-decoration: underline; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; color: #C69B6D; }

img { border: none; }

a {color: #FFD100; text-decoration: none;}
a:visited {color: #FFD100; padding:0px 0px 0px 0px; text-decoration: none;}
a:hover {color: #DCDCDC; text-decoration: underline;}


#wrap {width: 900px; background: #181818; border-color: #404040; border-style: solid; border-width: 1px; margin: 0px auto;}


.header {height: 175px; text-transform: uppercase; background: #000000;}

.navigation {background: #000000; padding-left: 5px; border-bottom: 1px solid #404040; list-style: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
.navigation ul {list-style-type: none;}
.navigation li {display: inline; border: 1px solid #404040; height: 25px; line-height: 25px; }
.navigation li a, a:visited {text-transform:uppercase; padding: 0px 10px 0px 10px; color: #DCDCDC; background: #181818; text-decoration: none;}
.navigation li a:hover {background-color: #560000;}

.progress {width: 201px; padding-top: 5px; float: left; list-style: none;}
.progress h1 {color: #DCDCDC; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; padding: 3px 0px 3px 3px; background-color: #560000; border-color: #404040; border-style: solid; border-width: 1px;}
.progress ul {list-style-type: none; border-bottom: 1px solid #560000; border-right: 1px solid #560000;}
.progress li {padding: 0; margin: 0; display: block; font-size: 11px; height: 14px; line-height: 14px; padding: 0 0px 0 10px; color: #FFD100; background: #000000; text-decoration: none;}
.progress a:visited {color: #FFD100; background:#181818; padding:0px 0px 0px 0px; text-decoration: none;}
.progress a:hover {color: #DCDCDC; text-decoration: underline;}

.news {width: 675px; padding: 5px 10px 10px 0px; float: right;}
.news h2 {color: #DCDCDC; font-size: 16px; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; padding: 3px 0px 3px 3px; background-color: #560000; border-color: #404040; border-style: solid; border-width: 1px;}
.news ul {list-style-type: circle;}

.about {padding: 5px 5px 5px 5px;}
.about h2 {color: #DCDCDC; font-size: 16px; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; padding: 3px 0px 3px 3px; background-color: #560000; border-color: #404040; border-style: solid; border-width: 1px;}
.about ul {list-style-type: circle;}
.about a:visited {color: #FFD100; background:#181818; padding:0px 0px 0px 0px; text-decoration: none;}
.about a:hover {color: #DCDCDC; text-decoration: underline;}

.PopBoxImageSmall {cursor: url("img/magplus.cur"), pointer;}
.PopBoxImageLarge {border: solid 3px #560000; cursor: url("img/magminus.cur"), pointer;}
.PopBoxImageShrink {cursor: url("img/magminus.cur"), pointer;}
.PopBoxImageLink {cursor: pointer;}
.PopBoxImageMove {border: none 0px #ffffff; cursor: pointer;}

.footer {font-size: 11px; color: #DCDCDC; text-align: center; background: #560000; border-top-color: #404040; border-top-style: solid; border-top-width: 1px;}
.footer a, a:visited {color: #DCDCDC; background:#560000; padding:0px 0px 0px 0px; text-transform: none; text-decoration: none;}
.footer a:hover {color: #DCDCDC; text-decoration: underline;}