html {
  overflow: hidden;
}

body {background-color: #fff;
  overflow: hidden;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

#top {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0px;    
  left: 0px;
  width: 100%;
  height: 80px;
  overflow: hidden; 
}

#main {background-color: #33c;
  padding: 0;
  margin: 0;
  position: absolute;    
  top: 100px;
  left: 240px;
  right: 20px;
  bottom: 20px;
  overflow: auto;
}

#side {    
  padding: 0;
  margin: 0;
  position: absolute;    
  top: 100px;
  left: 20px;
  bottom: 20px;   
  width: 200px;
  overflow: auto; border-right: 1px;     
}


h2 {font: 28px andalus, rod, arial, sans-serif; color: #fff; padding: 0 10px;}

h3 {font: 22px andalus, rod, arial, sans-serif;  color: #666;}

h4 {font: 20px andalus, rod, arial, sans-serif;  text-decoration: none; color: #fff; padding: 3px 10px;}

p {font: 18px courier, arial, sans-serif; color: #fff; padding: 3px 10px;}

p.intro {font: 14px "microsoft sans serif", arial, sans-serif; color: #777; margin-left: 0;}

p.small {font: 11px monospace, sans-serif; color: #ccc;}

p.print {font: 12px monospace, sans-serif; color: #666; text-align: right;}

#main .left {float: left; margin: 5px 20px 2px 20px;}

#main .right {float: right; margin: 5px 0 2px 20px;}

#navlist {font: bold 16px rod, arial, san-serif; padding-left: 0; margin-left: 0; border-bottom: 1px dashed gray; width: 200px;}

#navlist li {list-style: none; margin: 0; padding: 5px 0 5px 0; border-top: 1px dashed gray; }

#navlist li a { text-decoration: none; color: #393;}

#navlist li a:hover {color: #444;}

#main a {color: #fff;}
#main a:active {color: #f00;}
#main a:hover {color: #f00; text-decoration: underline;}
#main a:visited {color: #fff;}