BODY {
  color: #666666;
  background-color: #DFDFDF;
/*  background-image: url('checker.gif'); */
  font-family: "Ubuntu","DejaVu Sans","Verdana",sans-serif;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  }
IMG {
  vertical-align: bottom;
  }
A > IMG {
  border: none;
  }
H1 {
  padding: 0;
  margin: 0;
  }
P {
  font-size: 80%;
  padding: 0;
  margin: 0;
  }
A {
  color: #666666;
  text-decoration: none;
  }
A:hover {
  color: #CC0000;
  background-color: #FFFFFF;
  }
#content {
  }
#heid {
  }
H1#top {
  font-weight: normal;
  text-align: right;
  padding: 0.5ex 1em 0 0;
  text-transform: lowercase;
  }
#main {
  }
#foot {
  padding: 2ex 0 0 0;
  clear: both;
  }
#foot P {
  font-size: 64%;
  }
#disp {
  width: 89%;
  float: left;
  }
#disp H1 {
  clear: both;
  font-weight: normal;
  text-align: left;
  padding: 2ex 0 0 0.5em;
  }
#disp HR {
  color: #666666;
  background-color: #666666;
  width: 96%;
  position: relative;
  top: -1ex;
  }
#menu {
  position: fixed;
  top: 12ex;
  right: 0px;
  width: 10%;
  text-align: left;
  float: right;
  }
#menu A {
  font-weight: bold;
  }
#menu UL {
  padding: 0;
  margin-left: 0px;
  }
#menu UL > LI {
  list-style-type: none;
  padding: 0.5ex;
  margin: 0px;  /* another Opera 7 bugfix */
  }
/* used for free layout */
.imazhelst {
  text-align: left;
  margin: 0 auto;
  }
/* used for columnar layout */
.imazhetbl {
  margin: 0 auto;
  }
.imazhe {
  text-align: center;
  padding: 1ex;
  border: 1px solid #666666;
  border-radius: 6px;
  margin: 1ex;
  }
.imazhe:hover {
  background-color: #7F7F7F;
  }
.tnprev {
  padding: 0;
  width: 160px;
/* horizontally centre "tnprev" inside "imazhe" */
  text-align: center;
  margin: 0 auto;
  }
.tnbox {
  width: 160px;
  height: 160px;
/* trick CSS2 into vertically centering "tnbox" inside "tnprev" */
  display: table-cell;
  vertical-align: middle;
  }
.tn {
  }
.tntext {
  color: #000000;
  }
.tbldiv {
  display: table;
  }
.rowdiv {
  display: table-row;
  }
.celdiv {
  display: table-cell;
  }