html {
  background-image : url(tile.jpg);
  font-family : "Lucida Sans", Verdana, sans-serif;
  overflow: -moz-scrollbars-vertical;
}
p {
  margin : 0;
  padding : 0 0 12 0;
  line-height : 1.5;
}
ul, ol {
  padding : 0 0 12 24;
}
li {
  line-height : 1.5;
}
a { 
  text-decoration : none;
  color : #336699;
}
a:active { 
  text-decoration : underline;
}
a:visited { 
  color : #336699;
}
a:hover { 
  text-decoration : underline;
}
img { 
  border : 0; 
}
table {
  font-size : 100%; 
  border-collapse : collapse;
  width : 100%;
}
tr {
  vertical-align : top;
}
div.background { 
  text-align : center; 
  padding : 24;
}
div.page { 
  text-align : left;
  margin : auto; 
  width : 936;
}
td.left {
  width : 300;
}
td.right {
  width : 636;
  padding : 0 0 0 36;
}
div.hidden {
  display : none;
}
div.headline {
  font-family : Garamond;
  font-style : italic;
  font-weight : normal;
  font-size : 200%;
  padding : 24 0 12 0;
}
div.circle {
  position : relative;
  margin : 36 0 0 0;
  background-image : url(dial.png);
  width : 300;
  height : 300;
}
div.knob {
  position : absolute;
  background-image : url(knob.png);
  -moz-user-select : none;
  width : 50;
  height : 50;
}
div.copyright {
  padding : 36 0 0 0;
  font-size : 80%;
  font-style : italic;
  color : #666666;
  text-align : center;
}
div.detail {
  position : absolute;
  width : 600;
  padding : 48 0 600 0;
  xborder : 1px dashed red;
}
#debug {
  padding : 36 0 0 0;
  display : none;
}
table.columns td {
  width : 50%;
}