body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }

.map {
  min-height:200px;
  text-align: center;  /* for logo placment */
}
.info {
  position:absolute;
  top:10px;
  left:50px;
  background:#fff;
  padding:10px;
  border-radius:3px;
}


#title {
  /*background:#FFFFE0;*/
  font-family: Arial, sans-serif;
  font-size: 125%;
  font-weight: bold;
}
hr {
  border: solid;
  border-width: 2px;
  border-color: gray;   /* initial value */
  color: gray;          /* older IE */
  height: 2px;
}
#location {
  line-height: 75%;
}

#tabs {
  left: 50px;
  min-width: 200px;
  width: 320px;
  font-size: 80%;
  max-height:460px;
  overflow-y: scroll;
  /*background: LightYellow;*/
}
#description {}
.intro {  /* initial message */
  font-size: 125%;
  font-weight: bold;
  font-style: italic; 
  background-color: cyan;
}
.heading {
  font-weight: bold; 
  margin-bottom: 0;
}
.text {
  margin-top: 0;
}

#logo {
  /*border-style: dashed; */
  border="0";
  /*background: rgb(255, 140, 0); 
  background: rgba(255, 140, 0, .5);
  background: rgba(0, 0, 0, .5);
  */
  z-index: 1;
  height: 26px;
  display: inline-block;  /* in combination with text-align: center for map */
  position:absolute; 
  bottom:0;
}
#logoimg {
  opacity: 1;
  max-height:100%; 
  max-width:100%;
}