body, html {
  margin: 0 auto;
  padding: 0;
  background: #363636 url('images/bg.gif') repeat-x;
  font-family: Arial;
  font-size: 11px;
  color: #fff;
}

span {
  color: #636363;
}

h1 span {
  display: none;
}

#wrapper {
  margin: 0 auto;
  width: 802px;
  overflow: hidden;
}

.top {
  margin: 0 auto;
  width: 802px;
  height: 32px;
}

#place {
  margin: 15px 0 0 0;
  width: 200px;
  height: 15px;
  float: right;
}

.top ul {
  margin: 0 auto;
  float: right;
}

.top li {
  margin: 0 10px 0 0;
  list-style: none;
  display: inline;
  font-weight: bold;
}

.top li a {
  color: #fff;
  text-decoration: none;
}

.top li a:hover {
  text-decoration: underline;
}

.head {
  margin: 0 auto;
  width: 802px;
  height: 83px;
  float: left;

}

.head h1 {
  margin: 0 auto;
  width: 218px;
  height: 83px;
  float: left;
}

h1#logo {
  background: url('images/logo.gif') no-repeat;
}

.navwrap {
  width: 582px;
  height: 83px;
  background: url('images/nav_bg.gif') no-repeat;
  float: left;
}

#place2 {
  margin: 38px 0 0 39px;
  width: 520px;
  height: 15px;
  font-weight: bold;
}

.t {
  margin: 0 11px 0 0;
}

#place2 a {
  color: #fff;
  text-decoration: none;
}

#place2 a:hover {
  text-decoration: underline;
}

.banner {
  margin: 0 auto;
  width: 800px;
  height: 167px;
  float: left;
  background: url('images/header.gif') no-repeat;
}

#bottom {
  margin: 0 0 0 0;
  width: 800px;
  background: url('images/b_bg.gif') repeat-y;
}

#content {
  margin: 0 auto;
  width: 766px;
}

.title {
  margin: 0 0 0 13px;
  padding: 8px 0 0 10px;
  width: 725px;
  height: 21px;
  background: url('images/title.gif');
  font-weight: bold;
}

.bg {
  margin: 0 0 0 13px;
  width: 736px;
  height: 253px;
  background: url('images/n_bg.gif') no-repeat;
}

p.content {
  margin: -250px 0 0 22px;
  width: 720px;
}

#content img {
  margin: 0 0 0 140px;
  border: 0;
}

#foot {
  width: 800px;
  height: 61px;
  background: url('images/footer.gif') no-repeat;
}