body {
  padding-left: 11em;
   padding-right: 11em;
  font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif;
    color: black;
    background-color: #dcdcdc }
    ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute; /* fixed 24th JUly */
    top: 2em;
    left: 1em;
    width: 9em }
    hl {
    font-family: Georgia, "Times New Roman",
          Times, serif, }
            ul.navbar li {
    background: #bcbcbc ;
    margin: 0.5em 0; 
    padding: 0.2em;
    border-right: 1em solid #cc6673 }
    hr { 
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
 }  
a:hover {
  background-color: lightgrey;
}

  ul.navbar a {
    text-decoration: none }
  a:link {
    color: black }
  a:visited {
    color: #666666 }
    address {
    margin-top: 1em;
    padding-top: 1em;
    border-top: thin dotted }
    
    /* added following 24th July */
    ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 25%;
  /* background-color: #f1f1f1; */
  position: fixed; 
  height: 100%;
  overflow: scroll; /* auto; */
}
     
    
    /* added following 24th July */
    li a {
  display: block;

}