ol li, ul li {
  margin-bottom: 1em 
}

.spread-list li {
  margin-bottom:10px;
}

h1,h2,h3,h4 {
  color: #303070;
}

hr {
  height:0px;
  border: 0px solid #6060A0;
  border-top-width:1px;
}

.body {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;
  font-family: verdana,arial,helvetica;
  font-size: smaller;
} 

.body table{
  /* font-family: inherit; */
  font-size: inherit;
}

.body code{
  /* background-color:#C0C0D0; */
  font-weight:bold;
  /* font-style:italic; */
  font-size:larger;
  /* font-family: verdana,arial,helvetica; */
}

.body pre {
  background-color:#C0C0D0;
  border:solid black 1px;
  padding:10px;
  /* font-family:default; */
  font-size:larger;
}

.body a:link { color:#6060A0; }
.body a:visited { color:#303070; }

.sitetitle {
  background-color: black;
  color: white;
  font-size: 30pt;
  font-family: arial,helvetica;
  font-weight: bold;
}

.sidebar {
  border-right: 1px solid black;
  background-color: #C0C0D0;
  font-family: verdana,arial,helvetica;
  font-weight:bold;
  font-size: 8pt;
}

.sidebar div {
  padding-top: 6px;
  padding-left: 12px;
  padding-bottom: 6px;
}

.sidebar a:link, .sidebar a:visited { color:#6060A0; text-decoration: none; }
.sidebar a:hover { color:#303070; text-decoration: underline; }

.tabbar {
  background-color: black;
  color: white;
  font-family: verdana,arial,helvetica;
}

.tabbar a:link, .tabbar a:active, .tabbar a:visited {
  color:white;
  text-decoration:none;
}

.tab { 
  padding-bottom:2px;
  cursor:pointer;
  background-color:#303070;
}

.pathbar {
  background-color:#6060A0;
}
      
.pathbar a:hover { text-decoration:underline; }
      
.selected-tab {
  font-weight: bold;
  background-color:#6060A0;
}

.footer{
  color:white;
  background-color: #6060A0;
  font-family: verdana,arial,helvetica;
  font-size: smaller;
}

.footer a:link, .footer a:active, .footer a:visited {
  color:white;
  text-decoration:none;
}