body {
  margin: 0px;
  padding: 0px;
  font-family: sans-serif;
  background-color: #f8f8e8;
}

div.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 20px;
  visibility: hidden;
}

div.slide p, div.slide h1 {
  margin: 5px;
}

div.slide div.slide_body {
  padding: 10px;
}

div.slide p.mainbox1 {
  width: 60%;
  height: 160px;
  background-color: #0d66a7;
  position: absolute;
  left: 5%;
  top: 80px;
  font-weight: bold;
  font-size: 24px;
  color: white;
  font-family: sans-serif;
  line-height: 160px;
  vertical-align: middle;
  padding-left: 10px;
}

div.slide p.mainbox2 {
  width: 60%;
  height: 160px;
  background-color: #9cf;
  position: absolute;
  left: 30%;
  top: 240px;
  font-weight: bold;
  font-size: 24px;
  color: black;
  font-family: sans-serif;
  line-height: 160px;
  vertical-align: middle;
  padding-left: 10px;
}

li {
  margin: 4px 0px 8px 0px;
}

div.slide ul.mainbox_info {
  position: absolute;
  top: 400px;
  left: 50%;
  margin-top: 10px;
}

div.slide ul.mainbox_info li {
  list-style: none;
}

div.slide div.header,
div.slide div.footer {
  border-style: solid;
  height: 20px;
  padding: 12px 5px;
}

div.slide div.header {
  border-width: 0px 0px 2px 0px;
  margin: 0px 270px 2px 4px;
}

div.slide div.footer {
  position: absolute;
  bottom: 5px;
  border-width: 2px 0px 0px 0px;
  margin: 2px 4px;
  width: 98%;
}

div.slide div.tng_logo {
  background: transparent url(tng_logo.png) no-repeat scroll left top;
  float: right;
  width: 260px;
  height: 44px;
  margin: 8px;
}

div.slide div.footer div.footer_left {
  float: left;
}

div.slide div.footer div.footer_right {
  float: right;
}

div.templates {
  visibility: hidden;
  height: 0px;
}

div.slide div.example_box {
  margin: 10px;
  border-style: solid;
  border-width: 2px;
  padding: 5px;
  width: 320px;
}

div.search_dialog,
div.login_dialog {
  border-style: solid;
  border-color: #444;
  border-width: 1px;
  margin: 4px;
  padding: 2px;
  width: 300px;
}