body {
         font-family: arial;
  }
  a,h2,h3 { color:#604020; }
  img {border:0px;}
  /* we leave some place on the side using the margin-* properties */
  #main {
        float:right;
        margin-left:9.2em;
        margin-right:0.5em;
        padding-left:1em;
        padding-right:1em;
  }
  /* and then we put each list on its place */
  #list1 {
        top:0;
        left:0;
        position:absolute;
  }
  #list2 {
        right:0;
  }
  table.noborder {
        border-width: 0px;
        border-style: none;
  }
  .b {
        
        height: 36px; 
        min-height: 36px; 
        max-height: 36px;
        cursor: pointer;
        font-weight: bold;
  }
  .b a{font-size: .8em; top:0px;
        display: block;
        
        color:black;
        width: 152px;
        height: 32px;
        text-decoration: none;
        text-align: center;
        background: url('images/greenbutton.gif');
        background-position: -152px 0;
  }
  .b a:hover {
        background-position: 0px 0;
        color:green;
  }
  .b span {color: #40ff80;
        
        display:block;
        text-align:center;
        width: 150px;
  }
  .small {font-size:80%;}
  .abs {position:absolute;}