body { margin: 0; padding: 10px; }
body, table { 
font-family:Verdana,Helvetica;

/* letter-spacing: 1px; */
font-style:normal;
font-weight:normal;
line-height:18px; 
}
h2    { margin-top: 1em; margin-bottom: 0.5em }
img   { border-width: 0 }
.list { border: 1px solid #222222; border-collapse: collapse;
        width: 100%  }
.list th, .list td { padding: 0.5em 1em; vertical-align: top; text-align: left; }
.list th { background-color: #1FA400; color: white }
.list td { background-color: #F1F1ED; }
.tabular { border-collapse: collapse; padding: 0; margin: 0 }
.tabular td { padding: 0 0.5em 0 0; margin: 0; vertical-align: top; text-align: left; }

#content { padding: 1em; font-size: 0.9em; width: 70%; 
           max-width: 50em; text-align: left }

#title { 
  height: 160px; min-height: 120px;
  /* background-image: url(images/clam-back.png); 
  background-position: right top;
  background-repeat: repeat-x; */
  text-align: right;
}

.detail {
  float: right; width: 28%; background-color: #ffe;
  border: 2px black solid; padding: 1em; margin: 0.5em 0 3em 2em;
}
.detail table { border-collapse: collapse; max-width: 100%; font-size: 80%; width: 100%; margin: 1em 0 0.5em 0; }
.detail th { background: #d9d9d9; color: black; padding: 0.4em; }
.detail th, .detail td { border: 1px solid grey; vertical-align: middle; }