body {
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000;
 font-size: 15px;
}

input {
 font-size: 0.9em;
 margin-left: 2px;
}

a {
 text-decoration: none;
}

div {
 margin-left: 5px;
}

form {
 padding: 0px; 
 margin: 0px; 

}

h1 {
 font-size: 2.2em;
}

#header {
 margin: 0px;
 padding: 10px;
 background-color: #663;
 border: 0px solid #000;
 height: 30px;
 color: #fff;
 line-height: 0.9em;
 font-size: 0.7em;
}

#header input {
 background-color: #ddc;
}


#header h3 {
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#left {
 margin: 0px;
 padding: 10px;
 background-color: #eed;
 border-right: 1px solid #996;
 border-bottom: 1px solid #996;
 width: 120px;
 position: absolute;
 top: 50px; 
 left: 0px;
 font-size: 0.8em;
 line-height: 1.2em;
}

#left a:visited {
 color: #00F;
}

#middle {
 margin: 0px 0px 0px 141px;
 padding: 10px;
 background-color: #fff;
 font-size: 0.8em;
 border: 1px solid #fff; /* kludge to show */
 line-height: 1.2em;
}

#middle a:hover {
 text-decoration: underline;
}


#middle pre {
 font-size: 1.1em;
 line-height: 1.2em;
}

#right {
 margin: 0px;
 padding: 10px;
 background-color: #FFF;
 border: 0px solid #000;
 width: 120px;
 position: absolute;
 top: 57px; 
 right: 0px;
}

#footer {
 margin: 0px;
 padding: 10px;
 background-color: #FFF;
 border: 0px solid #000;
 height: 30px;
 font-size: 0.8em;
}

.right {
 float: right;
}

.left {
 float: left;
}

.small {
 font-size: 0.8em;
}