a:link {color:#bb4444;text-decoration:none;}
a:visited {color:#bb4444;text-decoration:none;}
a:active {color:#781d1d; text-decoration:underline;}
a:hover {color:#781d1d; text-decoration:underline;}

body, td, div, span {
  font-size:16px;
  font-family:arial,verdana,geneva,helvetica;
  color:#000000;
}

h1, h2, h3, h4 {
  font-family:arial,verdana,geneva,helvetica;
  font-weight:normal;
  color:#000000;
}

code, strong {
  color:#0000bb;
}

i, dt {
  color:#006600;
}

p { 
  margin-bottom:0.5em;
}

li, ul, ol { 
   margin-top:0.5em;
   margin-bottom:0.5em;
}

.sidebarlogo {
  width: 10em;
  height: 10em;
  margin-left: 0.5em;
}

.main {
  margin-left: 20em;
  max-width: 1000px;
}

.pagenav {
  width: 15em; 
  height: 50em; 
  position: fixed; 
  z-index: 1;
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
  font-family:verdana,arial,helvetica;
  font-size: 18px;
}

.pagenav ul {
  list-style-type: none;
  font-family:verdana,arial,helvetica;
  margin-left:-1em
}

.pagenav a {
  text-decoration: none;
  display: block;
  font-weight:normal;
  font-family:verdana,arial,helvetica;
  color:#bb4444;
  text-decoration:none;
}

.pagenav a:hover {
  color: #781d1d;
  text-decoration:underline;
}

@media screen {
  .pagenav {
    height: 95%; 
  }
}