html {background: #FFFEDB;}
body {
      background-color : transparent;
      color : #000000;
      font-family : Arial, "Times Roman", Courier, sans-serif;
      }




#navigation  {  /*The navigation area is on the right side of the image and is fixed*/
position: fixed;
top: 2px; right: 1px; width: 200px; height: auto;
background: white;
font-family : Verdana, Helvetica, Arial, "Times Roman", sans-serif;
font-size: 12px;
font-weight: 700;
line-height : 15 0%;/*Greater height for better viewing of links*/
}


    .menu0 {
      width: 80px;
      float: left;
      padding: .5em 2em 1em .1em;
      background-color: whilte;     
    }

    .menu {
      width: 7em;
      float: left;
      padding: .5em 2em 1em .1em;
      background-color: #FFFF99;
           
    }
    
    .menu ul {
      display: none;
      position: absolute;
      background-color: #E6E6E6;
      color: black;
      list-style: none;
      margin: 0.1em 0 0 0;
      padding: 0 0 0 0;
    }
    
    .menu ul li {
      display: block;
      padding: .1em 0 0 1em;
    }
    
    div.menu:hover ul {
      display: block;
      margin: 0;
      padding: 0;
    }

    div.menu ul li:hover {
      background-color: #ccf;
    }

#bookpage1 {
    background: #transparent;     color: #000000;  text-align: center;
    float: left; 
    top: 5px;
    padding-right: 50px; padding-top: 10px;
    font-family : Arial, "Times Roman", Courier, sans-serif; 
    }  

#bookpage2 {
    background: #FFFFFF;     color: #000000; text-align: left; text-indent: 1em;
    float: left;  top: 10px;  border: 2px solid; padding-top: 5px; width: 3in;
    /*to ensure positioning the image, etc. to the left of the navigation area*/
    font-family : Arial, "Times Roman", Courier, sans-serif; 
    }

#bookpage2 a {
    text-decoration: none; color: #000000;
}

.box1 {
    background: transparent;
    color: #000000;
    text-align: center;
    margin-top: 1px;
    margin-left: 10px;
    margin-right: 300px;
    /*to ensure positioning the image, etc. to the left of the navigation area*/
    margin-bottom: 5px;
    padding-right: 5px;/*just space to ensure separation from the navigation*/
    font-family : Arial, "Times Roman", Courier, sans-serif; 
    }    

.box2 {
    background: #FFFFFF;
    color: #000000;
    text-align: center;
    margin-top: -10px;
    margin-left: 10px;
    margin-right: 300px;
    margin-bottom: 5px;
    padding: 5px;/*just space to ensure separation from the navigation*/
    font-family : Arial, "Times Roman", Courier, sans-serif; 
    }    

.box3  {  /*Fixed comment box*/
position: fixed;
right: 70px; bottom: 20px; width: 200px; height: auto;
 padding: 1px; display: block; font-size: 11px; 
font-style: italic; text-align: left; color: #000000; background: #FFFFFF;}

.box4  {  /*Fixed comment box*/
position: fixed;
right: 70px; top 20px; width: 200px; height: auto;
 padding: 1px; display: block; font-size: 1em; 
text-align: left; color: #000000; background: #FFFFFF;}
  

h1 { font-size: 1.5em; text-align: center; font-weight: bold;  }
h2 {text-align: center; font-size: 1.4em; font-weight: bold;}
h3 {font-size: 1.2em; }
h1 { font-size: 1.2em; text-align: center; font-weight: bold;  }

strong {font-weight: 700;}
em {font-style: italic;}