* { font-size: 14px; font-family: Verdana; }

h1 {
  color: dimgrey;
  font-size: 1.1em;
  margin-top: 2em;
}

ul { list-style-type: none; }

div#sidebar {
left:          0px;
top:           0px;
width:         150px;
height:        100%;
position:      fixed;
text-align:    center;
overflow:      auto;
font-weight:   bold;
line-height:   1.4em;
padding:   1em;
padding-top: 3em;
}

div#sidebar ul {
list-style-type: none;
margin:        0;
padding:       0;
}

div#sidebar div {
padding:      5px;
}

div#sidebar hr {
margin: 30px 42px;
}

div.content {
top:           50px;
left:          200px;
position:      absolute;
font-family: Verdana, Arial, Helvetica, sans-serif; 
}

div.content h1 { margin-left: 2em; }
div.content p { width: 80%; }

div#sidebar ul li {
  padding: 0.4em 0.1em 0.2em 0.1em;
  margin: 0 0.2em;
  border-bottom: 1px solid #aaaaaa;
}

div#sidebar ul a {
  text-decoration: none;
}

div#sidebar ul li:hover {
  background-color: lightgrey;
}