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


nav  {  /*The navigation area is on the right side of the image and is fixed*/
display: block; position: fixed; top: 10px; right: 1px; width: 200px; height: auto;
background: transparent; font-family : Verdana, Helvetica, Arial, "Times Roman", sans-serif;
font-size: .9em; font-weight: bold; line-height : 150%;/*Greater height for better viewing of links*/
}
nav a:visited, nav a {display:block; width:180px; height:20px; margin:0 auto; border: none; 
 text-align: left; 
text-decoration:none; line-height:20px; color:#CC33CC;}
nav p a:hover {background:#AAAAAA; color:#FFFFFF;}
nav ul {list-style-type: none; padding:: 0px; margin: 15px 0 0 0;}

li span {display: none;}
li span: hover {display: block; text-align: left; color: #FF0000;  background: transparent; 
}

#fluff {margin: 0; padding: 1px; display: block; font-size: 0.7em; text-align: left; color: #000000; background: #FFFFFF;}
#sym {padding: 20px; width: 110px; height: 70px;}


#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: 15px;  border: 2px solid; padding-top: 1px; width: 4.5in;
    /*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: left;
    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; }
h4 { font-size: 1.1em; text-align: left; font-weight: bold; }

.b {font-weight: bold;}
.i {font-style: italic;}

.col1 {     float: left; }
.col1 {margin-top: -1.5em;}
.col1 ul li {
      display: block;
      list-style: none;
      margin-left: -1.8em;
      padding-left: -1.8em;
    }


.col2 {   float: left; clear: right;}
.col2 {margin-top: -1.5em;}
.col2 ul li {
      display: block;
      list-style: none;
      margin-left: -1.8em;
      padding-left: -1.8em;
    }