* {
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 1;
    }

body {
       font-size: 100%;
       color: black;
       background: #ffc;
       }

#title {
         position: relative;
         top: 0;
         right: 0;
         background: black;
         color: white;
         width: 30em;
         float: right;
         min-height: 4em;
         }

#title img {
  width: 4.5em;
  height: 4.5em;
  position: relative;
  left: -2.25em;
  display: block;
  float: left;
}

#h1 {
      position: relative;
      left: -2em;
      }


#title h1 {
            text-align: left;
            font-size: 1.74em;
            padding-top: .175em;
            line-height: 1.3
            }

#title h2 {
            font-size: 1em;
            text-align: left;
            line-height: 1.25;
            margin: 0;
            }

ol {
     padding: 1%;
     width: 20%;
     clear: right;
     float: right;
     background: black;
     color: white;
     }

ol a {
       color: #ff9;
       }

ol a:visited {
               color: #ffc;
               }

ol a:hover {
             color: white;
             }

ol li {
     list-style-type: roman;
     margin: .2em .5em .2em 2em;
     }

#main {
 width: 74%;
 padding: 1em;
 float: left;
}

h3 {
     margin-top: .5em;
     margin-bottom: .25em;
     }

.pub {
       background-color: #fcc;
       color: black;
       }

.tor, .T {
           background-color: #cfc;
           color: black;
           }

.jaw,.J {
          background-color: #ccf;
          color: black;
          }

th {
     background-color: black;
     color: white;
     }

table {
 width: 100%;
 margin-bottom:  2em;
}

th,td {
 padding: 0 .5em;
 line-height: 1.4;
 border-bottom: 1px solid black;
}

#title a,
#title img:hover {
 background: yellow;
}