body {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  background-color: white;
  color: darkred;
  width: 600px;
  height: 100%;
  margin-left: 5%;
}

tt, code, pre {
  color: #993300;
  font-size: 9pt;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: darkred;
  margin: 0px;
  padding: 0.1em;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: black; 
  margin: 0px;
  padding: 0.1em;
}  

h1 + h2 {
  margin: 0px;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: black; 
  margin: 0px;
}
h4 {
  font-size: 10pt;
  text-indent: 0.5em;
}

h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: black;
  margin: 2pt;
}
a {
  color: #993300;;
}

a:hover {
  text-decoration: none;
  color: darkred;
}

a:visited {
  color: #993300;;
}

a:active {
  color: black;
}

hr {
  height: 1px;
  color: darkred;
}

.menu {
  font-weight: bold;
  margin: 2px;
}

.table {
  display: table;
  width: 600px;
}
.row {
  display: table-row;
}
  
#content {
  display: table-cell;
  width: 250px  
  float:       right;
   width:       75%;

}

#logo {
  /*display: table-cell;*/
  width: 350px;
  float: right  
}