body { margin:    0 0 0 0;
       background-color: #e0e0e0;
       color: #DDDDDD;
     }

.h1 { color: #220066;
      text-decoration:none;
      font-family: sans-serif;
      font-weight: bold;
      font-size: 36pt;
      margin-top: 10px;
      margin-right: auto;
      margin-bottom: 10px;
      margin-left: 20px;
   }

a  { text-decoration:none; 
     font-family: sans-serif; 
     font-size: 8pt; 
     color: #2200BB; 
   }

a:hover { 
      text-decoration: underline; 
      color: blue; 
    }

.ar { text-decoration:none; 
     font-family: sans-serif; 
     font-weight: bold; 
     font-size: 10pt; 
     color: #2200BB; 
   }


.al  { text-decoration:none; 
     font-family: sans-serif; 
     font-weight: bold; 
     font-size: 10pt; 
     color: white; 
   }

.al:hover {
      text-decoration: underline; 
      color: yellow; 
    }

.lc { display: table-cell;
      background-color: #220077;
      text-align: right;
      vertical-align: top;
      padding: 10pt;
      width: 25%;
    }

/*  mid-tone: #bdbdbd */
.rc { display: table-cell;
      color: #303030;
      background-color: #f0f0f0;
      text-align: left;
      vertical-align: top;
      padding: 10pt;
      width: 75%;
    }


.bc { display: table-cell;
      background-color: #000000;
      text-align: right;
      vertical-align: top;
      padding: 10pt;
      width: 25%;
    }

.main { display: table;
       width: 90%;
       color: #303030;
       margin: 10px auto auto 0px;
       border-color: #777777;
       border-width:   1pt;
       border-style:  solid;
       border-spacing: 0pt;

     }

.space { border-width: 0px 0px 0px 0px; }