<begin>
  <open container="HTML">
    <open container="TITLE">
      <title value="Example 1"/>
    <close container="head">
    <open container="STYLE">
      <leaf tag="STYLE">
 <attr key="
H1{ color: rgb(128,0,128) }
PRE { background-color: rgb(200,200,200) }
B {
  background-color: rgb(128, 128, 255);
  font-size: large;
}
I {
  font-size: larger;
}
B I {
  font-size: smaller;
}
LI B {
  font-size: .25in;
}
UL LI {
  color: green;
  list-style: square outside url(resource:/res/gear1.gif);	//none;
}
UL UL LI {
  color: red;
}
H4 {
  color: yelow;
  background-image: url(gear1.gif);
  background-repeat: repeat;
  font-size: 150%;
}
" value="</style>"/>
 <content value="&#10;H1{ color: rgb(128,0,128) }&#10;PRE { background-color: rgb(200,200,200) }&#10;B {&#10;  background-color: rgb(128, 128, 255);&#10;  font-size: large;&#10;}&#10;I {&#10;  font-size: larger;&#10;}&#10;B I {&#10;  font-size: smaller;&#10;}&#10;LI B {&#10;  font-size: .25in;&#10;}&#10;UL LI {&#10;  color: green;&#10;  list-style: square outside url(resource:/res/gear1.gif);&#9;//none;&#10;}&#10;UL UL LI {&#10;  color: red;&#10;}&#10;H4 {&#10;  color: yelow;&#10;  background-image: url(gear1.gif);&#10;  background-repeat: repeat;&#10;  font-size: 150%;&#10;}&#10;"/>
</leaf>
    <close container="head">
    <open container="BODY">
 <attr key="bgcolor" value="#FFFFFF"/>
</open>
      <newline/>
      <open container="H1">
        <text value="Example 1: CSS HTML Text Styles"/>
      <close container="H1">
      <newline/>
      <open container="P">
        <leaf tag="BR"/>
      <close container="P">
      <newline/>
      <open container="P">
        <text value="Note -- This document contains the following CSS declarations:"/>
      <close container="P">
      <newline/>
      <open container="PRE">
        <text value="H1     { color: rgb(128,0,128) }"/>
        <newline/>
        <text value="PRE    { background-color: rgb(200,200,200); }"/>
        <newline/>
        <text value="B      { background-color: rgb(128, 128, 255); "/>
        <newline/>
        <text value="         "/>
        <text value="font-size: large; } "/>
        <newline/>
        <text value="I      { font-size: larger; } "/>
        <newline/>
        <text value="B I    { font-size: smaller; } "/>
        <newline/>
        <text value="LI B   { font-size: .25in; } "/>
        <newline/>
        <text value="UL LI  { color:    green; "/>
        <newline/>
        <text value="        "/>
        <text value="list-style: square outside url(resource:/res/gear1.gif); "/>
        <newline/>
        <text value="        "/>
        <text value="//none; } "/>
        <newline/>
        <text value="UL UL LI { color: red; } "/>
        <newline/>
        <text value="H4     { color: yellow;"/>
        <newline/>
        <text value="      &#9;  "/>
        <text value="background-image: url(gear1.gif); "/>
        <newline/>
        <text value="         "/>
        <text value="background-repeat: repeat; "/>
        <newline/>
        <text value="         "/>
        <text value="font-size:    150%; } "/>
        <newline/>
      <close container="PRE">
      <newline/>
      <open container="P">
        <leaf tag="BR"/>
      <close container="P">
      <newline/>
      <open container="P">
        <text value="Here is an example of "/>
        <open container="B">
          <text value="bold"/>
        <close container="B">
        <text value=", "/>
        <open container="I">
          <text value="italic"/>
        <close container="I">
        <text value=" "/>
        <text value="and "/>
        <open container="B">
          <open container="I">
            <text value="bold-italic"/>
          <close container="I">
        <close container="B">
      <close container="P">
      <newline/>
      <open container="P">
        <leaf tag="BR"/>
      <close container="P">
      <newline/>
      <open container="P">
        <text value="Some links to test pseudo-classes"/>
      <close container="P">
      <newline/>
      <open container="P">
        <open container="A">
 <attr key="href" value="http://link"/>
</open>
          <text value="link"/>
        <close container="A">
      <close container="P">
      <newline/>
      <open container="P">
        <open container="A">
 <attr key="href" value="http://visited"/>
</open>
          <text value="visited"/>
        <close container="A">
      <close container="P">
      <newline/>
      <open container="P">
        <open container="A">
 <attr key="href" value="http://out-of-date"/>
</open>
          <text value="outofdate"/>
        <close container="A">
      <close container="P">
      <newline/>
      <open container="P">
        <open container="A">
 <attr key="href" value="http://active"/>
</open>
          <text value="active"/>
        <close container="A">
      <close container="P">
      <newline/>
      <open container="P">
        <open container="A">
 <attr key="href" value="http://hover"/>
</open>
          <text value="hover"/>
        <close container="A">
      <close container="P">
      <newline/>
      <open container="H2">
        <text value="Bulleted List "/>
      <close container="H2">
      <newline/>
      <open container="UL">
        <newline/>
        <text value="  "/>
        <open container="LI">
          <text value="One"/>
        <close container="LI">
        <newline/>
        <text value="  "/>
        <open container="LI">
          <text value="Two"/>
          <newline/>
          <text value="    "/>
          <open container="UL">
            <newline/>
            <text value="      "/>
            <open container="LI">
              <text value="Apples"/>
            <close container="LI">
            <newline/>
            <text value="      "/>
            <open container="LI">
              <text value="Oranges"/>
            <close container="LI">
            <newline/>
            <text value="      "/>
            <open container="LI">
              <text value="Bananas"/>
            <close container="LI">
            <newline/>
            <text value="    "/>
          <close container="UL">
          <newline/>
          <text value="  "/>
        <close container="LI">
        <newline/>
        <text value="  "/>
        <open container="LI">
          <text value="Three "/>
          <open container="B">
            <text value="Bold Text"/>
          <close container="B">
        <close container="LI">
        <newline/>
      <close container="UL">
      <newline/>
      <open container="P">
        <leaf tag="BR"/>
      <close container="P">
      <newline/>
      <open container="H4">
        <text value="H3 -- A headline style, with a background image repeated and a font size increase "/>
        <newline/>
        <text value="  "/>
        <text value="by 150%. H3 -- A headline style, with a background image repeated and a font "/>
        <newline/>
        <text value="  "/>
        <text value="size increase by 150%. H3 -- A headline style, with a background image repeated "/>
        <newline/>
        <text value="  "/>
        <text value="and a font size increase by 150%. "/>
      <close container="H4">
      <newline/>
      <newline/>
      <newline/>
    <close container="body">
  <close container="html">
</begin>
