h4.head {
     text-align: center;
     font-weight: bold;
     font-size: large;
     width: 100%;
   }
div.banner {
     vertical-align: top;
     background-color: #f0f0c8;
     border-color: #1878c0;
     border-width: 1px;
     border-style: solid;
     text-align: center;
     width: 100%;
     margin: 1px;
         }
div.vspace { height: 6px; }
div.nav {
     width: 90%;
     text-align: left;
     background-color: #b0d8ff;
     border-width: 1px;
     border-style: solid;
     border-color: #1878c0;
     padding: 6px;
        }
 a {
     text-decoration: none;
     font-weight: bold;
     color: #c74c55;
       }
 a:hover {
     background-color: #a0a8ff;
             }

span.col1 {
            float: left;
            width: 35%;
          }
span.col2 {
             float: right;
             width: 63%;
           }
span.col3 {
             float: right;
             width: 35%;
          }
div.footer {
       margin-top: 1em;
       padding-top: 1em;
       font-size: small;
       text-align: center;
            }

div.scroll {
      float: left;
      font-size: small;
      border: 1px solid #1878c0;
      background-color: #b0d8ff;
      width: 90%;
      height: 240px;
      text-align: left;
      padding: 4px;
      overflow: scroll;
      margin: 20px;
     }

div.person {
margin: 20px;
border: 1px solid #1878c0;
padding: 4px;
background-color: #ffffff;
}