body { margin: 0; padding: 0 }
body, table { font-family: "Century Gothic", Tahoma, Arial, sans-serif }
h2    { margin-top: 1em; margin-bottom: 0.5em }
img   { border-width: 0 }
.list { border: 1px solid blue; border-collapse: collapse;
        width: 100%  }
.list th, .list td { padding: 0.5em 1em; vertical-align: top; text-align: left; }
.list th { background-color: #006; color: white }
.list td { background-color: #eef; }
.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: 160px;
  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; }