body {
        background-image:url('background.jpg'); 
     /*    background-color:#E1CBB4; */
}

p {   margin:0px;
      font-size:14px;
      font-weight:bold;
      font-family:"Arial",Helvetica,sans-serif;
}

h2 {
   background-color:#86291A;
   text-align:center;
   text-decoration:underline;
}

h3, h4,  h5 {
   background-color:#C27240;
   text-align:center;
}

ol {  font-size:15px;
      font-weight:normal;
      font-family:"Arial",Helvetica,sans-serif;
}

ol ol {  font-size:14px;
      font-weight:bold;
      font-family:"Arial",Helvetica,sans-serif;
}
table {
      color:#7F3722;
      margin-left:20px;
   /*   background-image:url('jhwtop.jpg');      */
      background-repeat:no-repeat;
      background-position:right top;
      font-size:15px;
      font-weight:normal;
      font-family:"Arial",Helvetica,sans-serif;
}

td.middle {
           color:#86291A;
}



a:link {
        display:block;
        color:black;
       
}
 
a:visited {
        display:block; 
        color:#AF3B27;
       /* background-color:#F0F8FF
         font-size:100%;   */
}

a:hover {
        display:block; 
        color:white;
        background-color:#C09C7D;
        font-size:100%; 
}

ul {
   list-style-type:none;
   margin:0;
   padding:0;
   width: 100px;  
   border-bottom: 1px
}

ul li { 
        position: relative;
}     

li ul {
        position: absolute;
        top: 0;
        left: 99px;
        display: none;
}

ul li a {
        display: block;
        text-decoration: none;
        padding: 2px;
        border: 1px solid;
        font-size:100%;
}

ul li a:hover {
        display: block;
        text-decoration: none;
        padding: 2px;
        border: 1px solid;
        font-size:100%;
        background-color:#887161;
}




li:hover ul { display: block; }