BODY {
  font-family:verdana,geneva,sans-serif;
  font-size:12px;
  background:url('images/body_bg.jpg') no-repeat 45% 0px #000;
  margin:1px 0px;
  padding:0px;
}

A {
  color:#c03;
}

A:HOVER {
  text-decoration:underline;
}

.toc {
  list-style-type:none;
  padding:0px;
  margin:10px 0px 30px;
}

.toc LI {
  padding:4px 0px;
}

.banner {
  text-align:center;
}

H2 {
  font-family:"Trajan Pro",'Times New Roman',tahoma,garamond,serif;
  font-size:20px;
  color:#600;
  width:auto;
  margin:1px;
  padding:4px;
  background-color:#AA8808;
}

H2.detachable {
  background:#AA8808 url('images/detach_main.gif') top right no-repeat;
}
H2.detachable A {
  display:block;
  float:right;
  padding:0px;
  margin:0px;
  margin-top:-4px;
  margin-right:-6px;
}
#dialog .detachable {
  background-image:none;
}
#dialog .detachable A {
  display:none;
}

.sidebar H2 {
  font-family:"Trajan Pro",'Times New Roman',tahoma;
  font-size:16px;
  color:#f9d38a;
  width:auto;
  margin:1px;
  padding:6px 4px;
  background-color:#600;
}

H3 {
  font-size:14px;
  margin:4px 0px;
  color:#600;
}

H4 {
  margin:2px 0px;
  padding:0px;
}

P,.html {
  padding:0px 10px;
}

DL {
  padding:5px 10px;
}

DT {
  font-weight:bold;
}

DD {
  margin:2px 6px;
  padding:0px;
}

.helptext {
  padding:0px 10px;
}

.helptext PRE {
  white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
  white-space: -pre-wrap; /* Opera 4 - 6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word; /* IE 5.5+ */
}

TABLE {
  border-collapse:collapse;
  border-spacing:0px;
  border:none;
  border-width:0px;
  width:100%;
}

TR {
  background-color:#EBDCA5;
}

TR.alt {
  background-color:#DBCC95;
}

TR.head {
  background-color:#7A744C;
}

.head TD {
  font-weight:bold;
}

TD {
  color:#000;
  padding:4px;
}

TD.head {
  background-color:#AF9C52;
}

.container, .bottom {
  width:980px;
  height:auto;
  overflow:hidden;
  margin:auto;
}

#titlebar {
  height:25px;
  background:url("images/titlebar_bg.gif") repeat-x;
  border-bottom:solid #000 1px;
}
  

#logo {
  width:198px;
  height:25px;
  float:left;
  display:block;
  width:25%;
  margin:0px;
  padding:0px;
  background:url('images/logo.gif') no-repeat;
}

#titlebar .links {
  list-style-type:none;
  margin:0px;
  padding:0px 6px;
  display:block;
  float:right;
  width:70%;
}

.links LI {
  float:right;
  display:block;
  margin:4px 8px;
  font-size:0.85em;
}

.links LI A {
  text-decoration:none;
  color:#dfdfdf;
}

.links .sep {
  width:2px;
  background:url('images/titlebar_sep.gif') no-repeat;
}

#nav {
  margin-top:26px;
  float:left;
  width:197px;
  overflow-x:hidden;
  font-family:'Times New Roman',Garamond,serif;
}

#nav .item {
  min-height:30px;
  width:197px;
  overflow-x:hidden;
  overflow-y:visible;
  cursor:pointer;
}
* html #nav .item { height: 30px; }
#nav .item .header {
  min-height:30px;
  width:197px;
  overflow-x:hidden;
  overflow-y:visible;
  cursor:pointer;
}
* html #nav .item .header { height:30px; }
#nav .item UL {
  display:none;
  margin:0px;
  padding:0px;
  margin-top:28px;
  background-color:#000;
  opacity:0.85;
  width:195px;
  height:auto;
  overflow:hidden;
  filter: alpha(opacity=85);
  list-style-type:none;
}

#nav .item LI {
  float:left;
  width:49%;
  padding:0px;
  margin:0px;
}

#nav .item A {
  color:#cfcfcf;
  text-decoration:none;
  display:block;
  height:24px;
  padding-top:7px;
  padding-left:20px;
  font-size:13px;
}

#nav .item A:hover {
  background-color:#111;
}

