layer at (0,0) size 800x627
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x627
  RenderBlock {HTML} at (0,0) size 800x627
    RenderBody {BODY} at (8,8) size 784x611 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 784x18
        RenderText {TEXT} at (0,0) size 355x18
          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,34) size 784x120
        RenderText {TEXT} at (0,0) size 272x120
          text run at (0,0) width 160: "#one {color: green;}"
          text run at (0,15) width 152: "#a1 {color: green;}"
          text run at (0,30) width 224: "P#two, P#two2 {color: blue;}"
          text run at (0,45) width 272: "P#three, P#three2 {color: purple;}"
          text run at (0,60) width 168: "#four {color: green;}"
          text run at (0,75) width 152: "#a2 {color: green;}"
          text run at (0,90) width 240: "P#five, P#five2 {color: blue;}"
          text run at (0,105) width 240: "P#six, P#six2 {color: purple;}"
      RenderBlock {HR} at (0,167) size 784x2 [border: (1px inset #000000)]
      RenderBlock {P} at (0,185) size 784x18 [color=#008000]
        RenderText {TEXT} at (0,0) size 194x18
          text run at (0,0) width 194: "This sentence should be green."
      RenderBlock {P} at (0,219) size 784x18 [color=#008000]
        RenderText {TEXT} at (0,0) size 194x18
          text run at (0,0) width 194: "This sentence should be green."
      RenderBlock {P} at (0,253) size 784x18 [color=#0000FF]
        RenderText {TEXT} at (0,0) size 200x18
          text run at (0,0) width 200: "This paragraph should be blue ["
        RenderInline {TT} at (0,0) size 64x15
          RenderText {TEXT} at (200,2) size 64x15
            text run at (200,2) width 64: "ID=\"two\""
        RenderText {TEXT} at (264,0) size 9x18
          text run at (264,0) width 9: "]."
      RenderBlock {PRE} at (0,287) size 784x15
        RenderText {TEXT} at (0,0) size 392x15
          text run at (0,0) width 392: "This sentence should NOT be blue [PRE ID=\"two2\"]."
      RenderBlock {PRE} at (0,315) size 784x15
        RenderText {TEXT} at (0,0) size 472x15
          text run at (0,0) width 472: "This sentence should be black, not purple [PRE ID=\"three\"]."
      RenderBlock {UL} at (0,346) size 784x18
        RenderListItem {LI} at (40,0) size 744x18
          RenderListMarker at (0,0) size 0x14
          RenderText {TEXT} at (0,0) size 237x18
            text run at (0,0) width 237: "This sentence should NOT be purple."
      RenderTable {TABLE} at (0,380) size 422x231 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 0x229
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,0) size 420x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 163x18
                RenderText {TEXT} at (4,4) size 163x18
                  text run at (4,4) width 163: "TABLE Testing Section"
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,114) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              RenderText {TEXT} at (4,4) size 4x18
                text run at (4,4) width 4: " "
            RenderTableCell {TD} at (12,26) size 408x203 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 400x18 [color=#008000]
                RenderText {TEXT} at (0,0) size 194x18
                  text run at (0,0) width 194: "This sentence should be green."
              RenderBlock {P} at (4,38) size 400x18 [color=#008000]
                RenderText {TEXT} at (0,0) size 194x18
                  text run at (0,0) width 194: "This sentence should be green."
              RenderBlock {P} at (4,72) size 400x18 [color=#0000FF]
                RenderText {TEXT} at (0,0) size 200x18
                  text run at (0,0) width 200: "This paragraph should be blue ["
                RenderInline {TT} at (0,0) size 72x15
                  RenderText {TEXT} at (200,2) size 72x15
                    text run at (200,2) width 72: "ID=\"five\""
                RenderText {TEXT} at (272,0) size 9x18
                  text run at (272,0) width 9: "]."
              RenderBlock {PRE} at (4,106) size 400x15
                RenderText {TEXT} at (0,0) size 400x15
                  text run at (0,0) width 400: "This sentence should NOT be blue [PRE ID=\"five2\"]."
              RenderBlock {PRE} at (4,134) size 400x15
                RenderText {TEXT} at (0,0) size 360x15
                  text run at (0,0) width 360: "This sentence should be black [PRE ID=\"six\"]."
              RenderBlock {UL} at (4,165) size 400x18
                RenderListItem {LI} at (40,0) size 360x18
                  RenderListMarker at (0,0) size 0x14
                  RenderText {TEXT} at (0,0) size 237x18
                    text run at (0,0) width 237: "This sentence should NOT be purple."