@media screen{ 

  body{
    width: 700px;

        }
  h1{ 
      text-align: center;
      background-color: #83caff;
    }
  h2{ 
      text-align: center;
    }
  h3{ 
      text-align: center;
    }
  p{ 
     clear: both;
    }


  dl
  {
    width: 41.1em;
    margin: 2em 0;
    padding: 0;
    font-family: georgia, times, serif;
    }

  .lh{ 
        background-color: #ddd;
        }

#  a
#  {
#    text-decoration:  none;
#    color: #000;
#  }
  
  dt
  {
    width: 11em;
    float: left;
    margin: 0 0 0 0;
    padding: .5em;
    border-top: 1px solid #999;
    font-weight: bold;
    }
  
  /* commented backslash hack for mac-ie5 \*/
  dt { clear: both; }
  /* end hack */
  
  dd
  {
    float: left;
    width: 28em;
    margin: 0 0 0 0;
    padding: .5em;
    border-top: 1px solid #999;
  }

  ul {
       list-style: none;       
       float: left;
       width: 200px;
       margin: 0 0 10px 10px;
       padding: 0;
       }
  
  li {
       margin: 0;
       padding: 0;
       line-height: 1.3em;
       }

  .dato {
          text-decoration: underline;
          }

  h4 { 
       clear: both;
       }

  .col1 {margin-left: 0em;}
 
  .col2 {margin-left: 17em;}
  
  .col3 {margin-left: 34em;}
  
  .coltopper {margin-top: -6.5em;}

}