/*---------------- Setting up the divs ----------------*/
div#header {
  width: 980px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 5px;
}

div#content {
  position: absolute;	
  left: 232px;
  top: 110px;
/*  width: 75%;*/
  width: 750px;
/*  border: 1px solid #FFFFFF;*/
  float: left;
  padding-bottom: 10px;
  padding-left: 10px;
}

div#leftNav {
  position: absolute;
  top: 110px;
  width: 20%;
  float: left;
/*  border: 1px solid #FFFFFF;*/
}

div#footer {
/*  border: 1px solid #FFFFFF;*/
  margin-top: 15px;
  width: 100%;
  float: right;
  
  text-align: center;
}

/*---------------- Setting up the menu ----------------*/
div#leftNav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#leftNav li {
  margin: 0 0 0.1em 0;
}

div#leftNav ul li a {
  font-size: small;
  display:block;
  color: #FFFFFF;
  background-color: #BD7121;
  width: 10em;
  padding: 0.1em 0.8em;
  text-decoration: none;
  border-top: 2px solid #FCDD8A;
  border-left: 2px solid #FCDD8A;
  border-right: 2px solid #936800;
  border-bottom: 2px solid #936800;
}

div#leftNav ul li a:hover {
  background-color: #DEA925;
  color: #FFFFFF;
  border-top: 2px solid #936800;
  border-left: 2px solid #936800;
  border-right: 2px solid #FCDD8A;
  border-bottom: 2px solid #FCDD8A;
}

/*---------------- General information table ----------------*/
table.stat {
  border: 1px solid #000000;
  width: 100%;
  color: #000000;
  background-color: #FFFFFF;
}
table.stat th {
  border: 1px solid #000000;
  background-color: #C0C0C0;
}
table.stat td {
  border: 1px solid #000000;
  font-size: small;
  padding-left: 5px;
  color: #000000;
  background-color: #C0C0C0;
}
table.stat td.value {
  color: #FF0000;
}

/*---------------- Alignment-specific tables ----------------*/
table.Chaos th {
  background-color: #D27824;
}
table.Chaos td {
  background-color: #E9BC92;
}

table.Death th {
  background-color: #847D7F;
}
table.Death td {
  background-color: #C2BEBF;
}

table.Life th {
  background-color: #A4429F;
}
table.Life td {
  background-color: #D2A1CF;
}

table.Might th {
  background-color: #C71613;
}
table.Might td {
  background-color: #E38B89;
}

table.Nature th {
  background-color: #008943;
}
table.Nature td {
  background-color: #80C4A1;
}

table.Order th {
  background-color: #645CD1;
}
table.Order td {
  background-color: #B2AEE8;
}


/*---------------- All the rest ----------------*/
div#header h1 {
  background-color: #60302F;
  border-bottom: 2px solid #000000;
  border-top: 2px solid #000000;
  margin-bottom: 0px;
  text-align: center;
}

div#header h2 {
  background-color: #909790;
  border-bottom: 2px solid #000000;	
  margin-top: 0px;
  margin-bottom: 3px;
  text-align: center;
}

div#content h3 {
  text-align: center;
  border-top: 2px solid #D6AD18;
  border-right: 2px solid #D6AD18;
}

body {
  color: #FFFFFF;
  background-color: #2A2A2A;
  font-family: Arial, Helvetica, sans-serif;
}

a { color: #FCDD8A; }
a:hover { text-decoration: none; }
a:active { color: #936800; }
a:visited { color: #936800; }

img {
  border: 0px;
}

.center {
  text-align: center;
}