/* bookreview11
  o two-column 
  o left column is header + footer
  o gray and red
  o first letter is 44px
  o left column is fixed, right column is in scrolling window
  o does not work for ie6, must use switching in html document
*/  
body{ 
      margin:auto;
      font-size:15px;
/*    font-family: Arial, Helvetica, sans-serif;*/
       font-family: 'Times New Roman',Times,serif;
    }
hr  { width:100%; }
h4
      { background-color: #d7d7d7;
	padding: 0.5em; 
        padding-left:1em;
/*    font-family: Arial, Helvetica, sans-serif;*/
        width:96%;
	border: 1px solid rgb(128, 128, 128); 
      }
h2  
   {   font-family: Arial, Helvetica, sans-serif;
       background:#777777;
       color:white;
       font-size: 140%;
       padding: 0.5em; 
       padding-left:0.5em;
       margin-right:5px;
       text-align: left;
       line-height:1.2em;
    }
div.header
    { 
      left:10px;
      position:fixed;
      height:6px;
      top:0;
      width:867px;
      padding-top:8px; /* for ie 6 &7, prevents top going above box */
      margin:0 0 0 0;
      color:white;
      background:white;
      border-bottom: 1px solid gray; 
      z-index:5;  /* keeps images from going on top */
    }
div.content-left
    { width: 256px;
      left:10px;
    padding:2px;
      border: 1px solid gray;
      height:98%;
      margin-top:6px;
      min-height:96em;
      background:#777777;
      color:white;
      position:fixed;
      z-index:2;
    }
div.content-right 
    { 
      top: 0%;
      left: 10px;
      width: 600px;
      margin-left: 270px; 
    padding:2px;
      min-height:96em;
      margin-top:6px;
      margin-right:5px;
      border-top: 1px solid gray;
      border-right: 1px solid gray;
      border-bottom: 1px solid gray;
    }
div.footer
    { clear: both;
      left:10px;
      width:867px;
      margin: 10px auto;
      padding: 1em 0 0 0;
      margin:0 0 1em 0;
      top:99%;
      position:fixed;
      z-index:2;
      background:white;
      border-top: 1px solid gray;
    }
span.firstletter  /* any width figure, no border, for initial letter */ 
    {
      float:left;
      position:relative; /* needed for ie */
      margin: 0 0 0 0;
      height:30px;
      top:2px;
    }    
span.red 
      {
        color: #dd2222;       
      }
.content-left a:link 
      { color: rgb(180, 255, 255);
      }
.content-left a:visited
      { color: rgb(180, 255, 180);
      }
.content a:link 
      { color: rgb(30, 28, 119);
      }
.content a:visited
      { color: rgb(80, 80, 100);
      }
.content a:link:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }
.content a:visited:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }
span.aside 
      {
        float:right;
        position:relative; /* needed for ie */
        width:15em;
        max-width:97%;
        background:#ccddee;
        /*background:url(water-faint.jpg);*/
        margin: 0 0 0 0;
        padding:2px;
        border: 1px solid;       
      }
span.aside-pink
      {
        float:right;
        position:relative; /* needed for ie */
        width:10em;
        max-width:97%;
        background:#eee7e7;
        /*background:url(water-faint.jpg);*/
        margin: 0 0 0 0;
        padding:2px;
        border-left: 1px solid;       
        border-top: 1px solid;       
        border-bottom: 1px solid;       
      }

a[href^="http:"]{
   background: url(externallink.png) no-repeat right top;
   padding-right: 10px;
   }
.divider 
    { border:none 1px #777777;
      border-top-style:solid;
      margin-top:3px;
      margin-bottom:5px;
    }
div.figure /* width is passed as a variable in style parameter */ 
      {
        width:400px;  /* default width  */
        float:right;
        position:relative; /* needed for ie */
        margin: 0 0 0 1px ;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#000070;
        border: 1px solid rgb(128, 128, 128); 
        max-width:100%;
      }
img{ max-width:100%; }
blockquote 
    {  font-family: Arial,Helvetica,sans-serif;
       color:#663300;
       font-size: 13px;
       margin-left:5px;
       margin-right:5px;
    }
/* tables */

div.striped-table table   {  position:relative;
           border-collapse: collapse;
           width: 90%;
           border: 1px solid #666;
        }      
div.striped-table caption {  font-size:1.2em;
           font-weight:bold;
           font-family:sans-serif;
        }   
div.striped-table .e    { color:#000022; background:#dddfef;}   
div.striped-table .o    { color:#000022; background:#eeeeff;}   
div.striped-table thead   {  background: #ccc;
           border-top: 1px solid #a5a5a5;
           border-bottom: 1px solid #a5a5a5;
        }
div.striped-table th  { /* font-weight:normal; */
           text-align:left;    
           border: 1px solid rgb(128, 128, 128); 
        }   
div.striped-table td  { /* font-weight:normal; */
           text-align:left;    
           border: 1px solid rgb(128, 128, 128); 
        }   
div.striped-table tr:hover{  background-color: #3d80df;
           color: #fff;
        } 
div.striped-table thead tr:hover{   /* dont make header change color */
           background-color:transparent;
           color: inherit;
        }