body {
  font-family: arial,serif;
  background-color: white;
  color: black;
  margin: 10px;
  padding-left: 3%;
  width: 60%;
}

#title_bar {
  height: 2.5em;
  padding-left: 1%;
}

#thebits {
  background-color: white;
  border: 1px solid #aaaaaa;
  padding: 20px;
}

#sidebar {
  background-color: white;
  float: right;
  width: 180px;
  border: 1px solid #aaaaaa;

  padding: .6em;
  margin-left: .6em;
}

#sidebar ul {
  list-style-type: none;
  margin: 0em;
  padding: 0em;
  margin-bottom: .2em;
  border-top: 1px dotted #aaaaaa;
}

.header {
  text-align: right;
  margin: 0em;
  padding: 0em;
  padding-top: .3em;
}

h1,h2,h3,h4,h5 {
  color: #222222;
  margin-left: -1%;
}

hr {
  margin-left: -1%;
  margin-top: -.2em;
  margin-bottom: -.2em;
}

table { border: 1px dotted #666666; border-collapse: collapse; }
td { border: 1px dotted #666666; }
th { border: 1px dotted #666666; }

li { color: #222222; margin-left: -1%; }
small { color: black; }
pre { color: black; }
p { color: #222222; }
A:link { color: #1500cc; }
A:hover { color: rgb(0, 0, 0); }
A:visited { color: rgb(60, 60, 60); }