body {background-color: #f5f5dc;
      margin: -1px;
      margin: -1px;
      margin: -1px;
      margin: -1px;
     } 
                                                      

div.head-index {background-color: #207641;   
                height: 160px;
                border: 5px solid #000000;
               }     


div.left {float: left;
          width: 300px;
          background-color: #ffe4b5;
          margin-top: 0px;
          margin-left: 0px;
          padding: 10px 10px 20px 10px; 
          border-right: 5px solid #c2c45c; border-bottom: 5px solid #c2c45c;
          background-image: url('foh24a.png');
          background-repeat: no-repeat;
          background-position: bottom;
          }

div.main  { margin-left: 350px;
           margin-right: 30px;
           text-align: justify;
          }


div.box   {vertical-align: top; background-color: #f5f5dc; border-top: 5px solid #d5cea3; border-left: 5px            solid #d5cea3;  border-right: 5px solid #c2c45c; border-bottom: 5px solid #c2c45c;
          }

div.redbox {background-color: white;
            padding: 10px;
            border-top: 5px solid #ff0000; border-left: 5px solid #ff0000;  
            border-right: 5px solid #b22222; border-bottom: 5px solid #b22222;
            margin:  2px;
            font-family: times new roman;
           }
div.rustbox {background-color: white;
            padding: 10px;
            border-top: 5px solid #ff7f50; border-left: 5px solid #ff7f50;  
            border-right: 5px solid #d2691e; border-bottom: 5px solid #d2691e;
            margin:  2px;
            font-family: times new roman;
           }

div.indent {margin-left: 50px;
            margin-right: 50px;
            text-align: justify;
           }

h4 {
    color: #000000;
    font-family: helvetica;
    text-align: center;
   }

h3.left {background-color: #ff8c00;
         color: #FFFFFF;
         font-family: helvetica;
         font-style: italic;
         padding-left:  .4em;
        }

h3 {color: #006400;
    font-family: helvetica;
    font-style: italic;
    padding-left:  .4em;
    }

h3:first-letter {font-size:  larger;}
   

h2 {
    color: #006400;
    font-family: helvetica;
    font-style: italic;
    text-align: center;
    margin-left: 5%;
    margin-right:5%;
   }

h1 {
    color: #006400;
    font-family: times new roman;
    font-variant: small-caps;
    text-align: center;

       }

p  {font-family: helvetica;
    color: #000000;
    font-size: 12pt;
   }

ul {font-family: helvetica;
    color: #000000;
    font-size: medium;
    list-style-type: square;
    }

ul.left {font-family: helvetica;
         color: #000000;
         font-size: medium;
         list-style-type: square;
         padding-bottom:  10px;
         
         }


ol {font-family: helvetica;
    color: #000000;
    font-size: medium;
    }

dt {font-family: helvetica;
    color: #000000;
    font-size: medium;
    font-weight: bold;
    }

dd {font-family: helvetica;
    color: #000000;
    font-size: medium;
    }

table {font-family: helvetica;
      }

a      {font-size: medium;}

a:link  {color:  #00aa00; font-weight: bold; 
         text-decoration: none;
        }

a:visited {color:  #00aa00; font-weight: bold;
           text-decoration: none;
          }

a:hover  {color:  #ff3300; font-weight: bold;
          text-decoration: none;
         }

a:active  { color:  #00aa00; font-weight: bold;
          }


span.foh  {color: #006400;
           font-weight: bold; 
           font-family: times new roman; 
           font-style: italic; 
           font-size: 20px;
          }

span.red  {color:  #ff0000; font-weight: bold; font-size: large;
          }

span.grey {color: grey; font-style: italic; font-size: small;
          }

