/**********
 * GLOBAL *
 **********/

body {
  margin: 0px;
  margin-top: 0px;
  background-image: url('../img/back_index.gif');
  background-color: #FFFFFF;
  background-repeat: repeat-y;
  /*text-align: center;*/
}

img.png {
  _behavior: url('css/png.htc');
}

div#container {
  width: 780px;
  height: 750px;
  margin: 0px;
  background-image: url('../img/back_index.gif');
  background-color: #FFFFFF;
  background-repeat: repeat-y;
  text-align: left;
}

div#head {
  width: 700px;
  height: 180px;
  margin-top: 20px;
  margin-left: 100px;
}

div#photo {
  width: 124px;
  height: 160px;
  float: left;
}

div#title {
  width: 530px;
  height: 160px;
  margin-top: 10px;
  margin-left: 30px;
  float: left;
}

div.items {
  width: 700px;
  height: 130px;
  margin-top: 5px;
  margin-left: 110px;
  float: left;
  cursor: pointer;
}

div.items a {
  display: block;
}

div.logo {
  width: 120px;
  height: 120px;
  margin: 5px;
  text-align: left;
  float: left;
  cursor: pointer;
}

div.text {
  width: 500px;
  height: 120px;
  margin: 5px;
  margin-top: 10px;
  text-align: left;
  float: left;
  cursor: pointer;
}

div.text div {
  margin-left: 30px;
}


div.building {
  background-color: #FFFFFF;
  border: 1px solid #777777;
  margin-top: 5px;
}

div#copy {
  width: 600px;
  position: relative;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-top: 1px solid #777777;
}

/********
 * Text *
 ********/
 
span {
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 12px;
}

span.copy {
  font-size: 11px;
  color: #777777;
}

a {
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 12px;
  text-decoration: none;
}

a:visited, a:active, a:link {
  color: #777777;
}

a:hover {
  color: #000000;
}


/*********
 * STATS *
 *********/
 
table.stats {
  background-color: #999999;
}


/************
 * specials *
 ************/
 
.who {
  color: #DAA900;
  font-size: 14px;
  line-height: 18px;
}

.cpy {
  color: #00819A;
  font-size: 14px;
  line-height: 18px;
}

.cty {
  color: #929A03;
  font-size: 14px;
  line-height: 18px;
}

.tng {
  color: #FCA20F;
  font-size: 14px;
  line-height: 18px;
}


div#loading {
  width: 360px;
  height: 180px;
  background: url('img/_loading_back.png') #FFFFFF no-repeat;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
}

div#loadingTitle {
  width: 270px;
  height: 30px;
  margin: 45px;
  float: left;
}

div#loadingArea {
  width: 270px;
  height: 50px;
  margin: 45px;
  margin-top: -40px;
  float: left;
}

div#loadingArea table {
  width: 252px;
  margin-left: 9px;
  border: 1px solid #999999;
}

span {
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 12px;
}

a.loading {
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 12px;
  color: #666666;
  text-decoration: none;
}

a.loading:hover {
  text-decoration: underline;
}
