/* I'm not sure that I should specify the width of the banner and content.
 * Adv: if the user shrinks the width of the window, anything (like an
 * image) that is defined as div class="right" will stay off to the right
 * rather than sticking to the right edge of the window and squishing the 
 * text on its left.
 * Disadv: If the user's window is narrower than 600+170px, they'll have
 * to scroll left and right to see everything.
 * 
 *         Hmmm.....
 * */
div.left
{
  float:left;
  width:160px;
  margin:0;
  padding:1em;
}
a.leftlink:link {text-decoration:none; color:#000000}
a.leftlink:visited {text-decoration:none; color:#000000}
a.leftlink:hover {text-decoration:underline; color:#000000}

div.banner
{
  position:absolute;
  top:0px;
  width:610px;
  left:175px;
  border-left:1px solid gray;
  padding:1em;
}
div.content
{
  position:absolute;
  top:120px;
  width:610px;
  left:175px;
  border-left:1px solid gray;
  padding:1em;
}
div.right
{
  float:right;
}
span.highlight
{
  background-color:#ffb0b0;
}
p.indent
{
text-indent: 10px;
}