div.balloon {
 position: absolute;
 left: 160px;
 top: 590px;
 width: 225px;
 font-family: Helvetica;
 font-size: medium;
}

div.balloon div.corner {
 background-image: url('/pix/Triangle_Homepage.png');
 background-repeat: no-repeat;
 position: relative;
 left: 10px;
 width: 11px;
 height: 11px;
 border: 0;
 padding: 0;
 margin: 0;
}

div.balloon div.teaser {
 background-color: white;
 padding: 8px;
 margin: 0;
 border: 0;
 width: 6em;
}

div.balloon div.teaser-text {
  color: black;
  background-color: #eeeeee;
  padding: 8px;
  display: none; /* To be flipped via JavaScript */
}

span.learn-more {
 color: #0000aa; /* Needed for period after "Learn more" link */
}
span.learn-more a {
 color: #0000aa;
}
span.learn-more a:hover {
 text-decoration: underline;
}