html, body  { 
  background-color: rgb(255,255,255);
  height:100%; 
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
  color: black; 
}

a { font-weight: bolder; text-decoration: none; }

h5 { 
  font-family: Arial, Helvetica, sans-serif;
  color: black; 
  font-size: 12pt;
  font-style: bold;
  margin: 5px 0px 10px 0px;
  clear: both; 
}

div#background { background-color: rgb(255,255,255); position:absolute;
  margin: 0 auto; top:10px; width:100%; z-index:0; padding:0px; }

p#caption { font-style: italic; font-size: 11pt;}

#teaser {
  margin:     0px 0px 0px 0px;
  padding:    3px;
  border:     1px solid gray;
}

div.figure {
  min-width: 180px; 
  background: #dddddd;
  border: 1px solid gray;
  padding: 4px;
  margin: 0em 0em 1em 1em;
  border: thin solid silver;
}

div.figure img { width: 100%; }
div.figure video { width: 100%; }

div.figure p { 
  font-size: smaller;
  padding-left: 1%;
  padding-right: 1%;
  line-height: 1.1;
  margin: 0.25em auto 0 auto;
}

div.compositefigure {
  min-width: 150px; 
  background: #dddddd;
  border: 1px solid gray;
  padding: 4px;
  margin: 1em;
  border: thin solid silver;
}

div.compositefigure p { 
  font-size: smaller;
  padding-left: 1%;
  padding-right: 1%;
  line-height: 1.1;
  margin: 0.25em auto 0 auto;
}

.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; padding: 0px; margin: 0px; }

.floating {
  float: right;
  clear: both;
}

.section { float: none; clear: both; max-width: 850px; margin: 0 auto; margin-bottom: 5px; }

ul { padding-left: 30px; }