hr.defloat {
  display: block;
  clear: left;
  visibility: hidden;
  width: 100%;
  height: 0; }

.spacer {
  width: 100%;
  clear: left;
  height: 0; }

.pagetitle h1 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 60%; }

h1, h2 {
  font-family: garamond, bookman, serif; }

p, li {
  font-family: helvetica, arial, sans-serif; }

a:visited {
  color: #727;
  text-decoration: none; }
a:link {
  color: #22A;
  text-decoration: none; }
a:hover {
  text-decoration: underline; }

.rbroundbox {
  width: 60%;
  margin: 1em auto;
  background: url(nt.gif) repeat;
  background-color: red; }

.rbcontent {
  margin: 0 7px;
  padding: 5px; }

.rbtop {
  background: url(tr.gif) no-repeat top right; }
  .rbtop div {
    background: url(tl.gif) no-repeat top left; }

.rbbot {
  background: url(br.gif) no-repeat bottom right; }
  .rbbot div {
    background: url(bl.gif) no-repeat bottom left; }

.rbtop, .rbbot {
  width: 100%;
  height: 7px;
  font-size: 1px; }
  .rbtop div, .rbbot div {
    width: 100%;
    height: 7px;
    font-size: 1px; }

body {
  margin: 1em;
  padding: 1em;
  background-color: #eeeeee;
  font-family: helvetica, arial, sans-serif;
  height: 100%; }

h1.sitename {
  text-indent: 1em; }

div.content {
  margin-top: 0px;
  margin-left: 1em;
  width: 40em;
  background: #ff0000;
  border-left: 1px dashed #ccc;
  border-right: 1px dashed #ccc; }
div.preview {
  margin: 10px;
  border: 2px solid;
  border-color: #666666; }
div.sidebar {
  height: 100%;
  float: right;
  margin: 1em; }
div.nav {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  float: left;
  width: 100%;
  background-color: #e0e0e0; }
  div.nav li {
    float: left;
    list-style: none;
    margin: 0;
    margin-right: 1em;
    padding: 0; }
    div.nav li a {
      text-decoration: none;
      color: #666666;
      font-weight: bold; }
div.title {
  text-indent: 1em;
  padding: 0.2em;
  margin-bottom: 1em;
  border-bottom: 2px solid;
  border-bottom-color: #666666; }
  div.title a {
    text-decoration: none;
    color: #666666; }
  div.title h2 {
    color: #666666; }
div.info {
  float: right;
  width: 9em;
  margin: 0 0 0 0.2em;
  padding-left: 0.2em;
  background: #eeeeee;
  border-left: 2px solid;
  border-left-color: #666666;
  border-bottom: 2px solid;
  border-bottom-color: #666666; }
div.node {
  padding: 0.5em 2em 1em 3em;
  border-color: #eeeeee; }
div.earlier {
  float: left;
  width: 10em; }
div.later {
  float: right;
  width: 10em; }
div.earlier a, div.later a {
  color: #666666;
  text-decoration: none; }
div.mini_content {
  width: 60%;
  border: solid 1px black; }

.l {
  float: left;
  margin-right: 1em; }