BODY          { background: black; color: orange; font-size: 90% }
  SPAN.sp01     { display: block; font: normal 80% Arial; text-align: left; margin-left: 1em }
  DIV.div1      { border: solid 1px; padding: 5px; margin: 1em; background: #ffffe0; text-align: left }
  SPAN.sp11     { color: #333300; font: bold 100% Times; }
  SPAN.sp12     { color: #663300; font: normal 60% Arial; }
  SPAN.sp13     { color: #666600; font: normal 60% Arial; }
  SPAN.sp14     { color: white; background: #600060; font: normal 60% Arial; }
  DIV.div2      { border: solid 2px; padding: 1em; margin: 1em; background: #ffffe0; text-align: left }
  SPAN.sp20     { color: #600060; font: normal 100% Arial }
  SPAN.sp21     { color: #333300; font: normal 80% Arial; }
  SPAN.sp22     { background: #300030; color: white }
  DIV.div3      { margin: 1em; font: normal 90% Times; text-align: left }
  SPAN.sp31     { background: white; color: #300030; font: normal 80% Arial; }
  SPAN.sp32     { font: bold 80% Arial; }
  DIV.div4      { border: solid 2px red; padding: 5px; margin: 2em 4em; background: #ffffe0; text-align: left }
  SPAN.sp41     { color: red;   font: normal 200% Times; }
  SPAN.sp42     { color: gray;  font: normal 90% Arial; }
  SPAN.sp43     { color: red;   font: bold 90% Arial; }
  SPAN.sp44     { color: gray;  font: bold 90% Arial; }
  SPAN.sp45     { color: black; font: normal 80%  Arial; }
  SPAN.sp46     { color: black; font: bold 100% Times; }
  SPAN.sp47     { color: black; font: normal 80% Arial; }
  SPAN.sp48     { color: black; font: bold 90% Arial; }