body {
  margin-left: 40px;
  margin-right: 40px;     
  color: black;
  background-color: white;
  max-width: 60em; 
  font-family: 'Open Sans', sans-serif; 
}

a 
{
   text-decoration: none;
   color: #0000AA }

a:hover {
   border-color: black;
   background: #EFEFEF;
}

#header { margin-top: 1em; 
          border-top: 1px solid gray;
          border-bottom: 1px solid gray;
}


body> .validate { 
background-color: #C0C0C0;
font-size: x-small; /* 0.7em; */ 
text-align: right; 
margin-top: 30px; margin-bottom: 0px; margin-left: 0; 
padding-right: 10px; padding-top: 5px; padding-bottom: 5px;
}

ul#book
 {
margin-top: 1em; 
margin-bottom: 1em;
margin-left: -1em; 
margin-right: 1em;
padding: 0px 0px 0px 0px;
/* font-size: 14px; */
font-family: 'Open Sans', sans-serif; 
/* color: black; */
 }

li.book
{
/* list-style: none; */
margin: 0; 
padding-left: 0em;
padding-top: 0.5em; 
padding-bottom: 0.5em;
text-align: left;
}

.hangingindent {
    padding-left: 22px ;
    text-indent: -22px ;
}

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

/* Sidebar
-------------------------------------------------------------- */
#navbar { float: right; clear: right; margin-top: 1em; border: 1px dotted gray; padding: 0em; margin-left: 1em; width: 165px; }
#navbar p.allAbstracts { text-align: center; margin: 0; }

#navbar ul.tabs a { padding: 0.6em 1.2em; color: #666; text-decoration: none; font-size: 90%; }
#navbar ul.tabs li a:hover { color: #000; }
#navbar ul.tabs li.active { font-weight: bold; }