body {
  text-align:center;
  font-size : 11px;
  font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background-color: #eee;
}

img {
  border-style: none;
  border: 1px solid #ccc;
}

li {
  margin-top: -5px;
  margin-left: -15px;
  margin-bottom: 5px;
}

/* main box */
#level0 {
  width: 780px;
  margin: 0px auto;
  text-align: left;
  padding: 15px;
  border: 1px dashed #333;
  background-color: #fff;
  height: 480px;
}

#leftbar {
  position: absolute;
  text-align: center;
  width: 335px;
  margin-right: 445px;
}

/* main content box */
#level1 {
  position: absolute;
  text-align: center;
  width: 425px;
  margin-left: 355px;
}

#topnavbar {
  text-align: center;
  margin-bottom: 5px;
}

#main {
  height: 460px;
  overflow: auto;
  border: 1px solid #bbb;
  background-color: #eee;
}

#basic {
  text-align: left;
  padding: 5px;
}

p {
  margin-top: 0px;
}

td.header {
  background-color: #bce;
  vertical-align: top;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  padding: 7px;
}

td.class1 {
  background-color: #ccc;
  vertical-align: top;
  text-align: left;
  padding: 7px;
}

td.class2 {
  background-color: #fff;
  vertical-align: top;
  text-align: left;
  border: 1px solid #ccc;
  padding: 5px;
}

#bottombar {
  margin-top: 5px;
}

hr {
  border: 1px solid #ccc;
  margin-top: 15px;
  margin-bottom: 15px;
}