A        { color:#000000 }
  A.status { color:#8C8C8C; text-decoration: none }
  A:link   { color:#808040 }
  A:active { color:#808040 }
  A:hover  { color:#7A7A7A }
  A.status:hover { color:#E4E4C9; background: #837156 }
  A.camera:hover  { font-size: 20pt; background-image: url(images/camera_icon.gif); background-repeat: no-repeat }
  A.movie:hover  { font-size: 20pt; background-image: url(images/movie_icon.gif); background-repeat: no-repeat }
  A.music:hover  { font-size: 20pt; background-image: url(images/trebleclef_icon.gif); background-repeat: no-repeat }
  A.story:hover  { font-size: 20pt; background-image: url(images/story_icon.gif); background-repeat: no-repeat }
  A.mouse:hover  { font-size: 20pt; background-image: url(images/mouse_icon.gif); background-repeat: no-repeat }
  A.bulb:hover  { font-size: 20pt; background-image: url(images/bulb_icon.gif); background-repeat: no-repeat }
  A.marker:hover  { font-size: 20pt; background-image: url(images/marker_icon.gif); background-repeat: no-repeat }
  A.map:hover  { font-size: 20pt; background-image: url(images/map_icon.gif); background-repeat: no-repeat }
  A.voice:hover  { font-size: 20pt; background-image: url(images/voice_icon.gif); background-repeat: no-repeat }
  
  BODY  { background: #837156; background-image: url(images/WB02117.jpg); font-family: Arial; font-size: 10pt ; color:#433523; }
  h1    { font-size: 16pt; color: #FFFFCC; border-top: 4px solid rgb(125,125,125); border-bottom: 4px solid rgb(125,125,125); background: #666633; line-height: 20pt;  margin-left: -.5em; text-indent: 5pt; }
  h2    { font-size: 14pt; color: #5B4E00; border-top: 2px solid rgb(101,101,50); border-bottom: 2px solid rgb(101,101,50); background: #E1E1C4; line-height: 16pt;  margin-left: 0em; text-indent: 5pt;  }
  h3    { font-size: 12pt; color: #5B4E00; line-height: 14pt; margin-bottom: 0em; }
  h4    { font-size: 12pt; color: #FFFFCC; border-top: 3px solid rgb(0,0,0); border-bottom: 3px solid rgb(190,190,190); background: #9E8B6D; line-height: 16pt;  margin-left: -.1em; text-indent: 5pt; }
  h5    { font-family: Arial; font-size: 12pt; margin: .3em; color: #404000 }
  h6    { font-family: Arial; font-size: 10pt; margin: .3em; color: #404000 }
  font  { color: #433523; font-size: 10pt ; font-family: Arial; margin-bottom: 0em; }
  font.sm  { color: #433523; font-size: 8pt ; font-family: Arial; margin-bottom: 0em; }
  font.br { color: #535328; font-size: 10pt ; font-family: Arial }
  font.l { color: #FFFF00; font-size: 14pt ; font-family: Arial }
  font.lg { color: #804000; font-size: 16pt ; font-family: Copperplate Gothic Bold }
  font.openclassic { color: #880000; font-size: 12pt ; font-family: "OPENCLASSIC" }
  table  { font-family: Arial; font-size: 10pt ; color:#433523; vertical-align: top; line-height: 14pt; }
  td.p   { color: #EDDBFF; font-size: 10pt ; font-family: Arial; background: #8000FF }
  UL,OL { margin-top: 1em; margin-bottom: 1em }
  LI    { margin-left: 1em; margin-bottom: .3em; list-style-image: square; color:#433523; }
  LI.n  { margin-bottom: .3em; list-style-type: lower-number; list-style-image: none }
  LI.a  { margin-bottom: .3em; list-style-type: lower-alpha; list-style-image: none }
  LI.l  { margin-bottom: .3em; margin-left: -.6em; list-style-image: square }
  LI.nl { margin-bottom: .3em; margin-left: -1.2em; list-style-type: lower-number; list-style-image: none  }
  LI.book    { margin-bottom: .3em; list-style-image: url(images/book_icon.gif); text-valign:middle; }
  EM    { background: #FFFF80; color: black }
  Q     { color: white }
  IMG.legacies   { border: 4px solid rgb(115,106,70); margin: 1em}
  p:first-letter {color:#666633;font-size:14pt} 
  div {
	position: fixed;
	visibility: hidden;
	left: 0px;
	top: 10px;
    background-image: url(images/WB02117.jpg);
    border-style: ridge;
	border: 2px solid #804000;
	padding: 5px;
}

  #close {
	float: right;
}