body {padding:0; border:0; background-color: #ffeeff; font-family: arial, helvetica, sans-serif; font-size:1em; width: 768px;}
div#banner {position: absolute; top: 6px; left: 0px; border: 1px solid black; width: 768px;}
div#menu {position: absolute; top: 116px; left: 0px; padding: 1em; border-left: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; background-color: #dddddd; font-family: arial; margin-bottom: 0%; width: 200px; font-size: 0.9em}
div#info {position: absolute; top: 116px; left: 200px; width: 570px; padding: 1em; border:1px solid black; background-color: #ffffff; line-height: 1.2em; margin-bottom: 22%}
div#menu a {display: block; border-left: 5px solid #993366; padding-left: 10px; margin-top: 5px}
div#menu a.map {border: 0px; padding: 0px}
div#menu a.map:hover {border-left: 0; background-color: #eeeeee;}
div#menu a:link {text-decoration: none}
div#menu a:visited {text-decoration: none; color:blue}
div#menu a:hover {border-left: 5px solid red; color: red;  background-color: #eeeeee;}
div#menu a.chosen {border-left: 5px solid #CC3399; color:#CC3399 ; font-weight:bolder}
div#menu p.title {font-weight:bolder}
div#menu li {margin-left: -25px}
a:hover {background-color: #eeeeee}
.description {font-weight:bolder; line-height:1.5em}
h3 {font-size: 1em; background-color: #993366; padding: 0.3em; color: white; position:relative; top: 0px}
h4 {color: #993366; font-style: italic}

div.image {
  float: right;
  
  margin: 0.5em;
  padding: 0em; min-width: 100px;
}

div.imageleft {
  float: left;
  
  margin: 0.5em;
  padding: 0em; min-width: 100px;
}

div.image p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0; color: #993366;line-height: 1.2em}
}

.list {font-size: smaller}
.foot {font-size: smaller; font-style: italic; text-align: center}
//thanks to w3c for hints on captions