body {
        font-family: georgia;
        line-height: 1.5em;
        background-color: rgb(245,245,245);
      }
      .clear { display: inline-block;
      }   
      .clear:after, .book:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
      }
      * html .clear { height: 1%; }
      .clear { display: block; }
      #book { 
        width: 800px;
        margin:auto;
        border: 1px dotted rgb(210, 210, 210);
        padding: 20px;
        height: 700px;
        overflow:hidden;
        background-color:white;
      }
      a:visited, a:link {
        color: rgb(90,90,90);
        text-decoration:none;
      }
      #toc-container {
        float:left;
        width:150px;
        font-size:x-small;
        overflow: auto;
      }
      h1 {
        line-height: 1em;
      }
      #toc {
        list-style-type:none;
        margin:0; 
        padding:1em 1em 10em 1em;
      }
      #content {
        float:right;
        width:600px;
		padding-right: 1em;
        padding-left: 1em;
        border-left: 2px solid rgb(210,210,210);
      }
      #content-title {

      }
      a.selected {
         font-weight: bold;
         color: black;
         text-decoration: none;
      }
      #total-size {
        width: 500px;
        height: 5px;
        margin-left: 200px;
	margin-top: 1em;  margin-bottom: 1em;
        border: 1px solid rgb(200,200,200);
        clear:right;
      }
      #remaining {
        background-color:rgb(200,200,200);
        height: 5px;
        width:0;
      }
      #info p {
        margin:o;
        text-align:center;
        color:gray;
        font-size:small;
        margin:0;padding:0;
      }
.indent {
  padding-left: 1em;
}