#nav DIV.guilds {
  background:url('images/nav_guilds.gif') no-repeat;
}
#nav DIV.races {
  background:url('images/nav_races.gif') no-repeat;
}
#nav DIV.skills {
  background:url('images/nav_skills.gif') no-repeat;
}
#nav DIV.spells {
  background:url('images/nav_spells.gif') no-repeat;
}
#nav DIV.people {
  background:url('images/nav_people.gif') no-repeat;
}
#nav DIV.planets {
  background:url('images/nav_planets.gif') no-repeat;
}
#nav DIV.help {
  background:url('images/nav_help.gif') no-repeat;
}

#panel { 
  width:784px;
  height:auto;
  min-height:295px;
  overflow:hidden;
  float:left;
  margin:0px;
  padding:0px;
  margin-left:-4px;
}

.loading {
  background:url('images/loading.png') 50% 10px no-repeat;
  min-height:130px;
}

.clickable {
  cursor:pointer;
}

.clickable:HOVER {
  text-decoration:underline;
}

.returntotop {
  cursor:pointer;
  width:auto;
  background:url('images/up.jpg') 98% 0px no-repeat;
}

.active {
  font-weight:bold;
}

.party {
  color:saddleBrown;
}

.brag .sep {
  border-left:solid #7A744C 1px;
}

#panel .full {
  margin:0px 0px 0px 55px;
  width:674px;
  background-color:#EBDCA5; 
  overflow:hidden;
  height:auto;
}

#panel .main {
  background-color:#EBDCA5;
  float:left;
  margin-top:5px;
  margin-bottom:8px;
  margin-right:0px;
  margin-left:50px;
  width:515px;
}

#panel .sidebar {
  float:left;
  width:160px;
  margin-top:5px;
  margin-bottom:8px;
  margin-right:0px;
  margin-left:10px;
  background-color:#222;
  border:solid 1px #888;
  color:#fff;
  font-size:11px;
}

.primary {
  float:left;
  width:400px;
  margin-left:1px;
}

.secondary {
  float:left;
  width:270px;
  margin-left:2px;
  background-color:#EEB;
}

.sidebar UL {
  padding:8px 18px;
  margin:0px;
}

.sidebar LI {
  padding:2px 0px;
  margin:0px;
}

.sidebar A {
  color:#EEF;
  text-decoration:underline;
  width:100%;
  height:100%;
  display:block;
}

.mainHead { font-weight:bold; }

#panel .loading {
  background:transparent url('images/loading.png') 50% 10px no-repeat;
  min-height:130px;
}

.sidebar .list UL {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

.sidebar .list LI {
  margin:1px 0px;
  padding:3px 5px;
  font-size:0.9em;
  font-family:verdana;
  color:#dedede;
}

.sidebar .list LI:HOVER {
  background-color:#333;
}

.sidebar .list LI.active {
  color:#fff;
}

#body .container {
  height:100%;
  background:url('images/main_bg.gif') 193px 0px repeat-y;
  overflow:hidden;
}

#body .bottom {
  background:url('images/main_bottom.gif') 193px -1px no-repeat;
  height:12px;
  overflow:hidden;
}

.guild {
  padding:2px 10px;
}

.guild .gimage {
  float:left;
  width:300px;
  overflow:hidden;
}

.guild .gmeta {
  float:right;
  width:190px;
}

.guild .magic {
  margin:10px 0px;
  padding-top:6px;
}

.guild .bulk {
  margin:5px 0px;
}

.guild .desc {
  clear:both;
  padding:6px 0px;
}

.guild .choices UL {
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  list-style-type:none;
}

.guild .choices .list {
  float:left;
  width:155px;
  margin-left:10px;
}

.guild .abilities {
  clear:both;
  margin-top:6px;
}

.guild TABLE {
  border-collapse:separate;
  border-spacing:1px;
  width:100%;
}

.guild TR {
  background-color:#BBA963;
}

.guild TR.alt {
  background-color:#DBCC95;
}

.guild TR.head {
  background-color:#7A744C;
}

.guild TD {
  padding:5px;
  vertical-align:top;
}

.guild .abilities DIV {
  margin:0px;
  margin-bottom:4px;
}

.guild .prereq {
  padding:2px 10px 4px 10px;
}

TABLE .level {
  width:35px;
}

TABLE .skills, TABLE .spells {
  width:145px;
}

.leadership DIV {
  margin:8px 0px;
}

.leadership .name {
  margin-top:1px;
}

.homepage h3 {
  padding:4px 8px;
  margin:1px;
  background-color:#BBA963;
  font-size:14px;
}

.spotlight IMG {
  border:saddleBrown solid 1px;
}

.ad, .spotlight {
  text-align:center;
}

.ad {
  padding:10px;
 }