/* basics ============================================ */

body,th,td,div,p,h1,h2,li,dt,dd {
  font-family: "Verdana", "Tahoma", "Arial", "Gill Sans", sans-serif;
}

body {
  margin: 5px;
  color: #333333;
  background-color: #ffffff;
}

h1, h2 {
  font-size: larger;
}

h1.title {
  position: relative;
  color: #1d93b6;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 1em 1em;
}

ul {
  list-style-type: square;
}

/* main body ========================================= */

.tabmain {
  width: 100%;
}

.tabmain tr {
  width: 100%;
  vertical-align: top;
}

/* tdnav + tdbody + tdpad = 100% */
/* tdnav + tdrest = 100% */

.tdnav {
  width: 15%;
}

.tdbody {
  width: 70%;
  align: left;
  vertical-align: top;
}

.tdrest {
  width: 85%;
  align: left;
  vertical-align: top;
}

.tdpad {
  width: 15%;
}

/* for letters index */

.tdlet_to {
  width: 30%;
}

.tdlet_sent {
  width: 15%;
}

.tdlet_response {
  width: 15%;
}

.tdlet_comments {
  width: 40%;
}

/* misc ============================================== */

.trnav { /* navigation row */
  align: left;
}

.trimg { /* image row */
  align: left;
}

.textright {
  text-align: right;
}

/* banner ============================================ */

.banner {
  font-size: larger;
  clear: both;
  border: none;
  background: #e3ebe2;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* footer ============================================ */

.footer {
  font-size: smaller;
  clear: both;
  border: none;
  background: #e3ebe2;
  margin-top: 20px;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.footer a:link {
  color: #666666;
}
.footer a:active, .footer a:hover {
  color: #006486;
}
.footer a:visited {
  color: #949494;
}