body {background: #e8e8f0; 
      color: #000000;
      width=800; } 

/* Colors codes:
 * Dark Blue: #3348d5 - Top menu and left hand info bar;
 * Maroon: #750142 - bottom menu and footer; 
 * Yellow: #fbcd2e - links on dark blue;
 * Pink: #b15d7f - ???;
 */
 
/* table.menu1  {
 *  font-family : Verdana, Helvetica, sans-serif ; 
 *  font-size : x-small; 
  * background: #3348d5; 
  * color:#ffffff; 
  * vertical-align: top; 
 *}
 *
 * table.menu1 td {text-align: center;
 * vertical-align: top; }
 *
 * table.menu1 a:link {color: #dddd00}
 * table.menu1 a:active {color: #dddd00}
 * table.menu1 a:visited {color: #dddd00}
 * table.menu1 a:hover {color: #ffffff; font-size: medium;}
*/

#page {
   width: 800px;
   background: #e8e8f0;
   margin-left: 0px auto;
   margin-right: 0px auto;
   text-align: center;
   align: center;}


table.history { vertical-align: center;
}

table.history th {
vertical-align: top; 
font-family : Verdana, Helvetica, sans-serif ; 
padding-right: 1em; }


table.history td {
vertical-align: top; 
padding-left: 1em;
}

.verse {
  font-family: "Times Roman", serif;
  font-style: italic;
  font-size: medium;
}
  
.citation {
  font-family: Verdana, Helvetica, sans-serif ;
  font-size: x-small;
}
 
div.title {background: #e8e8f0; 
           color: #ffffff; 
           font-size: x-small;
           width: 800;
           margin: 1% 2% 0% 2%;}
           
                         
div.title tr.row1 {background: #3348d5; 
                      color : #ffffff; 
                      font-size:x-small; 
                      vertical-align:center;
                      }
div.title tr.row1  td {padding-left: .5em;
                      padding-top: 1px;}
                      
div.title tr.row2 {/* background-image: url(images/header_bg.jpg); */
                      background: #3348d5;
                      color : #ffffff; 
                      font-size:x-small; 
                      vertical-align:center;
                      }
                     
                                         
div.title tr.row3 {background: #750142; 
                   color : #ffffff; 
                   font-size:x-small; 
                   vertical-align:top; 
                   text-align:center;}

div.title tr.row4 {background: #750142; 
                   color : #ffffff; 
                   font-size:small; 
                   vertical-align:top; 
                   text-align:center;}

div.title a:link {color: #dddd00}
div.title a:active {color: #dddd00}
div.title a:visited {color: #dddd00}
div.title a:hover {color: #ffffff;}

div.body { width: 800;
               margin: 0% 2% 1% 2%;}

div.left {
/*   background : #3348d5; 
   color : #ffffff; */
   font-family : Verdana, Helvetica, sans-serif ; 
   font-size : x-small;
    padding-right: .5em;
    padding-left: .5em;
    padding-top: 1px;
}

td.left   {
/*   background : #3348d5; /* d. blue */
   background : #750142; /*  maroon */ 
   color : #ffffff; 
}
 

div.left a:link {color: #fbcd2e; font-size: large}
div.left a:active {color: #fbcd2e; font-size: large}
div.left a:visited {color:#ebbd1e; font-size: large}
div.left a:hover {color:#ffffff; font-size: large}
div.left h1 {font-size: x-large}

div.main {
   font-family: Verdana, Helvetica, sans-serif ;
 background : #e8e8f0; 
  color : #000000; 
  padding-left: .5em;
  padding-right: .5em;
}


table.footer {font-family : Verdana, Helvetica, sans-serif ; 
                 font-size : medium; 
                 background: #750142; 
                 color:#ffffff; 
                 vertical-align:top}