body {
  margin:0;
  padding:0;
  width:100%; 
  font-family: verdana,Arial, sans-serif;
  background: #8e8886;
  min-width:780px;
  width:expression( documentElement.clientWidth < 780 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 780 ? "780" : "auto") : "780") : "auto" );
  font-size:80%;
  color:#555;
}

#frame {
  margin-left:20px;
  margin-right:20px;
  margin-top:10px;
  background:#fff url("/site_images/mr.gif") top right repeat-y;
}

#ml {
  background: url("/site_images/ml.gif") top left repeat-y;
}
#tl {
  height:108px;
  background: url("/site_images/tl2.jpg") top left no-repeat;
  
}
#tl div {
  text-align:right;
  width:438px;
  padding-top:80px;
  font-weight:bold;
}
#tr {
  background: url("/site_images/tr2.gif") top right no-repeat;
  height:108px;
}

.bar {
  background: url("/site_images/bar.gif") top left repeat-x;
  height:20px;
  clear:both;
}


#content {  
  padding-left:10px;
  padding-right:10px;
}

#menu {
  position:absolute;
  left:30px;
  width:150px;
  float:left;
}
#menu ul {  
  list-style-type:none;
  list-style-position:outside;
  list-style-image: none;
  margin: 0;
  padding:0;
}

#menu li {

}

#menu li a {
  background: #ddd url("/site_images/dot.gif") center left no-repeat;
  
  color:#1C223B;  
  text-decoration: none;	
  display: block;
  text-indent:13px;
  font-size:1.1em;

  padding:2px 0px;  
}

#menu li li a {
  background:#eee;
  text-indent:17px;
  font-size:0.9em; 

  color:black;
}

#menu a:hover {

  color:white;
  background:#235323;  
}
#main {
  margin-left:160px;
  min-height:925px;
  height:auto !important;
  height:925px;    
}

pre {font:115% monospace;*font-size:100%;} 

h1 {
  margin:0;
  font-size:1.5em;
  line-height:32px;
  color:#222;

}


h2 {
  font-size:1.4em;
}

h3 {
  margin:0;
  padding:0;
  font-size:1em;
  color:#874535;
}
#footer {
  clear:both;  
  text-align:center;
  font-size:0.8em;
  margin-bottom:5px;
  margin-left:160px;
}
#footer span {
  font-size:0.9em;
  
}
#voting {
  padding:2px;
  border:2px solid #DDD;
  text-align:center;
}

#interesting {
  position:absolute;
  top:25px;
  left:480px;
  width:275px;

  border:1px solid #ddd;
  height:80px;
  font-size:0.9em;
}
#interesting div {
  background:#ddd;
  font-weight:bold;
  padding:2px;
}
#interesting span {
  padding-left:40px;
}

#login {
  font-size:0.9em;
  position:absolute;
  top:90px;
  right:25px;
}
#login input {
  width:70px;
  font-size:0.8em;
}

#newsheader {
  font-weight:bold;
  font-size:1.3em;

  text-indent:4px;
}

#news-header {
  padding:2px;
  color:gold;
  font-size:1.1em;
  font-weight:bold;
  background:#544;
  border-bottom:4px solid #433;
  padding:3px;
  
}
.news-item {
  padding:0px 0px 5px 0px;
  margin:10px 10px 5px 10px;
  background:#eee;
  border:1px solid #ccc;
}
.news-title {
  background:#ddd;
  font-weight:bold;
  padding:2px;
  color:#333;
}

.news-item p {
  padding:2px;
}

.helptitle {
  font-size:1.1em;
  font-weight:bold; 
  clear:both;
  background:#eee;
  text-indent:5px;
}

.helplist  {
  list-style-type:none;
  list-style-position:outside;
  list-style-image: none;
  display:block;
  padding-bottom:5px;
  
}
.helplist li {
  float:left;
  width:120px;
  padding-left:3px;
  padding-right:3px;
}

.helpcolumn {
  float:left;
  width:123px;

}
.helpentry {
  list-style-type:none;
  list-style-position:outside;
  list-style-image: none;
  display:block;
  padding-bottom:5px;
}

