body {
  font-family: sans-serif;
  padding: 1em 6em;
}

a {
  color: #00a;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #a00;
  background-color: #ffa;
}

h1 {
  color: #45a;
  background-color: transparent;
  border-bottom: #08c 1px solid;
}

h2 {
  border-left: #08c 0.5em solid;
  padding-left: 0.1em;
}

.round-top {
  background: #eee url(round_t_l.gif) no-repeat top left;
}

.round-top span {
  background: url(round_t_r.gif) no-repeat top right;
  height: 10px;
  display: block;
}

.round-bottom {
  background: #eee url(round_u_l.gif) no-repeat bottom left;
}

.round-bottom span {
  background: url(round_u_r.gif) no-repeat bottom right;
  height: 10px;
  display: block;
}
.round-body {
  white-space: nowrap;
  background-image: url("titlebar_back.png");
  background-repeat:repeat-x;
  padding: 0px 10px;
}

div.copyright {
  padding: 10px 0px 10px 0px;
  border-top: 1px solid gray;
}

div.content {
}

ul.menu {
  margin: 0px;
  padding: 0px;
  border-top: 1px solid black;
  color: black;
  background-color: #cef;
  border: 1px solid #7bd;
}

ul.menu li {
  margin-left: 0.6em;
  color: black;
  background-color: #cef;
  display: inline;
  white-space: nowrap;
}

ul.menu li a {
  color: black;
  background-color: #cef;
  text-decoration: none;
}

ul.menu li a:hover {
  color: #a00;
  background-color: #ffa;
}

ul.menu li a.self {
  font-weight: bold;
  color: black;
  background-color: #cef;
}

code {
  font-family: consolas, inconsolata;
}

.logo {
  float: right;
  width: 15em;
  height: 15em;
}

.solution {
  clear: both;
}

.footer {
  border-color: gray;
  border-style: solid;
  border-width: 1px 0px 0px;
}

.site_logo {
  border-width: 0px;
}