.helpentry li {
  float:left;
  width:120px;
  padding-left:3px;
  padding-right:3px;
}

.tooltip {
  position:relative;
  z-index:0;
  text-decoration:none;
  color:white;
  
}
.tooltip div {
  display:none;
}

.tooltip:hover {
  z-index:25; 
  text-decoration:underline;
}

.tooltip:hover div {
  font-weight:normal;
  text-decoration:none;
  color:black;
  border:2px solid #000;
  background-color:#eee;
  position:absolute;
  top:4em; left:0em;width:45em;
  padding:3px;
  display:block;
}

#wholist {
  border:6px solid #ddd;
  background:#555;
}

#wholist th {
  text-align:left;
  color:#d59485;
  padding:3px;
}
#wholist td {
  padding:3px;
  color:#eee;
}

#wholist .level {
  width:45px;  
}
.immo {
  color:yellow;
  font-weight:bold;
}

.clan {
 color:#008080;
}




#charstats {
  width:200px;
  float:right;
}
#charstats th {
  background:#152772;
  color:yellow;
}

#charstats td {
  background:#ddd;
  padding:2px;
}

#charselect {
  margin-left:auto;
  margin-right:auto;
  padding:2px;
  text-align:center;
  font-size:1.3em;
  font-weight:bold;
  border:1px solid #000;
  width:520px;
}

.proftext {
  color:#8e3211;
  font-family:Courier;
  font-size:1.1em;
}
.proftitle {
  color:#666;
}
a {
  color:blue;
}

.imgright {
  float:right;
  margin:2px 0px 2px 2px;
  border:1px solid #aaa;
  padding:2px;

}

.imgleft {
  float:left;
  border:1px solid #aaa;
  padding:2px;
  margin:2px 4px 2px 0px;
}

.mudtext {
  font-family:Courier New,Courier, System;
  color:#8e3211;
}

.titleblock {
  background:#DDD;
  font-weight:bold;
  display:block;
  padding:2px;
  color:black;
}

.map {
  display:block;
  float:left;
  width:150px;
  height:150px;
  border:1px solid #999;
  text-align:center;  
  margin:4px;
  text-decoration:none;
  color:black;
  padding-top:2px;
}

.map:hover {
  border:1px solid #8e3211;

}
.map img {
  border:none;
}

.error {
  color:red;
}


.racetable {
  width:450px;
  border:1px solid #444;
  margin:10px 0px 2px 5px;
}

.racetable th {  
font-weight:normal;
}

.racetable td {
  text-align:center;
  padding:2px;
  font-weight:bold;
}

.note {
  font-size:0.7em;
  font-weight:bold;  
}

#toptwenty {
  background:#fff url("/site_images/fade1.jpg") top left repeat-x; 
}

#toptwenty th {
  padding:3px;
  text-align:left;
}

#toptwenty td {
  padding:3px;
}

.number1 {
  font-size:1.1em;
  font-weight:bold;
}

#loser {
  width:350px;
  margin-left:auto;
  margin-right:auto;
  border:2px solid #666;
}

#loser div {
  background:#000;
  color:#fff;
  border:4px solid #FFF;
  text-align:center;
  padding:5px 0px;
}
#loser th {
  text-align:left;
  color:#666;
}

#loser td {
  text-align:left;
  font-size:1.3em;
  color:#999;
}

#loser a {
  color:white;
  text-decoration:none;
}

.loserlist {
  float:left;width:33%;
}

#home-table td {
  border:1px solid #555;
  padding:0;
  cellspacing=0;
  width:50%;
  vertical-align:top;
}
#home-table .header {
  padding:3px;
  color:black;
  font-weight:bold;
  background:#d9c8ae
}

#home-table .padding {
  padding:5px;
}
#home-left {
  background:#fff url('/site_images/home4.jpg') top right no-repeat;
}

#home-right {
  background:#fff url('/site_images/home3.jpg') top right no-repeat;
}