Upload (prior) existing TTAF1 REQ and DFXP sources.
authorGlenn Adams <glenn@skynav.com>
Mon, 29 Sep 2008 02:56:35 +0000
changeset 1 65446370244d
parent 0 45827f7c8f0f
child 2 4e385f63e112
Upload (prior) existing TTAF1 REQ and DFXP sources.
old/dfxp/Overview.html
old/dfxp/Overview.xml
old/dfxp/archive/CR-ttaf1-dfxp-20060207.zip
old/dfxp/archive/CR-ttaf1-dfxp-20061001.zip
old/dfxp/archive/CR-ttaf1-dfxp-20061110.zip
old/dfxp/archive/WD-ttaf1-dfxp-20041026.zip
old/dfxp/archive/WD-ttaf1-dfxp-20041101.zip
old/dfxp/archive/WD-ttaf1-dfxp-20050209.zip
old/dfxp/archive/WD-ttaf1-dfxp-20050222.zip
old/dfxp/archive/WD-ttaf1-dfxp-20050309.zip
old/dfxp/archive/WD-ttaf1-dfxp-20050321.zip
old/dfxp/archive/WD-ttaf1-dfxp-200510DD-0.zip
old/dfxp/archive/WD-ttaf1-dfxp-200510DD-1.zip
old/dfxp/archive/WD-ttaf1-dfxp-200601DD-0.zip
old/dfxp/archive/WD-ttaf1-dfxp-20060427.zip
old/dfxp/archive/ttaf1-dfxp-tests-20060517.zip
old/dfxp/dfxp.xpr
old/dfxp/examples/doesc.bat
old/dfxp/examples/ex1-p-0.xml
old/dfxp/examples/ex1-p-0.xml.esc
old/dfxp/examples/ex1-x-0.xml
old/dfxp/examples/ex1-x-0.xml.esc
old/dfxp/examples/ex1-x-1.xml
old/dfxp/examples/ex1-x-1.xml.esc
old/dfxp/examples/ex1-x-2.xml
old/dfxp/examples/ex1-x-2.xml.esc
old/dfxp/examples/ex1.xml
old/dfxp/examples/ex1.xml.esc
old/dfxp/images/backgroundColor.png
old/dfxp/images/color.png
old/dfxp/images/direction.png
old/dfxp/images/displayAlign.png
old/dfxp/images/display_0.png
old/dfxp/images/display_1.png
old/dfxp/images/display_2.png
old/dfxp/images/display_3.png
old/dfxp/images/display_4.png
old/dfxp/images/dk.png
old/dfxp/images/ds.png
old/dfxp/images/dynamicFlow_RU_animated.svg
old/dfxp/images/dynamicFlow_snake_0.png
old/dfxp/images/dynamicFlow_snake_1.png
old/dfxp/images/dynamicFlow_snake_10.png
old/dfxp/images/dynamicFlow_snake_11.png
old/dfxp/images/dynamicFlow_snake_12.png
old/dfxp/images/dynamicFlow_snake_13.png
old/dfxp/images/dynamicFlow_snake_14.png
old/dfxp/images/dynamicFlow_snake_15.png
old/dfxp/images/dynamicFlow_snake_2.png
old/dfxp/images/dynamicFlow_snake_3.png
old/dfxp/images/dynamicFlow_snake_4.png
old/dfxp/images/dynamicFlow_snake_5.png
old/dfxp/images/dynamicFlow_snake_6.png
old/dfxp/images/dynamicFlow_snake_7.png
old/dfxp/images/dynamicFlow_snake_8.png
old/dfxp/images/dynamicFlow_snake_9.png
old/dfxp/images/eh.png
old/dfxp/images/extent.png
old/dfxp/images/fontFamily.png
old/dfxp/images/fontSize.png
old/dfxp/images/fontStyle.png
old/dfxp/images/fontWeight.png
old/dfxp/images/ga.png
old/dfxp/images/gf.png
old/dfxp/images/lineHeight.png
old/dfxp/images/md.png
old/dfxp/images/model.png
old/dfxp/images/opacity_0.png
old/dfxp/images/opacity_1.png
old/dfxp/images/opacity_2.png
old/dfxp/images/opacity_3.png
old/dfxp/images/opacity_4.png
old/dfxp/images/origin.png
old/dfxp/images/overflow.png
old/dfxp/images/padding.png
old/dfxp/images/sh.png
old/dfxp/images/streaming.png
old/dfxp/images/subtitle1.png
old/dfxp/images/subtitle2.png
old/dfxp/images/subtitle3.png
old/dfxp/images/subtitle4.png
old/dfxp/images/subtitle5.png
old/dfxp/images/subtitle6.png
old/dfxp/images/subtitle7.png
old/dfxp/images/subtitle8.png
old/dfxp/images/subtitle9.png
old/dfxp/images/textAlign.png
old/dfxp/images/textDecoration.png
old/dfxp/images/textOutline.png
old/dfxp/images/tm.png
old/dfxp/images/unicodeBidi.png
old/dfxp/images/visibility_0.png
old/dfxp/images/visibility_1.png
old/dfxp/images/visibility_2.png
old/dfxp/images/visibility_3.png
old/dfxp/images/wrapOption.png
old/dfxp/images/writingMode.png
old/dfxp/images/zIndex.png
old/dfxp/implementations/Implementation-XFSI-DFXPViewer.xls
old/dfxp/implementations/ImplementationTemplate.xls
old/dfxp/rnc/doesc.bat
old/dfxp/rnc/jvp.bat
old/dfxp/rnc/schema.zip
old/dfxp/rnc/ttaf1-dfxp-animation.rnc
old/dfxp/rnc/ttaf1-dfxp-animation.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-classes.rnc
old/dfxp/rnc/ttaf1-dfxp-classes.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-content.rnc
old/dfxp/rnc/ttaf1-dfxp-content.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-core-attribs.rnc
old/dfxp/rnc/ttaf1-dfxp-core-attribs.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-datatypes.rnc
old/dfxp/rnc/ttaf1-dfxp-datatypes.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-document.rnc
old/dfxp/rnc/ttaf1-dfxp-document.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-head.rnc
old/dfxp/rnc/ttaf1-dfxp-head.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-layout.rnc
old/dfxp/rnc/ttaf1-dfxp-layout.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-metadata-attribs.rnc
old/dfxp/rnc/ttaf1-dfxp-metadata-attribs.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-metadata-items.rnc
old/dfxp/rnc/ttaf1-dfxp-metadata-items.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-metadata.rnc
old/dfxp/rnc/ttaf1-dfxp-metadata.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-parameter-attribs.rnc
old/dfxp/rnc/ttaf1-dfxp-parameter-attribs.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-styling-attribs.rnc
old/dfxp/rnc/ttaf1-dfxp-styling-attribs.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-styling.rnc
old/dfxp/rnc/ttaf1-dfxp-styling.rnc.esc
old/dfxp/rnc/ttaf1-dfxp-timing-attribs.rnc
old/dfxp/rnc/ttaf1-dfxp-timing-attribs.rnc.esc
old/dfxp/rnc/ttaf1-dfxp.rnc
old/dfxp/rnc/ttaf1-dfxp.rnc.esc
old/dfxp/samples/1.2-Body.xml
old/dfxp/samples/1.2-Layout.xml
old/dfxp/samples/1.2-Metadata.xml
old/dfxp/samples/1.2-Styling.xml
old/dfxp/samples/8.2.10-fontSize.xml
old/dfxp/samples/8.2.11-fontStyle.xml
old/dfxp/samples/8.2.12-fontWeight.xml
old/dfxp/samples/8.2.13-lineHeight.xml
old/dfxp/samples/8.2.14-Opacity.xml
old/dfxp/samples/8.2.15-Origin.xml
old/dfxp/samples/8.2.16-Overflow.xml
old/dfxp/samples/8.2.17-Padding.xml
old/dfxp/samples/8.2.18-showBackground.xml
old/dfxp/samples/8.2.19-textAlign.xml
old/dfxp/samples/8.2.2-Background-Color.xml
old/dfxp/samples/8.2.20-textOutline.xml
old/dfxp/samples/8.2.21-unicodeBidi.xml
old/dfxp/samples/8.2.22-Visibility.xml
old/dfxp/samples/8.2.23-wrapOption.xml
old/dfxp/samples/8.2.24-writingMode.xml
old/dfxp/samples/8.2.25-zIndex.xml
old/dfxp/samples/8.2.3-Color.xml
old/dfxp/samples/8.2.4-Direction.xml
old/dfxp/samples/8.2.5-Display.xml
old/dfxp/samples/8.2.6-displayAlign.xml
old/dfxp/samples/8.2.7-dynamicFlow.xml
old/dfxp/samples/8.2.8-Extent.xml
old/dfxp/samples/8.2.9-fontFamily.xml
old/dfxp/samples/8.4-Style.xml
old/dfxp/samples/9.3.3-Intermediate-01.xml
old/dfxp/samples/9.3.3-Intermediate-12.xml
old/dfxp/samples/9.3.3-Intermediate-23.xml
old/dfxp/samples/9.3.3-Source.xml
old/dfxp/samples/ttaf1-dfxp-samples-20060518.zip
old/dfxp/scm/adi.scm
old/dfxp/scm/clean.bat
old/dfxp/scm/clean.sh
old/dfxp/scm/code.zip
old/dfxp/scm/compile.scm
old/dfxp/scm/dfxp.pkg
old/dfxp/scm/doesc.bat
old/dfxp/scm/dtf.scm
old/dfxp/scm/fox.scm
old/dfxp/scm/load.scm
old/dfxp/scm/loadscm.scm
old/dfxp/scm/notes.txt
old/dfxp/scm/otm.c
old/dfxp/scm/otm.exe
old/dfxp/scm/otm.obj
old/dfxp/scm/rxi.scm
old/dfxp/scm/test.scm
old/dfxp/scm/test.xml
old/dfxp/scm/tir.scm
old/dfxp/scm/util.scm
old/dfxp/scm/win32-ext.scm
old/dfxp/tests/aDisplay001.xml
old/dfxp/tests/dfxp-test-suite-20070421.zip
old/dfxp/tests/filelist.txt
old/dfxp/tests/sBackgroundColor001.png
old/dfxp/tests/sBackgroundColor001.xml
old/dfxp/tests/sColor001.png
old/dfxp/tests/sColor001.xml
old/dfxp/tests/sColor002.png
old/dfxp/tests/sColor002.xml
old/dfxp/tests/sColor003.png
old/dfxp/tests/sColor003.xml
old/dfxp/tests/sDisplay001.png
old/dfxp/tests/sDisplay001.xml
old/dfxp/tests/sDisplay002.png
old/dfxp/tests/sDisplay002.xml
old/dfxp/tests/sDisplay003.png
old/dfxp/tests/sDisplay003.xml
old/dfxp/tests/sDisplay004.png
old/dfxp/tests/sDisplay004.xml
old/dfxp/tests/sDisplay005.png
old/dfxp/tests/sDisplay005.xml
old/dfxp/tests/sDisplayAlign001.png
old/dfxp/tests/sDisplayAlign001.xml
old/dfxp/tests/sDynamicFlow001.xml
old/dfxp/tests/sExtent001.png
old/dfxp/tests/sExtent001.xml
old/dfxp/tests/sFontFamily001.png
old/dfxp/tests/sFontFamily001.xml
old/dfxp/tests/sFontFamily002.png
old/dfxp/tests/sFontFamily002.xml
old/dfxp/tests/sFontSize001.png
old/dfxp/tests/sFontSize001.xml
old/dfxp/tests/sFontStyle001.png
old/dfxp/tests/sFontStyle001.xml
old/dfxp/tests/sFontWeight001.png
old/dfxp/tests/sFontWeight001.xml
old/dfxp/tests/sLineHeight001.png
old/dfxp/tests/sLineHeight001.xml
old/dfxp/tests/sOpacity001.png
old/dfxp/tests/sOpacity001.xml
old/dfxp/tests/sOrigin001.png
old/dfxp/tests/sOrigin001.xml
old/dfxp/tests/sOverflow001.png
old/dfxp/tests/sOverflow001.xml
old/dfxp/tests/sPadding001.png
old/dfxp/tests/sPadding001.xml
old/dfxp/tests/sShowBackground001.png
old/dfxp/tests/sShowBackground001.xml
old/dfxp/tests/sTextAlign001.png
old/dfxp/tests/sTextAlign001.xml
old/dfxp/tests/sTextDecoration001.png
old/dfxp/tests/sTextDecoration001.xml
old/dfxp/tests/sTextOutline001.xml
old/dfxp/tests/sUnicodeBidi001.xml
old/dfxp/tests/sVisibility001.png
old/dfxp/tests/sVisibility001.xml
old/dfxp/tests/sWrapOption001.png
old/dfxp/tests/sWrapOption001.xml
old/dfxp/tests/sWritingMode001.png
old/dfxp/tests/sWritingMode001.xml
old/dfxp/tests/sWritingMode002.png
old/dfxp/tests/sWritingMode002.xml
old/dfxp/tests/sWritingMode003-0s.png
old/dfxp/tests/sWritingMode003-1s.png
old/dfxp/tests/sWritingMode003.xml
old/dfxp/tests/sZIndex001.png
old/dfxp/tests/sZIndex001.xml
old/dfxp/tests/test.xls
old/dfxp/todo.txt
old/dfxp/ttaf1
old/dfxp/ttaf1-dfxp.xsl
old/dfxp/xmlspec-tt-f.dtd
old/dfxp/xmlspec.xsl
old/dfxp/xsd/doesc.bat
old/dfxp/xsd/schema.zip
old/dfxp/xsd/ttaf1-dfxp-animation.xsd
old/dfxp/xsd/ttaf1-dfxp-animation.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-content.xsd
old/dfxp/xsd/ttaf1-dfxp-content.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-core-attribs.xsd
old/dfxp/xsd/ttaf1-dfxp-core-attribs.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-datatypes.xsd
old/dfxp/xsd/ttaf1-dfxp-datatypes.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-document.xsd
old/dfxp/xsd/ttaf1-dfxp-document.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-head.xsd
old/dfxp/xsd/ttaf1-dfxp-head.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-layout.xsd
old/dfxp/xsd/ttaf1-dfxp-layout.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-metadata-attribs.xsd
old/dfxp/xsd/ttaf1-dfxp-metadata-attribs.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-metadata-items.xsd
old/dfxp/xsd/ttaf1-dfxp-metadata-items.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-metadata.xsd
old/dfxp/xsd/ttaf1-dfxp-metadata.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-parameter-attribs.xsd
old/dfxp/xsd/ttaf1-dfxp-parameter-attribs.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-schema-20060730.zip
old/dfxp/xsd/ttaf1-dfxp-styling-attribs.xsd
old/dfxp/xsd/ttaf1-dfxp-styling-attribs.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-styling.xsd
old/dfxp/xsd/ttaf1-dfxp-styling.xsd.esc
old/dfxp/xsd/ttaf1-dfxp-timing-attribs.xsd
old/dfxp/xsd/ttaf1-dfxp-timing-attribs.xsd.esc
old/dfxp/xsd/ttaf1-dfxp.xsd
old/dfxp/xsd/ttaf1-dfxp.xsd.esc
old/dfxp/xsd/ttaf1-dxfp-schema-20060627.zip
old/dfxp/xsd/xml.xsd
old/dfxp/xsd/xml.xsd.esc
old/req/Overview.html
old/req/Overview.xml
old/req/archives/NOTE-ttaf1-req-20060427.zip
old/req/images/model.png
old/req/images/model.vsd
old/req/ttaf1-req.spp
old/req/ttaf1-req.xsl
old/req/xmlspec-local.mod
old/req/xmlspec-post-entity.mod
old/req/xmlspec-pre-entity.mod
old/req/xmlspec-tt-f.dtd
old/req/xmlspec-tt.dtd
old/req/xmlspec.xsl
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/old/dfxp/Overview.html	Mon Sep 29 02:56:35 2008 +0000
@@ -0,0 +1,14743 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
+    <title>Timed Text (TT) Authoring Format 1.0&nbsp;– Distribution Format Exchange
+    Profile (DFXP)</title>
+    <style type="text/css">
+    /*<![CDATA[*/
+code           { font-family: monospace; }
+div.constraint,
+div.issue,
+div.note,
+div.notice     { margin-left: 2em; }
+li p           { margin-top: 0.3em;
+                 margin-bottom: 0.3em; }
+div.exampleInner pre { margin-left: 1em;
+                       margin-top: 0em; margin-bottom: 0em}
+div.exampleOuter {border: 4px double gray;
+                  margin: 0em; padding: 0em}
+div.exampleInner { background-color: #d5dee3;
+                   border-top-width: 4px;
+                   border-top-style: double;
+                   border-top-color: #d3d3d3;
+                   border-bottom-width: 4px;
+                   border-bottom-style: double;
+                   border-bottom-color: #d3d3d3;
+                   padding: 4px; margin: 0em }
+div.exampleWrapper { margin: 4px }
+div.exampleHeader { font-weight: bold;
+                    margin: 4px}
+div.issue { border: 2px solid black; background-color: #ffff66; padding: 0em 1em; margin: 0em 0em }
+table.ednote { border-collapse: collapse; border: 2px solid black; width: 85% }
+table.ednote td { background-color: #ddaa66; border: 2px solid black }
+table.acronyms td.label { width: 15% }
+table.acronyms td.def { width: 65% }
+table.graphic { border: 0px none black; width: 100%; border-collapse: collapse }
+table.graphic caption { font-weight: bold; text-align: center; padding-bottom: 0.5em }
+table.graphic td { border: 0px none black; text-align: center }
+table.common { border: 2px solid black; width: 85%; border-collapse: collapse }
+table.common caption { font-weight: bold; text-align: left; padding-bottom: 0.5em }
+table.common th { padding: 0em 0.5em; border: 2px solid black; text-align: left }
+table.common td { padding: 0em 0.5em; border: 2px solid black }
+table.syntax { border: 0px solid black; width: 85%; border-collapse: collapse }
+table.syntax caption { font-weight: bold; text-align: left; padding-bottom: 0.5em }
+table.syntax th { border: 0px solid black; text-align: left }
+table.syntax td { border: 0px solid black }
+table.syntax div { background-color: #ffffc8 }
+table.example { border: 0px solid black; width: 85%; border-collapse: collapse }
+table.example caption { font-weight: bold; text-align: left; padding-bottom: 0.5em }
+table.example th { border: 0px solid black; text-align: left }
+table.example td { border: 0px solid black }
+table.example div { background-color: #c8ffff }
+table.example-images { text-align: center; border: 0px solid black; width: 85%; border-collapse: collapse }
+table.example-images caption { font-weight: bold; text-align: center; padding-bottom: 0.5em }
+table.example-images td { border: 0px solid black; text-align: center }
+table.example-images-bordered { text-align: center; border: 0px solid black; width: 85%; border-collapse: collapse }
+table.example-images-bordered caption { font-weight: bold; text-align: center; padding-bottom: 0.5em }
+table.example-images-bordered td { border: 1px solid red; text-align: left }
+.tbd { background-color: #ffff33; border: 2px solid black; width: 85% }
+.strong { font-weight: bold }
+.reqattr { font-weight: bold }
+.optattr { font-style: italic }
+.diff-add  { color: red; }
+.diff-del  { color: red; text-decoration: line-through; }
+.diff-chg  { background-color: #99FF99; }
+.diff-off  {}
+    /*]]>*/
+    </style>
+    <link rel="stylesheet" type="text/css"
+    href="http://www.w3.org/StyleSheets/TR/W3C-CR.css" />
+  </head>
+  <body>
+    <div class="head">
+      <p><a href="http://www.w3.org/"><img src="http://www.w3.org/Icons/w3c_home"
+      alt="W3C" height="48" width="72" /></a></p>
+      <h1><a name="title" id="title"></a>Timed Text (TT) Authoring Format 1.0&nbsp;–
+      Distribution Format Exchange Profile (DFXP)</h1>
+      <h2><a name="w3c-doctype" id="w3c-doctype"></a>W3C Candidate Recommendation 10
+      November 2006</h2>
+      <dl>
+        <dt>This version:</dt>
+        <dd><a
+        href="http://www.w3.org/TR/2006/CR-ttaf1-dfxp-20061110/">http://www.w3.org/TR/2006/CR-ttaf1-dfxp-20061110/</a></dd>
+        <dt>Latest version:</dt>
+        <dd><a
+        href="http://www.w3.org/TR/ttaf1-dfxp/">http://www.w3.org/TR/ttaf1-dfxp/</a></dd>
+        <dt>Previous version:</dt>
+        <dd><a
+        href="http://www.w3.org/TR/2006/WD-ttaf1-dfxp-20060427/">http://www.w3.org/TR/2006/WD-ttaf1-dfxp-20060427/</a></dd>
+        <dt>Editor:</dt>
+        <dd>
+          <table style="margin: 0em 0em">
+            <tr>
+              <td>Glenn Adams, Extensible Formatting Systems, Inc. (XFSI)</td>
+              <td><img src="images/ga.png" alt="glenn at x f s i dot com" /></td>
+            </tr>
+          </table>
+        </dd>
+        <dt>Contributing Authors:</dt>
+        <dd>
+          <table style="margin: 0em 0em">
+            <tr>
+              <td>Mike Dolan, Invited Expert</td>
+              <td><img src="images/md.png" alt="m dolan at new t b t dot com" /></td>
+            </tr>
+          </table>
+        </dd>
+        <dd>
+          <table style="margin: 0em 0em">
+            <tr>
+              <td>Geoff Freed, WGBH National Center for Accessible Media</td>
+              <td><img src="images/gf.png"
+              alt="geoff underbar freed at w g b h dot org" /></td>
+            </tr>
+          </table>
+        </dd>
+        <dd>
+          <table style="margin: 0em 0em">
+            <tr>
+              <td>Sean Hayes, Microsoft</td>
+              <td><img src="images/sh.png"
+              alt="sean dot hayes at microsoft dot com" /></td>
+            </tr>
+          </table>
+        </dd>
+        <dd>
+          <table style="margin: 0em 0em">
+            <tr>
+              <td>Erik Hodge, RealNetworks</td>
+              <td><img src="images/eh.png" alt="e hodge at real dot com" /></td>
+            </tr>
+          </table>
+        </dd>
+        <dd>
+          <table style="margin: 0em 0em">
+            <tr>
+              <td>David Kirby, British Broadcasting Corporation (BBC)</td>
+              <td><img src="images/dk.png"
+              alt="david dot kirby at r d dot b b c dot c o dot u k" /></td>
+            </tr>
+          </table>
+        </dd>
+        <dd>
+          <table style="margin: 0em 0em">
+            <tr>
+              <td>Thierry Michel, W3C</td>
+              <td><img src="images/tm.png" alt="t michel at w 3 dot org" /></td>
+            </tr>
+          </table>
+        </dd>
+        <dd>
+          <table style="margin: 0em 0em">
+            <tr>
+              <td>Dave Singer, Apple Computer</td>
+              <td><img src="images/ds.png" alt="singer at apple dot com" /></td>
+            </tr>
+          </table>
+        </dd>
+      </dl>
+<p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 2006 <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>&reg;</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>, <a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply.</p>
+    </div>
+    <hr />
+    <div>
+      <h2><a name="abstract" id="abstract"></a>Abstract</h2>
+      <p>This document specifies the distribution format exchange profile (DFXP) of the
+      timed text authoring format (TT AF) in terms of a vocabulary and semantics
+      thereof.</p>
+      <p>The timed text authoring format is a content type that represents timed text
+      media for the purpose of interchange among authoring systems. Timed text is textual
+      information that is intrinsically or extrinsically associated with timing
+      information.</p>
+      <p>The Distribution Format Exchange Profile is intended to be used for the purpose
+      of transcoding or exchanging timed text information among legacy distribution
+      content formats presently in use for subtitling and captioning functions.</p>
+      <p>In addition to being used for interchange among legacy distribution content
+      formats, DFXP content may be used directly as a distribution format, for example,
+      providing a standard content format to reference from a <code>&lt;text&gt;</code>
+      or <code>&lt;textstream&gt;</code> media object element in a <a
+      href="#smil21">[SMIL 2.1]</a> document.</p>
+    </div>
+    <div>
+      <h2><a name="status" id="status"></a>Status of this Document</h2>
+      <p><em>This section describes the status of this document at the time of its
+      publication. Other documents may supersede this document. A list of current W3C
+      publications and the latest revision of this technical report can be found in the
+      <a href="http://www.w3.org/TR/">W3C technical reports index</a> at
+      http://www.w3.org/TR/.</em></p>
+      <p>This is the 10&nbsp;November&nbsp;2006 Candidate Recommendation of the Timed Text
+      (TT) Authoring Format 1.0&nbsp;– Distribution Format Exchange Profile (DFXP). W3C
+      publishes a Candidate Recommendation to indicate that the document is believed to
+      be stable and to encourage implementation by the developer community. The <a
+      href="http://www.w3.org/AudioVideo/TT/">Timed Text (TT) Working Group</a> expects
+      to request that the Director advance this document to Proposed Recommendation once
+      the Working Group has, for each test in the <a
+      href="http://www.w3.org/2006/DFXP/testsuite/Overview.html">DFXP
+	  1.0 Test Suite</a>,
+      demonstrated support by two interoperable implementations. The Working
+      Group, working closely with the developer community, expects to show these
+      implementations by 01 March 2007. This estimate is based in part on the preliminary
+      <a href="http://www.w3.org/2006/DFXP/DFXP-implementation-result.html">DFXP
+      Interoperability Implementation Report</a>. The Working Group does not plan to
+      request to advance to Proposed Recommendation prior to 01 April 2007.</p>
+      <p>This is a W3C Candidate Recommendation. The second Last Call Working Draft for
+      this specification resulted in a number of Last Call comments which have all been
+      addressed by the working group; a list of all Last Call comments can be found in
+      the <a href="http://www.w3.org/2005/03/21/DFXP-2ND-LastCallResponses.html">Second
+      Last Call Comments List</a>. The list of changes made since the last public Working
+      Draft is available in <a href="#change-history-lc2-to-cr"><b>M.2 Changes from
+      Second Last Call Working Draft to Candidate Recommendation</b></a>.</p>
+	  <p>During the first Last Call period of this specification, there were <a
+	  href="http://lists.w3.org/Archives/Public/public-tt/2005Apr/0040.html">unsatisfied
+	  comments</a> that the working group was unable to resolve in a manner that satisfied
+	  the commenter(s). The status of these comments has not changed during the second
+	  Last Call period, as the working group continues to stand by its <a
+	  href="http://lists.w3.org/Archives/Public/public-tt/2005Oct/0000.html">original
+	  responses</a>. See also the <a
+	  href="http://www.w3.org/2005/03/21/DFXPLastCallResponses.html#Issue11">First
+	  Last Call Disposition of Comments</a> for a complete discussion.</p>
+      <p>The <em>dynamic flow processing</em> feature, as specified by the <a
+      href="#style-attribute-dynamicFlow"><code>tts:dynamicFlow</code></a> styling
+      attribute vocabulary, see also <a href="#dynamicFlowModel"><b>B Dynamic Flow
+      Processing Model</b></a>, has been determined to be <a
+      href="http://www.w3.org/2005/10/Process-20051014/tr.html#at-risk-feature">at
+      risk</a>, and is expected to be given the greatest scrutiny in the implementation
+      report.</p>
+      <p>Comments on this document should be sent to the email list <a
+      href="mailto:public-tt@w3.org">public-tt@w3.org</a>, which is the public mailing
+      list of Timed Text Working Group (<a
+      href="http://lists.w3.org/Archives/Public/public-tt/">list archives</a>). To
+      subscribe, send an email to <a
+      href="mailto:public-tt-request@w3.org">public-tt-request@w3.org</a> with the word
+      <code>subscribe</code> in the subject line.</p>
+      <p>This document has been produced by the <a
+      href="http://www.w3.org/AudioVideo/TT/">Timed Text (TT) Working Group</a> as part
+      of the W3C <a href="http://www.w3.org/AudioVideo/Activity">Synchronized Multimedia
+      Activity</a>, following the procedures set out for the W3C <a
+      href="http://www.w3.org/Consortium/Process/">Process</a>. The authors of this
+      document are listed in the header of this document.</p>
+<p> This document is governed by the <a href="http://www.w3.org/TR/2002/NOTE-patent-practice-20020124">24 January 2002 CPP</a> as amended by the <a href="http://www.w3.org/2004/02/05-pp-transition">W3C Patent Policy Transition Procedure</a>. W3C maintains a <a rel="disclosure" href="http://www.w3.org/2003/01/Timed-text-Patent-statements.html">public list of any patent disclosures</a> made in connection with the deliverables of the group; that page also includes instructions for disclosing a patent. An individual who has actual knowledge of a patent which the individual believes contains <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the W3C Patent Policy</a>. </p>
+      <p>Publication as a Candidate Recommendation does not imply endorsement by the W3C
+      Membership. This is a draft document and may be updated, replaced or obsoleted by
+      other documents at any time. It is inappropriate to cite this document as other
+      than work in progress.</p>
+    </div>
+    <div class="toc">
+      <h2><a name="contents" id="contents"></a>Table of Contents</h2>
+      <p class="toc">1 <a href="#intro">Introduction</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;1.1 <a href="#model">System Model</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;1.2 <a href="#example">Document Example</a><br />
+      2 <a href="#definitions">Definitions</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;2.1 <a href="#acronyms">Acronyms</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;2.2 <a href="#terms">Terminology</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;2.3 <a href="#conventions">Documentation
+      Conventions</a><br />
+      3 <a href="#conformance">Conformance</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;3.1 <a href="#conformance-content">Content
+      Conformance</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;3.2 <a href="#conformance-processor">Processor
+      Conformance</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;3.3 <a href="#claims">Claims</a><br />
+      4 <a href="#doctypes">Document Types</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;4.1 <a href="#dfxp-content-doctype">DFXP Content</a><br />
+      5 <a href="#vocabulary">Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;5.1 <a href="#vocabulary-namespaces">Namespaces</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;5.2 <a href="#vocabulary-profiles">Profiles</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;5.3 <a href="#vocabulary-overview">Catalog</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5.3.1 <a
+      href="#core-vocabulary-overview">Core Catalog</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5.3.2 <a
+      href="#extension-vocabulary-overview">Extension Catalog</a><br />
+      6 <a href="#parameters">Parameters</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;6.1 <a href="#parameters-element-vocabulary">Element
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;6.2 <a href="#parameters-attribute-vocabulary">Attribute
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.1 <a
+      href="#parameter-attribute-cellResolution">ttp:cellResolution</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.2 <a
+      href="#parameter-attribute-clockMode">ttp:clockMode</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.3 <a
+      href="#parameter-attribute-frameRate">ttp:frameRate</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.4 <a
+      href="#parameter-attribute-frameRateMultiplier">ttp:frameRateMultiplier</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.5 <a
+      href="#parameter-attribute-markerMode">ttp:markerMode</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.6 <a
+      href="#parameter-attribute-pixelAspectRatio">ttp:pixelAspectRatio</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.7 <a
+      href="#parameter-attribute-profile">ttp:profile</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.8 <a
+      href="#parameter-attribute-smpteMode">ttp:smpteMode</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.9 <a
+      href="#parameter-attribute-subFrameRate">ttp:subFrameRate</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.10 <a
+      href="#parameter-attribute-tickRate">ttp:tickRate</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.2.11 <a
+      href="#parameter-attribute-timeBase">ttp:timeBase</a><br />
+      7 <a href="#content">Content</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;7.1 <a href="#content-element-vocabulary">Element
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.1.1 <a
+      href="#document-structure-vocabulary-tt">tt</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.1.2 <a
+      href="#document-structure-vocabulary-head">head</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.1.3 <a
+      href="#document-structure-vocabulary-body">body</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.1.4 <a
+      href="#content-vocabulary-div">div</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.1.5 <a
+      href="#content-vocabulary-p">p</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.1.6 <a
+      href="#content-vocabulary-span">span</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.1.7 <a
+      href="#content-vocabulary-br">br</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;7.2 <a href="#content-attribute-vocabulary">Attribute
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.2.1 <a
+      href="#content-attribute-id">xml:id</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.2.2 <a
+      href="#content-attribute-lang">xml:lang</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.2.3 <a
+      href="#content-attribute-space">xml:space</a><br />
+      8 <a href="#styling">Styling</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;8.1 <a href="#styling-element-vocabulary">Element
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.1.1 <a
+      href="#styling-vocabulary-styling">styling</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.1.2 <a
+      href="#styling-vocabulary-style">style</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;8.2 <a href="#styling-attribute-vocabulary">Attribute
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.1 <a
+      href="#style-attribute-style">style</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.2 <a
+      href="#style-attribute-backgroundColor">tts:backgroundColor</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.3 <a
+      href="#style-attribute-color">tts:color</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.4 <a
+      href="#style-attribute-direction">tts:direction</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.5 <a
+      href="#style-attribute-display">tts:display</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.6 <a
+      href="#style-attribute-displayAlign">tts:displayAlign</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.7 <a
+      href="#style-attribute-dynamicFlow">tts:dynamicFlow</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.8 <a
+      href="#style-attribute-extent">tts:extent</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.9 <a
+      href="#style-attribute-fontFamily">tts:fontFamily</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.10 <a
+      href="#style-attribute-fontSize">tts:fontSize</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.11 <a
+      href="#style-attribute-fontStyle">tts:fontStyle</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.12 <a
+      href="#style-attribute-fontWeight">tts:fontWeight</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.13 <a
+      href="#style-attribute-lineHeight">tts:lineHeight</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.14 <a
+      href="#style-attribute-opacity">tts:opacity</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.15 <a
+      href="#style-attribute-origin">tts:origin</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.16 <a
+      href="#style-attribute-overflow">tts:overflow</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.17 <a
+      href="#style-attribute-padding">tts:padding</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.18 <a
+      href="#style-attribute-showBackground">tts:showBackground</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.19 <a
+      href="#style-attribute-textAlign">tts:textAlign</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.20 <a
+      href="#style-attribute-textDecoration">tts:textDecoration</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.21 <a
+      href="#style-attribute-textOutline">tts:textOutline</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.22 <a
+      href="#style-attribute-unicodeBidi">tts:unicodeBidi</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.23 <a
+      href="#style-attribute-visibility">tts:visibility</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.24 <a
+      href="#style-attribute-wrapOption">tts:wrapOption</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.25 <a
+      href="#style-attribute-writingMode">tts:writingMode</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.2.26 <a
+      href="#style-attribute-zIndex">tts:zIndex</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;8.3 <a href="#styling-style-value-expressions">Style Value
+      Expressions</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.1 <a
+      href="#style-value-alpha">&lt;alpha&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.2 <a
+      href="#style-value-color">&lt;color&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.3 <a
+      href="#style-value-digit">&lt;digit&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.4 <a
+      href="#style-value-duration">&lt;duration&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.5 <a
+      href="#style-value-familyName">&lt;familyName&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.6 <a
+      href="#style-value-genericFamilyName">&lt;genericFamilyName&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.7 <a
+      href="#style-value-flowFunction">&lt;flowFunction&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.8 <a
+      href="#style-value-flowIntervalFunction">&lt;flowIntervalFunction&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.9 <a
+      href="#style-value-hexDigit">&lt;hexDigit&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.10 <a
+      href="#style-value-integer">&lt;integer&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.11 <a
+      href="#style-value-length">&lt;length&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.12 <a
+      href="#style-value-namedColor">&lt;namedColor&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.13 <a
+      href="#style-value-quotedString">&lt;quotedString&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.3.14 <a
+      href="#style-value-string">&lt;string&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;8.4 <a href="#semantics-style-association">Style
+      Association</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.4.1 <a
+      href="#semantics-style-association-inline">Inline Styling</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.4.2 <a
+      href="#semantics-style-association-referential">Referential Styling</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.4.3 <a
+      href="#semantics-style-association-chained-referential">Chained Referential
+      Styling</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;8.5 <a href="#semantics-style-inheritance">Style
+      Inheritance</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.5.1 <a
+      href="#semantics-style-inheritance-content">Content Style Inheritance</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.5.2 <a
+      href="#semantics-style-inheritance-region">Region Style Inheritance</a><br />
+      9 <a href="#layout">Layout</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;9.1 <a href="#layout-element-vocabulary">Element
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.1.1 <a
+      href="#layout-vocabulary-layout">layout</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.1.2 <a
+      href="#layout-vocabulary-region">region</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;9.2 <a href="#layout-attribute-vocabulary">Attribute
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.2.1 <a
+      href="#layout-attribute-region">region</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;9.3 <a href="#semantics-region-layout">Region Layout and
+      Presentation</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.3.1 <a
+      href="#semantics-region-layout-step-1">Synchronic Region Construction</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.3.2 <a
+      href="#semantics-region-layout-step-2">Synchronic Flow Processing</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.3.3 <a
+      href="#semantics-region-layout-example">Elaborated Example</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;9.4 <a href="#semantics-line-layout">Line Layout</a><br />
+      10 <a href="#timing">Timing</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;10.1 <a href="#timing-element-vocabulary">Element
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;10.2 <a href="#timing-attribute-vocabulary">Attribute
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.2.1 <a
+      href="#timing-attribute-begin">begin</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.2.2 <a
+      href="#timing-attribute-end">end</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.2.3 <a
+      href="#timing-attribute-dur">dur</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.2.4 <a
+      href="#timing-attribute-timeContainer">timeContainer</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;10.3 <a href="#timing-time-value-expressions">Time Value
+      Expressions</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.3.1 <a
+      href="#timing-value-timeExpression">&lt;timeExpression&gt;</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;10.4 <a href="#timing-time-intervals">Time
+      Intervals</a><br />
+      11 <a href="#animation">Animation</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;11.1 <a href="#animation-element-vocabulary">Element
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;11.1.1 <a
+      href="#animation-vocabulary-set">set</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;11.2 <a href="#animation-attribute-vocabulary">Attribute
+      Vocabulary</a><br />
+      12 <a href="#metadata">Metadata</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;12.1 <a href="#metadata-element-vocabulary">Element
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;12.1.1 <a
+      href="#metadata-vocabulary-metadata">metadata</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;12.1.2 <a
+      href="#metadata-vocabulary-title">ttm:title</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;12.1.3 <a
+      href="#metadata-vocabulary-desc">ttm:desc</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;12.1.4 <a
+      href="#metadata-vocabulary-copyright">ttm:copyright</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;12.1.5 <a
+      href="#metadata-vocabulary-agent">ttm:agent</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;12.1.6 <a
+      href="#metadata-vocabulary-name">ttm:name</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;12.1.7 <a
+      href="#metadata-vocabulary-actor">ttm:actor</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;12.2 <a href="#metadata-attribute-vocabulary">Attribute
+      Vocabulary</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;12.2.1 <a
+      href="#metadata-attribute-agent">ttm:agent</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;12.2.2 <a
+      href="#metadata-attribute-role">ttm:role</a><br />
+      </p>
+      <h3><a name="appendices" id="appendices"></a>Appendices</h3>
+      <p class="toc">A <a href="#reduced-infoset">Reduced XML Infoset</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;A.1 <a href="#reduced-infoset-document">Document
+      Information Item</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;A.2 <a href="#reduced-infoset-element">Element Information
+      Item</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;A.3 <a href="#reduced-infoset-attribute">Attribute
+      Information Item</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;A.4 <a href="#reduced-infoset-character">Character
+      Information Item</a><br />
+      B <a href="#dynamicFlowModel">Dynamic Flow Processing Model</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;B.1 <a
+      href="#dynamicFlowIntroduction">Introduction</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;B.2 <a href="#dynamicFlowEvents">Flow Buffer</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;B.3 <a href="#dynamicFlowIntervalTimingCalculation">Flow
+      Interval Timing Calculation</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B.3.1 <a
+      href="#flowIntervalFillTiming">Computed Fill Timing Interval</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B.3.2 <a
+      href="#flowIntervalClearTiming">Computed Clear Timing Interval</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;B.4 <a href="#dynamicFlowOperations">Flow
+      Operations</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B.4.1 <a
+      href="#flowOperationFill">Fill Operation</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B.4.2 <a
+      href="#flowOperationReflow">Reflow Operation</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B.4.3 <a
+      href="#flowOperationClear">Clear Operation</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;B.5 <a href="#dynamicFlowTimers">Flow Timers</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B.5.1 <a href="#flowTimerFill">Fill
+      Timer</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B.5.2 <a
+      href="#flowTimerClear">Clear Timer</a><br />
+      C <a href="#schemas">Schemas</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;C.1 <a href="#dfxp-schema-rnc">Relax NG Schema</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.1 <a
+      href="#rnc-dfxp-driver-schema">Driver</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2 <a
+      href="#rnc-dfxp-modules">Modules</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.1 <a
+      href="#rnc-dfxp-animation-module">Animation Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.2 <a
+      href="#rnc-dfxp-classes-module">Classes Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.3 <a
+      href="#rnc-dfxp-content-module">Content Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.4 <a
+      href="#rnc-dfxp-core-attribs-module">Core Attributes Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.5 <a
+      href="#rnc-dfxp-datatypes-module">Data Types Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.6 <a
+      href="#rnc-dfxp-document-module">Document Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.7 <a
+      href="#rnc-dfxp-head-module">Header Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.8 <a
+      href="#rnc-dfxp-layout-module">Layout Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.9 <a
+      href="#rnc-dfxp-metdata-module">Metadata Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.10 <a
+      href="#rnc-dfxp-metdata-items-module">Metadata Items Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.11 <a
+      href="#rnc-dfxp-metadata-attribs-module">Metadata Attributes Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.12 <a
+      href="#rnc-dfxp-parameter-attribs-module">Parameter Attributes Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.13 <a
+      href="#rnc-dfxp-styling-attribs-module">Styling Attributes Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.14 <a
+      href="#rnc-dfxp-styling-module">Styling Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.1.2.15 <a
+      href="#rnc-dfxp-timing-attribs-module">Timing Attributes Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;C.2 <a href="#dfxp-schema-xsd">XML Schema Definition (XSD)
+      Schema</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.1 <a
+      href="#xsd-dfxp-driver-schema">Driver</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2 <a
+      href="#xsd-dfxp-modules">Modules</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.1 <a
+      href="#xsd-dfxp-animation-module">Animation Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.2 <a
+      href="#xsd-dfxp-content-module">Content Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.3 <a
+      href="#xsd-dfxp-core-attribs-module">Core Attributes Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.4 <a
+      href="#xsd-dfxp-datatypes-module">Data Types Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.5 <a
+      href="#xsd-dfxp-document-module">Document Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.6 <a
+      href="#xsd-dfxp-head-module">Header Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.7 <a
+      href="#xsd-dfxp-layout-module">Layout Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.8 <a
+      href="#xsd-dfxp-metdata-module">Metadata Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.9 <a
+      href="#xsd-dfxp-metdata-items-module">Metadata Items Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.10 <a
+      href="#xsd-dfxp-metadata-attribs-module">Metadata Attributes Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.11 <a
+      href="#xsd-dfxp-parameter-attribs-module">Parameter Attributes Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.12 <a
+      href="#xsd-dfxp-styling-attribs-module">Styling Attributes Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.13 <a
+      href="#xsd-dfxp-styling-module">Styling Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.14 <a
+      href="#xsd-dfxp-timing-attribs-module">Timing Attributes Module</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C.2.2.15 <a
+      href="#xsd-dfxp-xml-attrs-module">XML Attributes Module</a><br />
+      D <a href="#media-type-registration">Media Type Registration</a><br />
+      E <a href="#references">References</a><br />
+      F <a href="#other-references">Other References</a> (Non-Normative)<br />
+      G <a href="#sample-code">Sample Code</a> (Non-Normative)<br />
+      &nbsp;&nbsp;&nbsp;&nbsp;G.1 <a href="#code-rxi">Reduced XML Infoset (RXI)
+      –&nbsp;RXI.SCM</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;G.2 <a href="#code-adi">Abstract Document Instance (ADI)
+      –&nbsp;ADI.SCM</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;G.3 <a href="#code-tir">Time Interval Resolver (TIR)
+      –&nbsp;TIR.SCM</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;G.4 <a href="#code-fox">Flow Object Transformer (FOX)
+      –&nbsp;FOX.SCM</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;G.5 <a href="#code-dtf">Dynamic Text Flow Processor (DTF)
+      –&nbsp;DTF.SCM</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;G.6 <a href="#code-run">Sample Compile, Load, and Run
+      Session</a><br />
+      H <a href="#requirements">Requirements</a> (Non-Normative)<br />
+      I <a href="#derivation">Vocabulary Derivation</a> (Non-Normative)<br />
+      &nbsp;&nbsp;&nbsp;&nbsp;I.1 <a href="#IDA4XGQ">Element Derivation</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;I.2 <a href="#IDA3IHQ">Attribute Derivation</a><br />
+      J <a href="#qa">QA Framework Compliance</a> (Non-Normative)<br />
+      &nbsp;&nbsp;&nbsp;&nbsp;J.1 <a href="#IDAZMIQ">Requirements</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;J.2 <a href="#IDA0WIQ">Guidelines</a><br />
+      K <a href="#streaming">Streaming DFXP Content</a> (Non-Normative)<br />
+      L <a href="#acknowledgements">Acknowledgments</a> (Non-Normative)<br />
+      M <a href="#change-history">Change History</a> (Non-Normative)<br />
+      &nbsp;&nbsp;&nbsp;&nbsp;M.1 <a href="#change-history-lc1-to-lc2">Changes from First
+      to Second Last Call Working Draft</a><br />
+      &nbsp;&nbsp;&nbsp;&nbsp;M.2 <a href="#change-history-lc2-to-cr">Changes from Second
+      Last Call Working Draft to Candidate Recommendation</a><br />
+      </p>
+    </div>
+    <hr />
+    <div class="body">
+      <div class="div1">
+        <h2><a name="intro" id="intro"></a>1 Introduction</h2>
+        <p><em>Unless specified otherwise, this section and its sub-sections are
+        non-normative.</em></p>
+        <p>The Timed Text Authoring Format (TT AF) Distribution Format Exchange Profile
+        (DFXP) provides a standardized representation of a particular subset of textual
+        information with which stylistic, layout, and timing semantics are associated by
+        an author or an authoring system for the purpose of interchange and potential
+        presentation.</p>
+        <p>DFXP is expressly designed to meet only a limited set of requirements
+        established by <a href="#ttaf1-req">[TTAF1-REQ]</a>, and summarized in <a
+        href="#requirements"><b>H Requirements</b></a>. In particular, only those
+        requirements which service the need of performing interchange with existing,
+        legacy distribution systems are satisfied.</p>
+        <p>In addition to being used for interchange among legacy distribution content
+        formats, DFXP content may be used directly as a distribution format, providing,
+        for example, a standard content format to reference from a
+        <code>&lt;text&gt;</code> or <code>&lt;textstream&gt;</code> media object element
+        in a <a href="#smil21">[SMIL 2.1]</a> document. Certain properties of DFXP
+        support streamability of content, as described in <a href="#streaming"><b>K
+        Streaming DFXP Content</b></a>.</p>
+        <div class="note">
+          <p class="prefix"><b>Note:</b></p>
+          <p>While DFXP was not expressly designed for direct (embedded) integration into
+          a SMIL document instance, such integration is not precluded.</p>
+        </div>
+        <div class="note">
+          <p class="prefix"><b>Note:</b></p>
+          <p>In some contexts of use, it may be appropriate to employ animated content to
+          depict sign language representations of the same content as expressed by a
+          Timed Text document instance. This use case is not explicitly addressed by DFXP
+          mechanisms, but may be addressed by some external multimedia integration
+          technology, such as SMIL.</p>
+        </div>
+        <div class="div2">
+          <h3><a name="model" id="model"></a>1.1 System Model</h3>
+          <p>Use of DFXP is intended to function in a wider context of Timed Text
+          Authoring and Distribution mechanisms that are based upon a system model,
+          depicted in <a href="#model-graphic"><b>Figure 1 – System Model</b></a>,
+          wherein the timed text authoring format serves as a bidirectional interchange
+          format among a heterogeneous collection of authoring systems, and as a
+          unidirectional interchange format to a heterogeneous collection of distribution
+          formats after undergoing transcoding or compilation to the target distribution
+          formats as required, and where one particular distribution format is DFXP.</p>
+          <table summary="HTML Table" id="model-graphic" class="example-images">
+            <caption>
+              Figure 1 – System Model
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1"><img src="images/model.png"
+                alt="System Model" /></td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div class="div2">
+          <h3><a name="example" id="example"></a>1.2 Document Example</h3>
+          <p>A DFXP document instance consists of a <code>tt</code> document element that
+          contains a header and a body, where the header specifies document level
+          metadata, styling definitions and layout definitions, and the body specifies
+          text content intermixed with references to style and layout information and
+          inline timing information.</p>
+          <table summary="HTML Table" id="dfxp-example-document-structure"
+          class="example">
+            <caption>
+              Example Fragment – DFXP Document Structure
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1">
+                  <div class="exampleInner">
+<pre>
+&lt;tt xml:lang="" xmlns="http://www.w3.org/2006/10/ttaf1"&gt;
+  &lt;head&gt;
+    &lt;metadata/&gt;
+    &lt;styling/&gt;
+    &lt;layout/&gt;
+  &lt;/head&gt;
+  &lt;body/&gt;
+&lt;/tt&gt;
+</pre>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <p>Document level metadata may specify a document title, description, and
+          copyright information. In addition, arbitrary metadata drawn from other
+          namespaces may be specified.</p>
+          <table summary="HTML Table" id="dfxp-example-metadata" class="example">
+            <caption>
+              Example Fragment – DFXP Metadata
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1">
+                  <div class="exampleInner">
+<pre>
+&lt;metadata xmlns:ttm="http://www.w3.org/2006/10/ttaf1#metadata"&gt;
+  &lt;ttm:title&gt;Timed Text DFXP Example&lt;/ttm:title&gt;
+  &lt;ttm:copyright&gt;The Authors (c) 2006&lt;/ttm:copyright&gt;
+&lt;/metadata&gt;
+</pre>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <p>Styling information may be specified in the form of style specification
+          definitions that are referenced by layout and content information.</p>
+          <p>In <a href="#dfxp-example-styling"><b>Example Fragment – DFXP
+          Styling</b></a>, four style sets of specifications are defined, with one set
+          serving as a collection of default styles.</p>
+          <table summary="HTML Table" id="dfxp-example-styling" class="example">
+            <caption>
+              Example Fragment – DFXP Styling
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1">
+                  <div class="exampleInner">
+<pre>
+&lt;styling xmlns:tts="http://www.w3.org/2006/10/ttaf1#style"&gt;
+  &lt;!-- s1 specifies default color, font, and text alignment --&gt;
+  &lt;style xml:id="s1"
+    tts:color="white"
+    tts:fontFamily="proportionalSansSerif"
+    tts:fontSize="22px"
+    tts:textAlign="center"
+  /&gt;
+  &lt;!-- alternative using yellow text but otherwise the same as style s1 --&gt;
+  &lt;style xml:id="s2" style="s1" tts:color="yellow"/&gt;
+  &lt;!-- a style based on s1 but justified to the right --&gt;
+  &lt;style xml:id="s1Right" style="s1" tts:textAlign="end" /&gt;     
+  &lt;!-- a style based on s2 but justified to the left --&gt;
+  &lt;style xml:id="s2Left" style="s2" tts:textAlign="start" /&gt;
+&lt;/styling&gt;
+</pre>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <p>Layout information defines one or more regions into which content is
+          intended to be presented. A region definition may reference one or more sets of
+          style specifications in order to permit content flowed in the region to inherit
+          from these styles. In <a href="#dfxp-example-layout"><b>Example Fragment – DFXP
+          Layout</b></a>, the region definition makes reference to style specification
+          <code>s1</code> which allows all content flowed into the region to inherit from
+          the region's styles (in the case that a style is not already explicitly
+          specified on content or inherited via the content hierarchy.)</p>
+          <table summary="HTML Table" id="dfxp-example-layout" class="example">
+            <caption>
+              Example Fragment – DFXP Layout
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1">
+                  <div class="exampleInner">
+<pre>
+&lt;layout xmlns:tts="http://www.w3.org/2006/10/ttaf1#style"&gt;
+  &lt;region xml:id="subtitleArea"
+    style="s1"
+    tts:extent="560px 62px"
+    tts:padding="5px 3px"
+    tts:backgroundColor="black"
+    tts:displayAlign="after"
+  /&gt;
+&lt;/layout&gt;  
+</pre>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <p>The content of a DFXP document instance is expressed in its body, which is
+          organized in terms of block and inline text elements. The hierarchical
+          organization of content elements serves a primary role in determining both
+          spatial and temporal relationships. For example, in <a
+          href="#dfxp-example-body"><b>Example Fragment – DFXP Body</b></a>, each
+          paragraph (<code>p</code> element) is flowed into its target region in the
+          specified lexical order; furthermore, the active time interval of each
+          paragraph is timed in accordance to its parent or sibling according to the
+          applicable time containment semantics — in this case, the division parent is
+          interpreted as a parallel time container.</p>
+          <table summary="HTML Table" id="dfxp-example-body" class="example">
+            <caption>
+              Example Fragment – DFXP Body
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1">
+                  <div class="exampleInner">
+<pre>
+&lt;body region="subtitleArea"&gt;
+  &lt;div&gt;
+    &lt;p xml:id="subtitle1" begin="0.76s" end="3.45s"&gt;
+      It seems a paradox, does it not,
+    &lt;/p&gt;
+    &lt;p xml:id="subtitle2" begin="5.0s" end="10.0s"&gt;
+      that the image formed on&lt;br/&gt;
+      the Retina should be inverted?
+    &lt;/p&gt;
+    &lt;p xml:id="subtitle3" begin="10.0s" end="16.0s" style="s2"&gt;
+      It is puzzling, why is it&lt;br/&gt;
+      we do not see things upside-down?
+    &lt;/p&gt;
+    &lt;p xml:id="subtitle4" begin="17.2s" end="23.0s"&gt;
+      You have never heard the Theory,&lt;br/&gt;
+      then, that the Brain also is inverted?
+    &lt;/p&gt;
+    &lt;p xml:id="subtitle5" begin="23.0s" end="27.0s" style="s2"&gt;
+      No indeed! What a beautiful fact!
+    &lt;/p&gt;
+    &lt;p xml:id="subtitle6a" begin="28.0s" end="34.6s" style="s2Left"&gt;
+      But how is it proved?
+    &lt;/p&gt;
+    &lt;p xml:id="subtitle6b" begin="28.0s" end="34.6s" style="s1Right"&gt;
+      Thus: what we call
+    &lt;/p&gt;
+    &lt;p xml:id="subtitle7" begin="34.6s" end="45.0s" style="s1Right"&gt;
+      the vertex of the Brain&lt;br/&gt;
+      is really its base
+    &lt;/p&gt;
+    &lt;p xml:id="subtitle8" begin="45.0s" end="52.0s" style="s1Right"&gt;
+      and what we call its base&lt;br/&gt;
+      is really its vertex,
+    &lt;/p&gt;
+    &lt;p xml:id="subtitle9a" begin="53.5s" end="58.7s"&gt;
+      it is simply a question of nomenclature.
+    &lt;/p&gt;
+    &lt;p xml:id="subtitle9b" begin="53.5s" end="58.7s" style="s2"&gt;
+      How truly delightful!
+    &lt;/p&gt;
+  &lt;/div&gt;    
+&lt;/body&gt;
+</pre>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <p>The first subtitle <a href="#dfxp-example-subtitle-1"><b>Subtitle 1 – Time
+          Interval [0.76, 3.45)</b></a> is presented during the time interval 0.76 to
+          3.45 seconds. In this example, the default metric for time expressions is
+          seconds since no metric is specified in the expressions. This subtitle inherits
+          its font family, font size, foreground color, and text alignment from the
+          region into which it is presented. Since no region is explicitly specified on
+          the paragraph, the nearest ancestor that specifies a region determines the
+          region. Note also that content is presented at the bottom (after edge) of the
+          containing region due to the <code>tts:displayAlign="after"</code> being
+          specified on the region definition.</p>
+          <div class="note">
+            <p class="prefix"><b>Note:</b></p>
+            <p>The notation "[<em>X</em>,<em>Y</em>]" denotes a closed interval from
+            <em>X</em> to <em>Y</em>, including <em>X</em> and <em>Y</em>;
+            "[<em>X</em>,<em>Y</em>)" denotes a right half-open interval from <em>X</em>
+            to <em>Y</em>, including <em>X</em> but not including <em>Y</em>;
+            "(<em>X</em>,<em>Y</em>]" denotes a left half-open interval from <em>X</em>
+            to <em>Y</em>, not including <em>X</em> but including <em>Y</em>;
+            "(<em>X</em>,<em>Y</em>)" denotes an open interval from <em>X</em> to
+            <em>Y</em>, not including <em>X</em> or <em>Y</em>.</p>
+          </div>
+          <table summary="HTML Table" id="dfxp-example-subtitle-1"
+          class="example-images">
+            <caption>
+              Subtitle 1 – Time Interval [0.76, 3.45)
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1"><img src="images/subtitle1.png"
+                alt="Subtitle 1" /></td>
+              </tr>
+            </tbody>
+          </table>
+          <p>The second subtitle continues with the default style, except that it
+          contains two lines of text with an intervening author-specified line break.
+          Note the effects of the use of <code>tts:textAlign="center"</code> to specify
+          the paragraph's alignment in the inline progression direction.</p>
+          <table summary="HTML Table" id="dfxp-example-subtitle-2"
+          class="example-images">
+            <caption>
+              Subtitle 2 – Time Interval [5.0, 10.0)
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1"><img src="images/subtitle2.png"
+                alt="Subtitle 2" /></td>
+              </tr>
+            </tbody>
+          </table>
+          <p>The third subtitle continues, using a variant style which overrides the
+          default style's foreground color with a different color.</p>
+          <table summary="HTML Table" id="dfxp-example-subtitle-3"
+          class="example-images">
+            <caption>
+              Subtitle 3 – Time Interval [10.0, 16.0)
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1"><img src="images/subtitle3.png"
+                alt="Subtitle 3" /></td>
+              </tr>
+            </tbody>
+          </table>
+          <p>The fourth subtitle reverts to the default style.</p>
+          <table summary="HTML Table" id="dfxp-example-subtitle-4"
+          class="example-images">
+            <caption>
+              Subtitle 4 – Time Interval [17.2, 23.0)
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1"><img src="images/subtitle4.png"
+                alt="Subtitle 4" /></td>
+              </tr>
+            </tbody>
+          </table>
+          <p>The fifth subtitle continues, again using a variant style which overrides
+          the default style's foreground color with a different color.</p>
+          <table summary="HTML Table" id="dfxp-example-subtitle-5"
+          class="example-images">
+            <caption>
+              Subtitle 5 – Time Interval [23.0, 27.0)
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1"><img src="images/subtitle5.png"
+                alt="Subtitle 5" /></td>
+              </tr>
+            </tbody>
+          </table>
+          <p>During the next active time interval, two distinct subtitles are
+          simultaneously active, with the paragraph expressing each subtitle using a
+          different style that overrides color and paragraph text alignment of the
+          default style. Note that the flow order is determined by the lexical order of
+          elements as they appear in the content hierarchy.</p>
+          <table summary="HTML Table" id="dfxp-example-subtitle-6"
+          class="example-images">
+            <caption>
+              Subtitles 6a and 6b – Time Interval [28.0, 34.6)
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1"><img src="images/subtitle6.png"
+                alt="Subtitles 6a and 6b" /></td>
+              </tr>
+            </tbody>
+          </table>
+          <p>The next subtitle is specified in a similar manner using a style override to
+          give a paragraph right (end) justified in the inline progression direction.</p>
+          <table summary="HTML Table" id="dfxp-example-subtitle-7"
+          class="example-images">
+            <caption>
+              Subtitle 7 – Time Interval [34.6, 45.0)
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1"><img src="images/subtitle7.png"
+                alt="Subtitles 7a and 7b" /></td>
+              </tr>
+            </tbody>
+          </table>
+          <p>The eighth subtitle uses the same style override as the previous subtitle in
+          order to maintain the right (end) justification of the paragraph.</p>
+          <table summary="HTML Table" id="dfxp-example-subtitle-8"
+          class="example-images">
+            <caption>
+              Subtitle 8 – Time Interval [47.3, 49.0)
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1"><img src="images/subtitle8.png"
+                alt="Subtitle 8" /></td>
+              </tr>
+            </tbody>
+          </table>
+          <p>During the final (ninth) active time interval, two distinct subtitles are
+          again simultaneously active, but with a different style applied to the second
+          paragraph to override the default color. Note that the flow order is determined
+          by the lexical order of elements as they appear in the content hierarchy.</p>
+          <table summary="HTML Table" id="dfxp-example-subtitle-9"
+          class="example-images">
+            <caption>
+              Subtitles 9a and 9b – Time Interval [53.5, 58.7)
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1"><img src="images/subtitle9.png"
+                alt="Subtitles 9a and 9b" /></td>
+              </tr>
+            </tbody>
+          </table>
+          <p>The examples shown above demonstrate the primary types of information that
+          may be authored using DFXP: metadata, styling, layout, timing, and content. In
+          typical cases, styling and layout information are separately specified in a
+          document instance. Content information is expressed in a hierarchical fashion
+          that embodies the organization of both spatial (flow) and timing information.
+          Content makes direct or indirect references to styling and layout information
+          and may specify inline overrides to styling.</p>
+        </div>
+      </div>
+      <div class="div1">
+        <h2><a name="definitions" id="definitions"></a>2 Definitions</h2>
+        <div class="div2">
+          <h3><a name="acronyms" id="acronyms"></a>2.1 Acronyms</h3>
+          <table class="acronyms" summary="Glossary List">
+            <tr>
+              <td class="label"><b>DFXP</b></td>
+              <td class="def">
+                <p>Distribution Format Exchange Profile</p>
+              </td>
+            </tr>
+            <tr>
+              <td class="label"><b>TT</b></td>
+              <td class="def">
+                <p>Timed Text</p>
+              </td>
+            </tr>
+            <tr>
+              <td class="label"><b>TT AS</b></td>
+              <td class="def">
+                <p>Timed Text Authoring System</p>
+              </td>
+            </tr>
+            <tr>
+              <td class="label"><b>TT AF</b></td>
+              <td class="def">
+                <p>Timed Text Authoring Format</p>
+              </td>
+            </tr>
+            <tr>
+              <td class="label"><b>TT WG</b></td>
+              <td class="def">
+                <p>Timed Text Working Group</p>
+              </td>
+            </tr>
+          </table>
+        </div>
+        <div class="div2">
+          <h3><a name="terms" id="terms"></a>2.2 Terminology</h3>
+          <dl>
+            <dt class="label">Abstract Document Instance</dt>
+            <dd>
+              <p>An instance of an abstract data set as represented by a <em>Reduced XML
+              Infoset</em>.</p>
+            </dd>
+            <dt class="label">Abstract Document Type</dt>
+            <dd>
+              <p>A set of constraints that defines a class of <em>XML Information
+              Set</em>s <a href="#infoset">[XML InfoSet]</a>.</p>
+            </dd>
+            <dt class="label">Attribute Information Item</dt>
+            <dd>
+              <p>Each specified or defaulted attribute of an XML document corresponds
+              with an attribute information item as defined by <a href="#infoset">[XML
+              InfoSet]</a>, §2.3.</p>
+            </dd>
+            <dt class="label">Character Information Item</dt>
+            <dd>
+              <p>Each data character appearing in an XML document corresponds with a
+              character information item as defined by <a href="#infoset">[XML
+              InfoSet]</a>, §2.6.</p>
+            </dd>
+            <dt class="label">Content Region</dt>
+            <dd>
+              <p>A logical region into which rendered content is placed when modeling or
+              performing presentation processing.</p>
+            </dd>
+            <dt class="label">Element Information Item</dt>
+            <dd>
+              <p>Each element appearing in an XML document corresponds with an element
+              information item as defined by <a href="#infoset">[XML InfoSet]</a>,
+              §2.2.</p>
+            </dd>
+            <dt class="label">Exchange Profile</dt>
+            <dd>
+              <p>A profile (subset) of the TT AF that serves a set of needs for content
+              exchange.</p>
+            </dd>
+            <dt class="label">Region</dt>
+            <dd>
+              <p>A logical construct that models authorial intention regarding desired or
+              potential presentation processing, and which is represented as a
+              rectangular area of a presentation surface into which content is composed
+              and rendered during presentation processing.</p>
+            </dd>
+            <dt class="label">Reduced XML Infoset</dt>
+            <dd>
+              <p>An XML Information Set <a href="#infoset">[XML InfoSet]</a> that
+              satisfieds the constraints specify by <a href="#reduced-infoset"><b>A
+              Reduced XML Infoset</b></a>.</p>
+            </dd>
+            <dt class="label">Root Container Region</dt>
+            <dd>
+              <p>A logical region that establishes a coordinate system into which content
+              regions are placed and optionally clipped.</p>
+            </dd>
+            <dt class="label">Timed Text</dt>
+            <dd>
+              <p>Textual information that is intrinsically or extrinsically associated
+              with timing information.</p>
+            </dd>
+            <dt class="label">Timed Text Authoring Format</dt>
+            <dd>
+              <p>A content type that represents timed text media for the purpose of
+              interchange among authoring systems.</p>
+            </dd>
+            <dt class="label">Timed Text Authoring System</dt>
+            <dd>
+              <p>A content authoring system capable of importing and exporting timed text
+              authoring format content.</p>
+            </dd>
+          </dl>
+        </div>
+        <div class="div2">
+          <h3><a name="conventions" id="conventions"></a>2.3 Documentation
+          Conventions</h3>
+          <p>Within normative prose in this specification, the words <em>may</em>,
+          <em>should</em>, and <em>must</em> are defined as follows:</p>
+          <dl class="conformance-keywords">
+            <dt class="label">may</dt>
+            <dd>
+              <p>Conforming documents and/or TT AF processors are permitted to, but need
+              not behave as described.</p>
+            </dd>
+            <dt class="label">should</dt>
+            <dd>
+              <p>Conforming documents and/or TT AF processors are strongly recommended
+              to, but need not behave as described.</p>
+            </dd>
+            <dt class="label">must</dt>
+            <dd>
+              <p>Conforming documents and/or TT AF processors are required to behave as
+              described; otherwise, they are in error.</p>
+            </dd>
+          </dl>
+          <p>All normative syntactic definitions of XML representations and other related
+          terms are depicted with a light orange background color and labeled as "XML
+          Representation" or "Syntax Representation", such as in the following:</p>
+          <table summary="HTML Table" id="elt-syntax-example" class="syntax">
+            <caption>
+              XML Representation – Element Information Item: example
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1">
+                  <div class="exampleInner">
+<pre>
+&lt;example
+  <span class="reqattr">count</span> = integer
+  size = (<em>large</em>|<em>medium</em>|<em>small</em>) : medium&gt;
+  <em>Content:</em> (all | any*)
+&lt;/example&gt;
+</pre>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <p>In an XML representation, bold-face attribute names (e.g. <span
+          class="strong">count</span> above) indicate a required attribute information
+          item, and the rest are optional. Where an attribute information item has an
+          enumerated type definition, the values are shown separated by vertical bars, as
+          for <code>size</code> above; if there is a default value, it is shown following
+          a colon. Where an attribute information item has a built-in simple type
+          definition defined in <a href="#xsd-2">[XML Schema Part 2]</a>, a hyperlink to
+          its definition therein is given.</p>
+          <p>The allowed content of the information item is shown as a grammar fragment,
+          using the Kleene operators <code>?</code>, <code>*</code> and <code>+</code>.
+          Each element name therein is a hyperlink to its own illustration.</p>
+          <p>All content of this specification that is not explicitly marked as
+          non-normative is considered to be normative. If a section or appendix header
+          contains the the expression "Non-Normative", then the entirety of the section
+          or appendix is considered non-normative.</p>
+          <p>All paragraphs marked as a <span class="strong">Note</span> are considered
+          non-normative.</p>
+          <p>Example code fragments are depicted with a light blue-green background color
+          and labeled as "Example Fragment", such as in the following:</p>
+          <table summary="HTML Table" id="example-fragment-1" class="example">
+            <caption>
+              Example Fragment – Sample
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1">
+                  <div class="exampleInner">
+<pre>
+&lt;tt xml:lang="" xmlns="http://www.w3.org/2006/10/ttaf1"&gt;
+  &lt;head&gt;
+    &lt;metadata/&gt;
+    &lt;styling/&gt;
+    &lt;layout/&gt;
+  &lt;/head&gt;
+  &lt;body/&gt;
+&lt;/tt&gt;
+</pre>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+      <div class="div1">
+        <h2><a name="conformance" id="conformance"></a>3 Conformance</h2>
+        <p>This section specifies the general conformance requirements for TT AF content
+        and processors.</p>
+        <div class="div2">
+          <h3><a name="conformance-content" id="conformance-content"></a>3.1 Content
+          Conformance</h3>
+          <p>A TT AF document instance conforms to this specification if the following
+          criteria are satisfied:</p>
+          <ol type="1">
+            <li>
+              <p>When transporting a document instance in a context in which a MIME Media
+              Type <a href="#mime-media">[MIME]</a> identifies the content type of the
+              interchanged document instance, then the specified media type is
+              <code>application/ttaf+xml</code> in conformance with <a
+              href="#rfc3023">[XML Media Types]</a> § 7, with which an optional
+              <code>profile</code> parameter may appear, the value of which conforms to
+              the values defined by <a href="#vocabulary-profiles"><b>5.2
+              Profiles</b></a>.</p>
+            </li>
+            <li>
+              <p>The document instance is or can be represented as a Reduced XML Infoset
+              as defined by <a href="#reduced-infoset"><b>A Reduced XML
+              Infoset</b></a>.</p>
+            </li>
+            <li>
+              <p>The Reduced XML Infoset that corresponds to the document instance is or
+              can be associated with one of the TT AF Abstract Document Types defined by
+              <a href="#doctypes"><b>4 Document Types</b></a>.</p>
+            </li>
+            <li>
+              <p>The Reduced XML Infoset that corresponds to the document instance is a
+              Valid Abstract Document Instance of the associated Abstract Document
+              Type.</p>
+            </li>
+            <li>
+              <p>The Reduced XML Infoset satisfies all additional mandatory syntactic and
+              semantic constraints defined by this specification. In addition, this
+              Infoset should satisfy the web content accessibility guidelines specified
+              by <a href="#wcag">[WCAG]</a>.</p>
+            </li>
+          </ol>
+        </div>
+        <div class="div2">
+          <h3><a name="conformance-processor" id="conformance-processor"></a>3.2
+          Processor Conformance</h3>
+          <p>A TT AF processor conforms to this specification if the following criteria
+          are satisfied:</p>
+          <ol type="1">
+            <li>
+              <p>The processor provides at least one mechanism for notionally
+              instantiating a Reduced XML Infoset representation of a conformant TT AF
+              document instance.</p>
+            </li>
+            <li>
+              <p>If a process does or can perform validation of a candidate TT AF
+              document instance, then it provides at least one mechanism to implicitly or
+              explicitly associate the Reduced XML Infoset representation of a conformant
+              TT AF document instance with one of the TT AF Abstract Document Types
+              defined by <a href="#doctypes"><b>4 Document Types</b></a>.</p>
+            </li>
+            <li>
+              <p>The processor does not <em>a priori</em> reject or abort the processing
+              of a conformant TT AF document instance.</p>
+            </li>
+            <li>
+              <p>The processor supports all mandatory processing semantics defined by
+              this specification.</p>
+            </li>
+            <li>
+              <p>If the processor claims to support presentation processing in order to
+              produce a rendition of TT AF content on a visual medium, then it must
+              implement the region and line layout semantics defined by <a
+              href="#semantics-region-layout"><b>9.3 Region Layout and
+              Presentation</b></a> and <a href="#semantics-line-layout"><b>9.4 Line
+              Layout</b></a>, respectively. In addition, the processor should satisfy the
+              user agent accessibility guidelines specified by <a
+              href="#uaag">[UAAG]</a>.</p>
+            </li>
+            <li>
+              <p>If the processor supports some optional processing semantics defined by
+              this specification, then it does so in a manner consistent with the defined
+              semantics.</p>
+            </li>
+          </ol>
+        </div>
+        <div class="div2">
+          <h3><a name="claims" id="claims"></a>3.3 Claims</h3>
+          <p>Any claim of compliance with respect to TT AF content or processor
+          conformance must make reference to an implementation compliance statement
+          (ICS).</p>
+          <p>An implementation compliance statement must identify all mandatory and
+          optional features of this specification that are satisfied by the content or
+          processor implementation. In particular, the statement must identify the
+          utilized or supported TT AF vocabulary profile(s) as defined by <a
+          href="#vocabulary-profiles"><b>5.2 Profiles</b></a>, and, if a subset or
+          superset profile is used or supported, then what features are excluded or
+          included in the subset or superset profile.</p>
+          <p>A TT AF document instance for which a compliance claim is made must specify
+          a <code>ttp:profile</code> attribute on its root element as defined by <a
+          href="#parameter-attribute-profile"><b>6.2.7 ttp:profile</b></a>.</p>
+        </div>
+      </div>
+      <div class="div1">
+        <h2><a name="doctypes" id="doctypes"></a>4 Document Types</h2>
+        <p>This section defines the following TT AF Abstract Document Types:</p>
+        <ul>
+          <li>
+            <p><a href="#dfxp-content-doctype"><b>4.1 DFXP Content</b></a></p>
+          </li>
+        </ul>
+        <p>Each abstract document type consists of the following constraints:</p>
+        <ul>
+          <li>
+            <p>a non-empty collection of element types, where each element type consists
+            of a name, a (possibly empty) collection of attributes, and a content
+            specification</p>
+          </li>
+          <li>
+            <p>a non-empty collection of element types that may appear as the document
+            element</p>
+          </li>
+        </ul>
+        <p>An Abstract Document Instance may be assessed in terms of validity, and is
+        considered to be a Valid Abstract Document Instance if it satisfies the following
+        condition: if after</p>
+        <ol type="1">
+          <li>
+            <p>pruning all element information items whose names are not members of the
+            collection of element types defined by the associated abstract document type,
+            then</p>
+          </li>
+          <li>
+            <p>pruning character information item children from any remaining element in
+            case that all character children of the element denote XML whitespace
+            characters and the element's type is defined as empty in the associated
+            Abstract Document Type, and then</p>
+          </li>
+          <li>
+            <p>pruning all attribute information items having expanded names such that
+            the namespace URI of the expanded names are not listed in <a
+            href="#namespace-vocab-table"><b>Table 1 – Namespaces</b></a>,</p>
+          </li>
+        </ol>
+        <p>then the document element is one of the document element types permitted by
+        the associated abstract document type, the descendants of the document element
+        satisfy their respective element type's content specifications, all required
+        attributes are present, and the declared value of each attribute satisfies the
+        type declared by the associated abstract document type.</p>
+        <div class="note">
+          <p class="prefix"><b>Note:</b></p>
+          <p>While a conformant processor may not <em>a priori</em> reject a conformant
+          document instance, a given document instance may be constrained by the author
+          or authoring tool to satisfy a more restrictive definition of validity.</p>
+        </div>
+        <div class="div2">
+          <h3><a name="dfxp-content-doctype" id="dfxp-content-doctype"></a>4.1 DFXP
+          Content</h3>
+          <p>DFXP Content is an abstract document type of the Timed Text Authoring Format
+          intended to be used for interchange among distribution systems. This document
+          type is defined in terms of the element and attribute vocabulary specified in
+          <a href="#vocabulary"><b>5 Vocabulary</b></a>.</p>
+          <p>This specification defines two types of normative schemas that may be used
+          to validate a subset of conformant DFXP document instances:</p>
+          <ul>
+            <li>
+              <p><a href="#dfxp-schema-rnc"><b>C.1 Relax NG Schema</b></a></p>
+            </li>
+            <li>
+              <p><a href="#dfxp-schema-xsd"><b>C.2 XML Schema Definition (XSD)
+              Schema</b></a></p>
+            </li>
+          </ul>
+          <p>The (root) document element of a DFXP document instance must be a
+          <code>tt</code> element, as defined by <a
+          href="#document-structure-vocabulary-tt"><b>7.1.1 tt</b></a>.</p>
+        </div>
+      </div>
+      <div class="div1">
+        <h2><a name="vocabulary" id="vocabulary"></a>5 Vocabulary</h2>
+        <p>This section defines the namespaces, profiles, and vocabulary (as an element
+        an attribute catalog) of the Timed Text Authoring Format (TT AF) as follows:</p>
+        <ul>
+          <li>
+            <p><a href="#vocabulary-namespaces"><b>5.1 Namespaces</b></a></p>
+          </li>
+          <li>
+            <p><a href="#vocabulary-profiles"><b>5.2 Profiles</b></a></p>
+          </li>
+          <li>
+            <p><a href="#vocabulary-overview"><b>5.3 Catalog</b></a></p>
+          </li>
+        </ul>
+        <div class="div2">
+          <h3><a name="vocabulary-namespaces" id="vocabulary-namespaces"></a>5.1
+          Namespaces</h3>
+          <p>The Timed Text Authoring Format (TT AF) employs a number of namespaces for
+          elements and certain global attributes. The following table specifies this set
+          of namespaces and indicates the default prefix used within this specification
+          and the normative URI that denotes each namespace.</p>
+          <div class="note">
+            <p class="prefix"><b>Note:</b></p>
+            <p>In a specific document instance, it is not required that the default
+            prefixes shown below are used. Any prefix or namespace binding that satisfies
+            the constraints of XML Namespaces may be used that is associated with the
+            specified namespace URI.</p>
+          </div>
+          <table summary="HTML Table" id="namespace-vocab-table" class="common">
+            <caption>
+              Table 1 – Namespaces
+            </caption>
+            <col width="25%" span="1" />
+            <tbody>
+              <tr>
+                <th rowspan="1" colspan="1">Name</th>
+                <th rowspan="1" colspan="1">Prefix</th>
+                <th rowspan="1" colspan="1">Value</th>
+              </tr>
+              <tr>
+                <td rowspan="1" colspan="1">TT</td>
+                <td rowspan="1" colspan="1"><code>tt:</code></td>
+                <td rowspan="1" colspan="1">
+                <code>http://www.w3.org/2006/10/ttaf1</code></td>
+              </tr>
+              <tr>
+                <td rowspan="1" colspan="1">TT Parameter</td>
+                <td rowspan="1" colspan="1"><code>ttp:</code></td>
+                <td rowspan="1" colspan="1">
+                <code>http://www.w3.org/2006/10/ttaf1#parameter</code></td>
+              </tr>
+              <tr>
+                <td rowspan="1" colspan="1">TT Style</td>
+                <td rowspan="1" colspan="1"><code>tts:</code></td>
+                <td rowspan="1" colspan="1">
+                <code>http://www.w3.org/2006/10/ttaf1#style</code></td>
+              </tr>
+              <tr>
+                <td rowspan="1" colspan="1">TT Style Extensions</td>
+                <td rowspan="1" colspan="1"><code>ttsx:</code></td>
+                <td rowspan="1" colspan="1">
+                <code>http://www.w3.org/2006/10/ttaf1#style-extension</code></td>
+              </tr>
+              <tr>
+                <td rowspan="1" colspan="1">TT Metadata</td>
+                <td rowspan="1" colspan="1"><code>ttm:</code></td>
+                <td rowspan="1" colspan="1">
+                <code>http://www.w3.org/2006/10/ttaf1#metadata</code></td>
+              </tr>
+              <tr>
+                <td rowspan="1" colspan="1">TT Metadata Extensions</td>
+                <td rowspan="1" colspan="1"><code>ttmx:</code></td>
+                <td rowspan="1" colspan="1">
+                <code>http://www.w3.org/2006/10/ttaf1#metadata-extension</code></td>
+              </tr>
+            </tbody>
+          </table>
+          <div class="note">
+            <p class="prefix"><b>Note:</b></p>
+            <p>If a reference to an element type is used in this specification and the
+            name of the element type is not namespace qualified, then the TT Namespace
+            applies.</p>
+          </div>
+        </div>
+        <div class="div2">
+          <h3><a name="vocabulary-profiles" id="vocabulary-profiles"></a>5.2
+          Profiles</h3>
+          <p>The Timed Text Authoring Format (TT AF) employs a number of profiles of its
+          vocabulary and associated semantics. The following table specifies this set of
+          profiles and indicates a normative name for each profile.</p>
+          <table summary="HTML Table" id="profile-vocab-table" class="common">
+            <caption>
+              Table 2 – Profiles
+            </caption>
+            <col width="25%" span="1" />
+            <tbody>
+              <tr>
+                <th rowspan="1" colspan="1">Name</th>
+                <th rowspan="1" colspan="1">Value</th>
+              </tr>
+              <tr>
+                <td rowspan="1" colspan="1">DFXP</td>
+                <td rowspan="1" colspan="1">
+                <code>http://www.w3.org/2006/10/ttaf1#profile-dfxp</code></td>
+              </tr>
+            </tbody>
+          </table>
+          <p/>
+          <p>A convention is defined for use by content authors to indicate use of a
+          subtractive or additive delta to a predefined profile by using an optional
+          <em>sub-profile</em> suffix of a profile URI: if a sub-profile is subtractive
+          (results in a proper subset), then the <em>sub-profile</em> is expressed as
+          "-token"; if additive (results in a proper superset), then it is expressed as
+          "+token", where <em>token</em> expresses an author determined sub-profile that
+          adheres to the <code>xsd:NCName</code> data type defined in <a
+          href="#xsd-2">[XML Schema Part 2]</a>, §3.3.7.</p>
+          <p>All tokens used in a sub-profile suffix that do not start with the prefix
+          <code>x-</code> are reserved for future standardization.</p>
+          <p>The profile of a document instance is specified using a
+          <code>ttp:profile</code> attribute as defined by <a
+          href="#parameter-attribute-profile"><b>6.2.7 ttp:profile</b></a>.</p>
+          <div class="note">
+            <p class="prefix"><b>Note:</b></p>
+            <p>A TT AF authoring system may indicate the profile of TT AF used in a
+            document instance by specifying a <code>ttp:profile</code> attribute. A TT AF
+            content processor may make use of this profile value to associate a document
+            instance with a schema or processing functions.</p>
+          </div>
+          <p>An example of an author defined "tiny" subtractive sub-profile of DFXP is
+          shown below in <a href="#dfxp-example-sub-profile"><b>Example Fragment – DFXP
+          Subtractive Profile</b></a>.</p>
+          <table summary="HTML Table" id="dfxp-example-sub-profile" class="example">
+            <caption>
+              Example Fragment – DFXP Subtractive Profile
+            </caption>
+            <tbody>
+              <tr>
+                <td rowspan="1" colspan="1">
+                  <div class="exampleInner">
+<pre>
+&lt;tt
+  ttp:profile="http://www.w3.org/2006/10/ttaf1#profile-dfxp-x-tiny"
+  xml:lang=""
+  xmlns="http://www.w3.org/2006/10/ttaf1"
+  xmlns:ttp="http://www.w3.org/2006/10/ttaf1#parameter"&gt;
+ ...
+&lt;/tt&gt;
+</pre>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <div class="note">
+            <p class="prefix"><b>Note:</b></p>
+            <p>Because the above example is an author defined sub-profile (as opposed to
+            a future W3C defined profile), the sub-profile token contains the prefix
+            <code>x-</code>.</p>
+          </div>
+        </div>
+        <div class="div2">
+          <h3><a name="vocabulary-overview" id="vocabulary-overview"></a>5.3 Catalog</h3>
+          <p>The vocabulary of the Timed Text Authoring Format (TT AF) is defined in the
+          following major catalogs (divisions of vocabulary):</p>
+          <ul>
+            <li>
+              <p><a href="#core-vocabulary-overview"><b>5.3.1 Core Catalog</b></a></p>
+            </li>
+            <li>
+              <p><a href="#extension-vocabulary-overview"><b>5.3.2 Extension
+              Catalog</b></a></p>
+            </li>
+          </ul>
+          <p>The core catalog defines the baseline, core vocabulary of the TT AF, and, in
+          particular, the vocabulary of DFXP. The extensions catalog serves as a
+          placeholder for extensions to the core vocabulary defined by DFXP.</p>
+          <div class="div3">
+            <h4><a name="core-vocabulary-overview"
+            id="core-vocabulary-overview"></a>5.3.1 Core Catalog</h4>
+            <p>The core vocabulary catalog is intended to satisfy the needs of DFXP while
+            providing a baseline vocabulary for future profiles. This vocabulary is
+            divided into distinct categories, specified in detail in the following
+            sections:</p>
+            <ul>
+              <li>
+                <p><a href="#parameters"><b>6 Parameters</b></a></p>
+              </li>
+              <li>
+                <p><a href="#content"><b>7 Content</b></a></p>
+              </li>
+              <li>
+                <p><a href="#styling"><b>8 Styling</b></a></p>
+              </li>
+              <li>
+                <p><a href="#layout"><b>9 Layout</b></a></p>
+              </li>
+              <li>
+                <p><a href="#timing"><b>10 Timing</b></a></p>
+              </li>
+              <li>
+                <p><a href="#animation"><b>11 Animation</b></a></p>
+              </li>
+              <li>
+                <p><a href="#metadata"><b>12 Metadata</b></a></p>
+              </li>
+            </ul>
+            <p>The core element vocabulary specified for use with a TT AF document
+            instance is enumerated in <a href="#element-vocab-table"><b>Table 3 – Element
+            Vocabulary</b></a>.</p>
+            <table summary="HTML Table" id="element-vocab-table" class="common">
+              <caption>
+                Table 3 – Element Vocabulary
+              </caption>
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <th rowspan="1" colspan="1">Module</th>
+                  <th rowspan="1" colspan="1">Elements</th>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Animation</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#animation-vocabulary-set">set</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Content</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#document-structure-vocabulary-body">body</a>, <a
+                  href="#content-vocabulary-div">div</a>, <a
+                  href="#content-vocabulary-p">p</a>, <a
+                  href="#content-vocabulary-span">span</a>, <a
+                  href="#content-vocabulary-br">br</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Document</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#document-structure-vocabulary-tt">tt</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Head</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#document-structure-vocabulary-head">head</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Layout</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#layout-vocabulary-layout">layout</a>, <a
+                  href="#layout-vocabulary-region">region</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Metadata</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#metadata-vocabulary-metadata">metadata</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Metadata Items</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#metadata-vocabulary-actor">ttm:actor</a>, <a
+                  href="#metadata-vocabulary-agent">ttm:agent</a>, <a
+                  href="#metadata-vocabulary-copyright">ttm:copyright</a>, <a
+                  href="#metadata-vocabulary-desc">ttm:desc</a>, <a
+                  href="#metadata-vocabulary-name">ttm:name</a>, <a
+                  href="#metadata-vocabulary-title">ttm:title</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Styling</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#styling-vocabulary-styling">styling</a>, <a
+                  href="#styling-vocabulary-style">style</a></td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <p>Element vocabulary groups that are used in defining content models for TT
+            AF element types are enumerated in <a
+            href="#element-vocab-group-table"><b>Table 4 – Element Vocabulary
+            Groups</b></a>.</p>
+            <table summary="HTML Table" id="element-vocab-group-table" class="common">
+              <caption>
+                Table 4 – Element Vocabulary Groups
+              </caption>
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <th rowspan="1" colspan="1">Group</th>
+                  <th rowspan="1" colspan="1">Elements</th>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Animation.class</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#animation-vocabulary-set">set</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Block.class</td>
+                  <td rowspan="1" colspan="1"><a href="#content-vocabulary-div">div</a> |
+                  <a href="#content-vocabulary-p">p</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Inline.class</td>
+                  <td rowspan="1" colspan="1"><a href="#content-vocabulary-span">span</a>
+                  | <a href="#content-vocabulary-span">br</a> | <code>#PCDATA</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Metadata.class</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#metadata-vocabulary-metadata">metadata</a> | <a
+                  href="#metadata-vocabulary-copyright">ttm:agent</a> | <a
+                  href="#metadata-vocabulary-copyright">ttm:copyright</a> | <a
+                  href="#metadata-vocabulary-desc">ttm:desc</a> | <a
+                  href="#metadata-vocabulary-title">ttm:title</a></td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <p>The attribute vocabulary specified for use with the core vocabulary
+            catalog is enumerated in <a href="#attribute-vocab-table"><b>Table 5 –
+            Attribute Vocabulary</b></a>.</p>
+            <table summary="HTML Table" id="attribute-vocab-table" class="common">
+              <caption>
+                Table 5 – Attribute Vocabulary
+              </caption>
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <th rowspan="1" colspan="1">Module</th>
+                  <th rowspan="1" colspan="1">Attributes</th>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Core Attributes</td>
+                  <td rowspan="1" colspan="1"><a href="#content-attribute-id">xml:id</a>,
+                  <a href="#content-attribute-lang">xml:lang</a>, <a
+                  href="#content-attribute-space">xml:space</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Layout</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#layout-attribute-region">region</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Metadata Attributes</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#metadata-attribute-agent">ttm:agent</a>, <a
+                  href="#metadata-attribute-role">ttm:role</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Parameter Attributes</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#parameter-attribute-cellResolution">ttp:cellResolution</a>, <a
+                  href="#parameter-attribute-clockMode">ttp:clockMode</a>, <a
+                  href="#parameter-attribute-frameRate">ttp:frameRate</a>, <a
+                  href="#parameter-attribute-frameRateMultiplier">ttp:frameRateMultipler</a>,
+                  <a href="#parameter-attribute-markerMode">ttp:markerMode</a>, <a
+                  href="#parameter-attribute-pixelAspectRatio">ttp:pixelAspectRatio</a>,
+                  <a href="#parameter-attribute-profile">ttp:profile</a>, <a
+                  href="#parameter-attribute-smpteMode">ttp:smpteMode</a>, <a
+                  href="#parameter-attribute-subFrameRate">ttp:subFrameRate</a>, <a
+                  href="#parameter-attribute-tickRate">ttp:tickRate</a>, <a
+                  href="#parameter-attribute-timeBase">ttp:timeBase</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Styling</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#style-attribute-style">style</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Styling Attributes</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#style-attribute-backgroundColor">tts:backgroundColor</a>, <a
+                  href="#style-attribute-color">tts:color</a>, <a
+                  href="#style-attribute-direction">tts:direction</a>, <a
+                  href="#style-attribute-display">tts:display</a>, <a
+                  href="#style-attribute-displayAlign">tts:displayAlign</a>, <a
+                  href="#style-attribute-dynamicFlow">tts:dynamicFlow</a>, <a
+                  href="#style-attribute-extent">tts:extent</a>, <a
+                  href="#style-attribute-fontFamily">tts:fontFamily</a>, <a
+                  href="#style-attribute-fontSize">tts:fontSize</a>, <a
+                  href="#style-attribute-fontStyle">tts:fontStyle</a>, <a
+                  href="#style-attribute-fontWeight">tts:fontWeight</a>, <a
+                  href="#style-attribute-lineHeight">tts:lineHeight</a>, <a
+                  href="#style-attribute-opacity">tts:opacity</a>, <a
+                  href="#style-attribute-origin">tts:origin</a>, <a
+                  href="#style-attribute-overflow">tts:overflow</a>, <a
+                  href="#style-attribute-padding">tts:padding</a>, <a
+                  href="#style-attribute-showBackground">tts:showBackground</a>, <a
+                  href="#style-attribute-textAlign">tts:textAlign</a>, <a
+                  href="#style-attribute-textDecoration">tts:textDecoration</a>, <a
+                  href="#style-attribute-textOutline">tts:textOutline</a>, <a
+                  href="#style-attribute-unicodeBidi">tts:unicodeBidi</a>, <a
+                  href="#style-attribute-visibility">tts:visibility</a>, <a
+                  href="#style-attribute-wrapOption">tts:wrapOption</a>, <a
+                  href="#style-attribute-writingMode">tts:writingMode</a>, <a
+                  href="#style-attribute-zIndex">tts:zIndex</a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1">Timing Attributes</td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#timing-attribute-begin">begin</a>, <a
+                  href="#timing-attribute-dur">dur</a>, <a
+                  href="#timing-attribute-end">end</a>, <a
+                  href="#timing-attribute-timeContainer">timeContainer</a></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>All vocabulary defined by the TT AF consistently makes use of the
+              so-called <em>lowerCamelCase</em> naming convention. In some cases, this
+              results in the change of a name when the name was based upon another
+              specification that used a different naming convention.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="extension-vocabulary-overview"
+            id="extension-vocabulary-overview"></a>5.3.2 Extension Catalog</h4>
+            <p>The extension vocabulary catalog is intended for use by future profiles of
+            the TT AF.</p>
+            <p>In this version of this specification, no standardized extension
+            vocabulary is defined. Two namespaces are specifically reserved by <a
+            href="#namespace-vocab-table"><b>Table 1 – Namespaces</b></a> for metadata
+            and style extension vocabulary:</p>
+            <ul>
+              <li>
+                <p>TT Style Extensions</p>
+              </li>
+              <li>
+                <p>TT Metadata Extensions</p>
+              </li>
+            </ul>
+            <p>In addition to standardized extension vocabulary, a conforming TT AF
+            document instance may contain arbitrary namespace qualified elements that
+            reside in any namespace other than those namespaces defined for use with this
+            specification. Furthermore, a conforming TT AF document instance may contain
+            arbitrary namespace qualified attributes on TT AF defined vocabulary where
+            such attributes reside in any namespace other than those defined for use with
+            this specification.</p>
+          </div>
+        </div>
+      </div>
+      <div class="div1">
+        <h2><a name="parameters" id="parameters"></a>6 Parameters</h2>
+        <p>This section specifies the <em>parameters</em> matter of the core vocabulary
+        catalog, where parameters are to be understood as information that is either (1)
+        essential or (2) of significant importance for the purpose of interpreting the
+        semantics of other types of information expressed by core vocabulary items or for
+        establishing a processing context by means of which TT AF content can be related
+        to an external environment.</p>
+        <div class="div2">
+          <h3><a name="parameters-element-vocabulary"
+          id="parameters-element-vocabulary"></a>6.1 Element Vocabulary</h3>
+          <p>No parameters related element vocabulary is defined for use in the core
+          vocabulary catalog.</p>
+        </div>
+        <div class="div2">
+          <h3><a name="parameters-attribute-vocabulary"
+          id="parameters-attribute-vocabulary"></a>6.2 Attribute Vocabulary</h3>
+          <p>The following attributes are defined in the TT Parameter Namespace.</p>
+          <ul>
+            <li>
+              <p><a href="#parameter-attribute-cellResolution"><b>6.2.1
+              ttp:cellResolution</b></a></p>
+            </li>
+            <li>
+              <p><a href="#parameter-attribute-clockMode"><b>6.2.2
+              ttp:clockMode</b></a></p>
+            </li>
+            <li>
+              <p><a href="#parameter-attribute-frameRate"><b>6.2.3
+              ttp:frameRate</b></a></p>
+            </li>
+            <li>
+              <p><a href="#parameter-attribute-frameRateMultiplier"><b>6.2.4
+              ttp:frameRateMultiplier</b></a></p>
+            </li>
+            <li>
+              <p><a href="#parameter-attribute-markerMode"><b>6.2.5
+              ttp:markerMode</b></a></p>
+            </li>
+            <li>
+              <p><a href="#parameter-attribute-pixelAspectRatio"><b>6.2.6
+              ttp:pixelAspectRatio</b></a></p>
+            </li>
+            <li>
+              <p><a href="#parameter-attribute-profile"><b>6.2.7 ttp:profile</b></a></p>
+            </li>
+            <li>
+              <p><a href="#parameter-attribute-smpteMode"><b>6.2.8
+              ttp:smpteMode</b></a></p>
+            </li>
+            <li>
+              <p><a href="#parameter-attribute-subFrameRate"><b>6.2.9
+              ttp:subFrameRate</b></a></p>
+            </li>
+            <li>
+              <p><a href="#parameter-attribute-tickRate"><b>6.2.10
+              ttp:tickRate</b></a></p>
+            </li>
+            <li>
+              <p><a href="#parameter-attribute-timeBase"><b>6.2.11
+              ttp:timeBase</b></a></p>
+            </li>
+          </ul>
+          <p>Unless explicitly stated otherwise, linear white-space (LWSP) may appear
+          between tokens of a value of a TT Parameter.</p>
+          <div class="div3">
+            <h4><a name="parameter-attribute-cellResolution"
+            id="parameter-attribute-cellResolution"></a>6.2.1 ttp:cellResolution</h4>
+            <p>The <code>ttp:cellResolution</code> attribute may be used by an author to
+            express the number of horizontal and vertical cells into which the root
+            container region area is divided for the purpose of expressing presentation
+            semantics in terms of a uniform grid.</p>
+            <p>If specified, the value of this attribute must adhere to the following
+            syntax:</p>
+            <table summary="HTML Table" id="parameter-attribute-cellResolution-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – ttp:cellResolution
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+ttp:cellResolution
+  : columns rows                            // <em>columns</em> != 0; <em>rows</em> != 0
+columns | rows
+  : <a href="#style-value-digit">&lt;digit&gt;</a>+
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If not specified, the number of columns and rows must be considered to be
+            32 and 15, respectively. If specified, then columns or rows must not be zero
+            (0).</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The choice of values 32 and 15 are based on this being the maximum
+              number of columns and rows defined by <a
+              href="#cea608c">[CEA-608-C]</a>.</p>
+            </div>
+            <p>A <code>ttp:cellResolution</code> attribute is considered to be
+            significant only when specified on the <code>tt</code> element.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The use of a uniform grid is employed only for the purpose of measuring
+              lengths and expressing coordinates. In particular, it is not assumed that
+              the presentation of text or the alignment of individual glyph areas is
+              coordinated with this grid. Such alignment is possible, but requires the
+              use of a monospaced font and a font size whose EM square exactly matches
+              the cell size.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="parameter-attribute-clockMode"
+            id="parameter-attribute-clockMode"></a>6.2.2 ttp:clockMode</h4>
+            <p>The <code>ttp:clockMode</code> attribute is used to specify the
+            interpretation of time expressions as real-time time coordinates when
+            operating with time base of <code>clock</code> as defined by <a
+            href="#parameter-attribute-timeBase"><b>6.2.11 ttp:timeBase</b></a>.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>See <a href="#timing-time-value-expressions"><b>10.3 Time Value
+              Expressions</b></a> for the specification of time expression syntax.</p>
+            </div>
+            <p>If specified, the value of this attribute must adhere to the following
+            syntax:</p>
+            <table summary="HTML Table" id="parameter-attribute-clockMode-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – ttp:clockMode
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+ttp:clockMode
+  : "local"
+  | "gps"
+  | "utc"
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the time base, defined by <a
+            href="#parameter-attribute-timeBase"><b>6.2.11 ttp:timeBase</b></a>, is
+            designated as <code>clock</code>, then this parameter applies as follows: if
+            the parameter's value is <code>local</code>, then time expressions are
+            interpreted as local wall-clock time coordinates; if <code>utc</code>, then
+            time expressions are interpreted as UTC time coordinates <a
+            href="#utc">[UTC]</a>; if <code>gps</code>, then time expressions are
+            interpreted as GPS time coordinates <a href="#gps">[GPS]</a>.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The primary difference between GPS time and UTC time is that GPS time is
+              not adjusted for leap seconds, while UTC time is adjusted as follows: UTC =
+              TAI (<em>Temp Atomique International</em>) + <em>leap seconds accumulated
+              since 1972</em>. TAI is maintained by the <em>Bureau International des
+              Poids et Mesures</em> (BIPM) in Sevres, France. The GPS system time is
+              steered to a Master Clock (MC) at the US Naval Observatory which is kept
+              within a close but unspecified tolerance of TAI.</p>
+            </div>
+            <p>If not specified, the value of this parameter must be considered to be
+            <code>utc</code>.</p>
+            <p>A <code>ttp:clockMode</code> attribute is considered to be significant
+            only when specified on the <code>tt</code> element.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="parameter-attribute-frameRate"
+            id="parameter-attribute-frameRate"></a>6.2.3 ttp:frameRate</h4>
+            <p>The <code>ttp:frameRate</code> attribute is used to specify the frame rate
+            of a related media object or the intrinsic frame rate of a document instance
+            in case it is intended to function as an independent media object.</p>
+            <p>If specified, the value of this attribute must adhere to the following
+            syntax:</p>
+            <table summary="HTML Table" id="parameter-attribute-frameRate-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – ttp:frameRate
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+ttp:frameRate
+  : <a
+href="#style-value-digit">&lt;digit&gt;</a>+                                // <em>value</em> &gt; 0
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The frame rate that applies to a document instance is used to interpret
+            time expressions that are expressed in <em>frames</em> as defined by <a
+            href="#timing-value-timeExpression"><b>10.3.1
+            &lt;timeExpression&gt;</b></a>.</p>
+            <p>A frame is interpreted as a division of a second of media time, such that
+            if the frame rate is specified as <em>F</em>, then a second of media time is
+            divided into <em>F</em> intervals of equal duration, where each interval is
+            labeled as frame <em>f</em>, with <em>f</em> ∈ [0…<em>F−1</em>].</p>
+            <p>If not specified, the frame rate must be considered to be equal to some
+            application defined frame rate, or if no application defined frame rate
+            applies, then thirty (30) frames per second. If specified, then the frame
+            rate must be greater than zero (0).</p>
+            <p>A <code>ttp:frameRate</code> attribute is considered to be significant
+            only when specified on the <code>tt</code> element.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="parameter-attribute-frameRateMultiplier"
+            id="parameter-attribute-frameRateMultiplier"></a>6.2.4
+            ttp:frameRateMultiplier</h4>
+            <p>The <code>ttp:frameRateMultiplier</code> attribute is used to specify a
+            multiplier to be applied to the frame rate specified by a
+            <code>ttp:frameRate</code> attribute in order to compute the effective frame
+            rate.</p>
+            <p>If specified, the value of this attribute must adhere to the following
+            syntax:</p>
+            <table summary="HTML Table"
+            id="parameter-attribute-frameRateMultiplier-syntax" class="syntax">
+              <caption>
+                Syntax Representation – ttp:frameRateMultiplier
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+ttp:frameRateMultiplier
+  : numerator ( ":" denominator )?          // <em>denominator</em> != 0
+numerator | denominator
+  : <a href="#style-value-digit">&lt;digit&gt;</a>+
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>A frame rate multiplier is used when the desired frame rate cannot be
+            expressed as an integral number of frames per second.</p>
+            <p>If not specified, the frame rate multiplier must be considered to be equal
+            to one (1:1). If a denominator is specified, then it must not be zero
+            (0).</p>
+            <p>A <code>ttp:frameRateMultiplier</code> attribute is considered to be
+            significant only when specified on the <code>tt</code> element.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The frame rate multiplier used for synchronizing with NTSC <a
+              href="#smpte170m">[SMPTE 170M]</a> formatted video objects at 30 frames per
+              second is nominally 1000:1001. The nominal frame rate of NTSC video is
+              defined as the chrominance sub-carrier frequency of 3,579,545.45…Hz (=
+              5.0MHz × 63/88) times the ratio 2/455 divided by the number of horizontal
+              lines per frame of 525, which yields a frame rate of 29.970029970029… (= 30
+              × 1000/1001) frames per second. Other frame rate multipliers apply to
+              different regions of usage and video format standards.</p>
+            </div>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>Except in the case of PAL/M, the frame rate multiplier used for
+              synchronizing with PAL formatted video objects at 25 frames per second is
+              nominally 1:1.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="parameter-attribute-markerMode"
+            id="parameter-attribute-markerMode"></a>6.2.5 ttp:markerMode</h4>
+            <p>The <code>ttp:markerMode</code> attribute is used to specify constraints
+            on the interpretation and use of time expressions that correspond with <a
+            href="#smpte12m">[SMPTE 12M]</a> time coordinates when operating with time
+            base of <code>smpte</code> as defined by <a
+            href="#parameter-attribute-timeBase"><b>6.2.11 ttp:timeBase</b></a>.</p>
+            <p>If specified, the value of this attribute must adhere to the following
+            syntax:</p>
+            <table summary="HTML Table" id="parameter-attribute-markerMode-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – ttp:markerMode
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+ttp:markerMode
+  : "continuous"
+  | "discontinuous"
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the time base, defined by <a
+            href="#parameter-attribute-timeBase"><b>6.2.11 ttp:timeBase</b></a>, is
+            designated as <code>smpte</code>, then this parameter applies as follows: if
+            the parameter's value is <code>continuous</code>, then <a
+            href="#smpte12m">[SMPTE 12M]</a> time coordinates may be assumed to be linear
+            and either monotonically increasing or decreasing; however, if
+            <code>discontinuous</code>, then any assumption must not be made regarding
+            linearity or monotonicity of time coordinates.</p>
+            <p>If not specified, the value of this parameter must be considered to be
+            <code>continuous</code>.</p>
+            <p>A <code>ttp:markerMode</code> attribute is considered to be significant
+            only when specified on the <code>tt</code> element.</p>
+            <p>If a value of <code>discontinuous</code> applies, then time expressions
+            must not be converted to either media time or real time coordinates,
+            arithmetical operators (addition, multiplication) are not defined on time
+            expressions, and, consequently, any expression of a duration must be
+            ignored.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>When operating with <code>smpte</code> time base and
+              <code>discontinuous</code> marker mode, there is no effective time
+              coordinate space; rather, all time expressions are interpreted as labeled
+              synchronization events (markers), where some external synchronization
+              context emits these events, which, when they correspond with time
+              expressions that denote the same label, cause a temporal interval to begin
+              or end accordingly.</p>
+              <p>An additional side-effect of operating in <code>discontinuous</code>
+              mode is that time expressions of children have no necessary relationship
+              with time expressions of their temporal container; that is, temporal
+              containers and children of these containers are temporally activated and
+              inactivated independently based on the occurrence of a labeled
+              synchronization (marker) event.</p>
+            </div>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The notion of marker discontinuity as captured by this parameter is
+              logically independent from the method used to count frames as expressed by
+              the <code>ttp:smpteMode</code> parameter. In particular, even if the
+              <code>ttp:smpteMode</code> parameter is specified as <code>dropNTSC</code>
+              or <code>dropPAL</code>, the marker mode may be specified as
+              <code>continuous</code>, even in the presence of frame count
+              discontinuities induced by the frame counting method, unless there were
+              some other non-linearity or discontinuity in marker labeling, for example,
+              two consecutive frames labeled as <code>10:00:00:00</code> and
+              <code>10:00:01:00</code>.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="parameter-attribute-pixelAspectRatio"
+            id="parameter-attribute-pixelAspectRatio"></a>6.2.6 ttp:pixelAspectRatio</h4>
+            <p>The <code>ttp:pixelAspectRatio</code> attribute may be used by a content
+            author to express the aspect ratio of non-square pixels in the production of
+            content that makes use of pixel coordinates.</p>
+            <p>If specified, the value of this attribute must adhere to the following
+            syntax:</p>
+            <table summary="HTML Table" id="parameter-attribute-pixelAspectRatio-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – ttp:pixelAspectRatio
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+ttp:pixelAspectRatio
+  : width ":" height                        // <em>width</em> != 0; <em>height</em> != 0
+width | height
+  : <a href="#style-value-digit">&lt;digit&gt;</a>+
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If not specified, then square pixels (i.e., aspect ratio 1:1) must be
+            assumed to apply. If specified, then width or height must not be zero.</p>
+            <p>A <code>ttp:pixelAspectRatio</code> attribute is considered to be
+            significant only when specified on the <code>tt</code> element.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>This parameter may be used by a content transcoder or translator in
+              order to convert pixel measurements between different pixel aspect ratios
+              while still maintaining authorial layout intentions.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="parameter-attribute-profile"
+            id="parameter-attribute-profile"></a>6.2.7 ttp:profile</h4>
+            <p>The <code>ttp:profile</code> attribute may be used by a content author to
+            express the profile of the Timed Text Authoring Format (TT AF) used in a
+            document instance.</p>
+            <p>If specified, the value of this attribute must adhere to the
+            <code>xsd:anyURI</code> data type defined by <a href="#xsd-2">[XML Schema
+            Part 2]</a>, §3.2.17, and, further, must specify a profile URI as defined by
+            <a href="#vocabulary-profiles"><b>5.2 Profiles</b></a>.</p>
+            <p>If not specified, then the Distribution Format Exchange Profile (DFXP)
+            must be assumed to apply.</p>
+            <p>A <code>ttp:profile</code> attribute is considered to be significant only
+            when specified on the <code>tt</code> element.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="parameter-attribute-smpteMode"
+            id="parameter-attribute-smpteMode"></a>6.2.8 ttp:smpteMode</h4>
+            <p>The <code>ttp:smpteMode</code> attribute is used to specify constraints on
+            the interpretation and use of frame counts that correspond with <a
+            href="#smpte12m">[SMPTE 12M]</a> time coordinates when operating with time
+            base of <code>smpte</code> as defined by <a
+            href="#parameter-attribute-timeBase"><b>6.2.11 ttp:timeBase</b></a>.</p>
+            <p>If specified, the value of this attribute must adhere to the following
+            syntax:</p>
+            <table summary="HTML Table" id="parameter-attribute-smpteMode-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – ttp:smpteMode
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+ttp:smpteMode
+  : "dropNTSC"
+  | "dropPAL"
+  | "nonDrop"
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the time base, defined by <a
+            href="#parameter-attribute-timeBase"><b>6.2.11 ttp:timeBase</b></a>, is
+            designated as <code>smpte</code>, then this parameter applies as follows: if
+            the parameter's value is <code>nonDrop</code>, then, within any given second
+            of a time expression, frames count from 0 to <em>N−1</em>, where <em>N</em>
+            is the value specified by the <code>ttp:frameRate</code> parameter, but while
+            ignoring any value specified by the <code>ttp:frameRateMultiplier</code>
+            parameter.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>When operating in <code>nonDrop</code> mode, a second of a time
+              expression may or may not be equal to a second of real time during normal
+              (1x speed) forward playback. If the <code>ttp:frameRateMultiplier</code>
+              parameter is specified and is not equal to 1:1, then a second of a time
+              expression will either be shorter or longer than a second of elapsed play
+              in real time.</p>
+            </div>
+            <p>If this parameter's value is <code>dropNTSC</code>, then, within any given
+            second of a time expression except the second <code>00</code>, frames count
+            from 0 to <em>N−1</em>, where <em>N</em> is the value specified by the
+            <code>ttp:frameRate</code> parameter, but while ignoring any value specified
+            by the <code>ttp:frameRateMultiplier</code> parameter. If the second of a
+            time expression is <code>00</code> and the minute of the time expression is
+            not <code>00</code>, <code>10</code>, <code>20</code>, <code>30</code>,
+            <code>40</code>, or <code>50</code>, then frame codes <code>00</code> and
+            <code>01</code> are dropped during that second; otherwise, these frame codes
+            are not dropped.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>For example, when operating in <code>dropNTSC</code> mode with
+              <code>ttp:frameRate</code> of <code>30</code>, a discontinuity in frame
+              count occurs between consecutive frames as shown in the following sequence
+              of time expressions: <code>01:08:59:28</code>, <code>01:08:59:29</code>,
+              <code>01:09:00:02</code>, <code>01:09:00:03</code>.</p>
+            </div>
+            <p>If this parameter's value is <code>dropPAL</code>, then, within any given
+            second of a time expression except the second <code>00</code>, frames count
+            from 0 to <em>N−1</em>, where <em>N</em> is the value specified by the
+            <code>ttp:frameRate</code> parameter, but while ignoring any value specified
+            by the <code>ttp:frameRateMultiplier</code> parameter. If the second of a
+            time expression is <code>00</code> and the minute of the time expression is
+            even but not <code>00</code>, <code>20</code>, or <code>40</code>, then frame
+            codes <code>00</code> through <code>03</code> are dropped during that second;
+            otherwise, these frame codes are not dropped.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>For example, when operating in <code>dropPAL</code> mode with
+              <code>ttp:frameRate</code> of <code>30</code>, a discontinuity in frame
+              count occurs between consecutive frames as shown in the following sequence
+              of time expressions: <code>01:09:59:28</code>, <code>01:09:59:29</code>,
+              <code>01:10:00:04</code>, <code>01:10:00:04</code>.</p>
+            </div>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The <code>dropPAL</code> mode is also known as the <em>M/PAL</em> or
+              <em>PAL (M)</em> drop-frame code, which uses PAL modulation with the NTSC
+              frame rate of ~29.97 frames/second. The M/PAL system is used primarily in
+              Brazil.</p>
+            </div>
+            <p>If not specified, then <code>nonDrop</code> must be assumed to apply.</p>
+            <p>A <code>ttp:smpteMode</code> attribute is considered to be significant
+            only when specified on the <code>tt</code> element.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="parameter-attribute-subFrameRate"
+            id="parameter-attribute-subFrameRate"></a>6.2.9 ttp:subFrameRate</h4>
+            <p>The <code>ttp:subFrameRate</code> attribute is used to specify the
+            sub-frame rate of a related media object or the intrinsic sub-frame rate of a
+            document instance in case it is intended to function as an independent media
+            object.</p>
+            <p>If specified, the value of this attribute must adhere to the following
+            syntax:</p>
+            <table summary="HTML Table" id="parameter-attribute-subFrameRate-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – ttp:subFrameRate
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+ttp:subFrameRate
+  : <a
+href="#style-value-digit">&lt;digit&gt;</a>+                                // <em>value</em> &gt; 0
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The sub-frame rate that applies to a document instance is used to
+            interpret time expressions that are expressed in <em>sub-frames</em> as
+            defined by <a href="#timing-value-timeExpression"><b>10.3.1
+            &lt;timeExpression&gt;</b></a>.</p>
+            <p>A sub-frame is interpreted as a division of a frame of media time, such
+            that if the sub-frame rate is specified as <em>S</em>, then a frame of media
+            time is divided into <em>S</em> intervals of equal duration, where each
+            interval is labeled as sub-frame <em>s</em>, with <em>s</em> ∈
+            [0…<em>S−1</em>].</p>
+            <p>If not specified, the sub-frame rate must be considered to be equal to one
+            (1). If specified, then the sub-frame rate must be greater than zero (0).</p>
+            <p>A <code>ttp:subFrameRate</code> attribute is considered to be significant
+            only when specified on the <code>tt</code> element.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The sub-frame is sometimes referred to as a <em>field</em> in the
+              context of synchronization with an interlaced video media object.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="parameter-attribute-tickRate"
+            id="parameter-attribute-tickRate"></a>6.2.10 ttp:tickRate</h4>
+            <p>The <code>ttp:tickRate</code> attribute is used to specify the tick rate
+            of a related media object or the intrinsic tick rate of content of a document
+            instance in case it is intended to function as an independent media
+            object.</p>
+            <p>If specified, the value of this attribute must adhere to the following
+            syntax:</p>
+            <table summary="HTML Table" id="parameter-attribute-tickRate-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – ttp:tickRate
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+ttp:tickRate
+  : <a
+href="#style-value-digit">&lt;digit&gt;</a>+                                // <em>value</em> &gt; 0
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The tick rate that applies to a document instance is used to interpret
+            time expressions that are expressed in <em>ticks</em> by using the
+            <code>t</code> metric as defined by <a
+            href="#timing-value-timeExpression"><b>10.3.1
+            &lt;timeExpression&gt;</b></a>.</p>
+            <p>A tick is interpreted as an integral division of a second of media time,
+            such that if the tick rate is specified as <em>T</em>, then a second of media
+            time is divided into <em>T</em> intervals of equal duration, where each
+            interval is labeled as tick <em>t</em>, with <em>t</em> ∈
+            [0…<em>T−1</em>].</p>
+            <p>If not specified, then if a frame rate is specified, the tick rate must be
+            considered to be the effective frame rate multiplied by the sub-frame rate
+            (i.e., ticks are interpreted as sub-frames); or, if no frame rate is
+            specified, the tick rate must be considered to be one (1) tick per second of
+            media time. If specified, then the tick rate must not be zero (0).</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>There is no predefined relationship between ticks and frames or
+              sub-frames. Ticks are an arbitrary division of seconds that permit use of
+              fixed point arithmetic rather than fractional (and potentially inexact)
+              expressions of seconds.</p>
+            </div>
+            <p>A <code>ttp:tickRate</code> attribute is considered to be significant only
+            when specified on the <code>tt</code> element.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="parameter-attribute-timeBase"
+            id="parameter-attribute-timeBase"></a>6.2.11 ttp:timeBase</h4>
+            <p>The <code>ttp:timeBase</code> attribute is used to specify the temporal
+            coordinate system by means of which time expressions are interpreted in a
+            document instance.</p>
+            <p>If specified, the value of this attribute must adhere to the following
+            syntax:</p>
+            <table summary="HTML Table" id="parameter-attribute-timeBase-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – ttp:timeBase
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+ttp:timeBase
+  : "media"
+  | "smpte"
+  | "clock"
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the time base is designated as <code>media</code>, then a time
+            expression denotes a coordinate in some media object's time line, where the
+            media object may be an external media object with which the content of a
+            document instance is to be synchronized, or it may be the content of a
+            document instance itself in a case where the timed text content is intended
+            to establish an independent time line.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>When using a media time base, if that time base is paused or scaled
+              positively or negatively, then it is expected that the presentation of
+              associated Timed Text content will be similarly paused, accelerated, or
+              decelerated, respectively. The means for controlling an external media time
+              base is outside the scope of this specification.</p>
+            </div>
+            <p>If the time base is designated as <code>smpte</code>, then a time
+            expression denotes a <a href="#smpte12m">[SMPTE 12M]</a> time coordinate with
+            which the content of a document instance is to be synchronized. In this case,
+            the value of the <code>ttp:markerMode</code> and <code>ttp:smpteMode</code>
+            parameters apply, as defined by <a
+            href="#parameter-attribute-markerMode"><b>6.2.5 ttp:markerMode</b></a> and <a
+            href="#parameter-attribute-smpteMode"><b>6.2.8 ttp:smpteMode</b></a>,
+            respectively</p>
+            <p>If the time base is designated as <code>clock</code>, then the time
+            expression denotes a coordinate in some real-world time line as established
+            by some real-time clock, such as the local wall-clock time or UTC
+            (Coordinated Universal Time) or GPS (Global Positioning System) time
+            lines.</p>
+            <p>If not specified, the default time base must be considered to be
+            <code>media</code>.</p>
+            <p>A <code>ttp:timeBase</code> attribute is considered to be significant only
+            when specified on the <code>tt</code> element.</p>
+            <p>When operating with either <code>media</code> or <code>smpte</code> time
+            bases, a diachronic presentation of a document instance may be subject to
+            transformations of the controlling time line, such as temporal reversal,
+            dilation (expansion), or constriction (compression); however, when operating
+            with the <code>clock</code> time base, no transformations are permitted, and
+            diacrhonic presentation proceeds on a linear, monotonically increasing time
+            line based on the passage of real time.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>Due to there being only one time base parameter that applies to a given
+              document instance, the interpretation of time expressions is uniform
+              throughout the document instance.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="div1">
+        <h2><a name="content" id="content"></a>7 Content</h2>
+        <p>This section specifies the <em>content</em> matter of the core vocabulary
+        catalog.</p>
+        <div class="div2">
+          <h3><a name="content-element-vocabulary"
+          id="content-element-vocabulary"></a>7.1 Element Vocabulary</h3>
+          <p>The following elements specify the structure and principal content aspects
+          of a document instance:</p>
+          <ul>
+            <li>
+              <p><a href="#document-structure-vocabulary-tt"><b>7.1.1 tt</b></a></p>
+            </li>
+            <li>
+              <p><a href="#document-structure-vocabulary-head"><b>7.1.2 head</b></a></p>
+            </li>
+            <li>
+              <p><a href="#document-structure-vocabulary-body"><b>7.1.3 body</b></a></p>
+            </li>
+            <li>
+              <p><a href="#content-vocabulary-div"><b>7.1.4 div</b></a></p>
+            </li>
+            <li>
+              <p><a href="#content-vocabulary-p"><b>7.1.5 p</b></a></p>
+            </li>
+            <li>
+              <p><a href="#content-vocabulary-span"><b>7.1.6 span</b></a></p>
+            </li>
+            <li>
+              <p><a href="#content-vocabulary-br"><b>7.1.7 br</b></a></p>
+            </li>
+          </ul>
+          <div class="div3">
+            <h4><a name="document-structure-vocabulary-tt"
+            id="document-structure-vocabulary-tt"></a>7.1.1 tt</h4>
+            <p>The <code>tt</code> element serves as the root, document element of a
+            document instance.</p>
+            <p>The <code>tt</code> element accepts as its children zero or one
+            <code>head</code> element followed by zero or one <code>body</code>
+            element.</p>
+            <table summary="HTML Table" id="elt-syntax-tt" class="syntax">
+              <caption>
+                XML Representation – Element Information Item: tt
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;tt
+  <a href="#content-attribute-id">xml:id</a> = ID
+  <a href="#content-attribute-lang"><span class="reqattr">xml:lang</span></a> = string
+  <a
+href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>) : default
+  {<em>any attribute in TT Parameter namespace ...</em>}
+  {<em>any attribute not in default or any TT namespace ...</em>}&gt;
+  <em>Content:</em> <a href="#document-structure-vocabulary-head">head</a>?, <a
+href="#document-structure-vocabulary-body">body</a>?
+&lt;/tt&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The temporal beginning and ending of a document instance represented by a
+            <code>tt</code> element is defined in relationship with some external
+            application or presentation context. The temporal interval defined by these
+            points is referred to subsequently as the <em>external time
+            interval</em>.</p>
+            <p>A document instance has an implicit duration that is equal to the implicit
+            duration of the <code>body</code> element of the document, if present, or
+            zero, if not present.</p>
+            <p>An <code>xml:lang</code> attribute must be specified on the
+            <code>tt</code> element. If the attribute value is empty, it signifies that
+            there is no default language that applies to the text contained within the
+            document instance.</p>
+            <p>If no <code>xml:space</code> attribute is specified upon the
+            <code>tt</code> element, then it must be considered as if the attribute had
+            been specified with a value of <code>default</code>.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="document-structure-vocabulary-head"
+            id="document-structure-vocabulary-head"></a>7.1.2 head</h4>
+            <p>The <code>head</code> element is a container element used to group header
+            matter, including metadata, styling, and layout information.</p>
+            <p>The <code>head</code> element accepts as its children zero or more
+            elements in the <code>Metadata.class</code> element group, followed by zero
+            or one <code>styling</code> element, followed by zero or one
+            <code>layout</code> element.</p>
+            <p>Any metadata specified by children in the <code>Metadata.class</code>
+            element group applies semantically to the document instance as a whole, and
+            not just the <code>head</code> element.</p>
+            <p>A <code>styling</code> child element is used to specify style constructs
+            that are referenced from other style constructs, by layout constructs, and by
+            content elements.</p>
+            <p>A <code>layout</code> child element is used to specify layout constructs
+            that are referenced by content elements.</p>
+            <table summary="HTML Table" id="elt-syntax-head" class="syntax">
+              <caption>
+                XML Representation – Element Information Item: head
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;head
+  <a href="#content-attribute-id">xml:id</a> = ID
+  <a href="#content-attribute-lang">xml:lang</a> = string
+  <a
+href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>)&gt;
+  <em>Content:</em> <a href="#element-vocab-group-table">Metadata.class</a>*, <a
+href="#styling-vocabulary-styling">styling</a>?, <a
+href="#layout-vocabulary-layout">layout</a>?
+&lt;/head&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>To the extent that time semantics apply to the content of the
+            <code>head</code> element, the implied time interval of this element is
+            defined to be coterminous with the external time interval.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="document-structure-vocabulary-body"
+            id="document-structure-vocabulary-body"></a>7.1.3 body</h4>
+            <p>The <code>body</code> element functions as a logical container and a
+            temporal structuring element for a sequence of textual content units
+            represented as logical divisions.</p>
+            <p>The <code>body</code> element accepts as its children zero or more
+            elements in the <code>Metadata.class</code> element group, followed by zero
+            or more elements in the <code>Animation.class</code> element group, followed
+            by zero or more <code>div</code> elements.</p>
+            <p>Any metadata specified by children in the <code>Metadata.class</code>
+            element group applies semantically to the <code>body</code> element and its
+            descendants as a whole.</p>
+            <p>Any animation elements specified by children in the
+            <code>Animation.class</code> element group apply semantically to the
+            <code>body</code> element.</p>
+            <table summary="HTML Table" id="elt-syntax-body" class="syntax">
+              <caption>
+                XML Representation – Element Information Item: body
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;body
+  <a href="#timing-attribute-begin">begin</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#timing-attribute-dur">dur</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#timing-attribute-end">end</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#layout-attribute-region">region</a> = IDREF
+  <a href="#style-attribute-style">style</a> = IDREFS
+  <a
+href="#timing-attribute-timeContainer">timeContainer</a> = (<em>par</em>|<em>seq</em>)
+  <a href="#content-attribute-id">xml:id</a> = ID
+  <a href="#content-attribute-lang">xml:lang</a> = string
+  <a href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>)
+  {<em>any attribute in TT Metadata namespace ...</em>}
+  {<em>any attribute in TT Style namespace ...</em>}
+  {<em>any attribute not in default or any TT namespace ...</em>}&gt;
+  <em>Content:</em> <a href="#element-vocab-group-table">Metadata.class</a>*, <a
+href="#element-vocab-group-table">Animation.class</a>*, <a
+href="#content-vocabulary-div">div</a>*
+&lt;/body&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>An author may specify a temporal interval for a <code>body</code> element
+            using the <code>begin</code>, <code>dur</code>, and <code>end</code>
+            attributes. If the begin point of this interval remains unspecified, then the
+            begin point is interpreted as the begin point of the external time interval.
+            Similarly, if the end point of this interval remains unspecified, then the
+            end point is interpreted as the end point of the external time interval.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>A TT AF document instance referenced from a SMIL presentation is
+              expected to follow the same timing rules as apply to other SMIL media
+              objects.</p>
+            </div>
+            <p>If relative begin or end times are specified on the <code>body</code>
+            element, then these times are resolved by reference to the begin and end time
+            of the external time interval.</p>
+            <p>If the external time interval is shorter than the computed duration of the
+            <code>body</code> element, then the active time interval of a document
+            instance is truncated to the active end point of the external time
+            interval.</p>
+            <p>If no <code>timeContainer</code> attribute is specified, then a
+            <code>body</code> element must be interpreted as having <em>sequential</em>
+            time containment semantics.</p>
+            <p>If the <code>tts:extent</code> attribute is specified on the
+            <code>body</code> element, then it specifies the spatial extent of the root
+            container region in which content regions are located and presented. If no
+            <code>tts:extent</code> attribute is specified, then the spatial extent of
+            the root container region is considered to be determined by the external
+            authoring or presentation context.</p>
+            <p>An author may associate a set of style properties with a <code>body</code>
+            element by means of either the <code>style</code> attribute or inline style
+            attributes or a combination thereof.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>Style properties that are associated with a <code>body</code> element in
+              a document instance are available for style inheritance by descendant
+              content elements such as <code>div</code>, <code>p</code>, and
+              <code>span</code>.</p>
+            </div>
+            <p>The declared value of an inline style attribute on a <code>body</code>
+            element must not be <code>inherit</code>.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="content-vocabulary-div" id="content-vocabulary-div"></a>7.1.4
+            div</h4>
+            <p>The <code>div</code> element functions as a logical container and a
+            temporal structuring element for a sequence of textual content units
+            represented as logical paragraphs.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>When rendered on a continuous (non-paged) visual presentation medium, a
+              <code>div</code> element is expected to generate a single block area that
+              contains zero or more child block areas generated by the <code>div</code>
+              element's child <code>p</code> elements.</p>
+              <p>If the single block area generated by a <code>div</code> element does
+              not contain any child areas, then it is not expected to be presented.</p>
+            </div>
+            <p>The <code>div</code> element accepts as its children zero or more elements
+            in the <code>Metadata.class</code> element group, followed by zero or more
+            elements in the <code>Animation.class</code> element group, followed by zero
+            or more <code>p</code> elements.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The core vocabulary intentionally does not support nested divisions in
+              order to reduce the complexity of the profile to match that of the legacy
+              distribution formats with which the core vocabulary was designed to
+              interoperate.</p>
+            </div>
+            <p>Any metadata specified by children in the <code>Metadata.class</code>
+            element group applies semantically to the <code>div</code> element and its
+            descendants as a whole.</p>
+            <p>Any animation elements specified by children in the
+            <code>Animation.class</code> element group apply semantically to the
+            <code>div</code> element.</p>
+            <table summary="HTML Table" id="elt-syntax-div" class="syntax">
+              <caption>
+                XML Representation – Element Information Item: div
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;div
+  <a href="#timing-attribute-begin">begin</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#timing-attribute-dur">dur</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#timing-attribute-end">end</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#layout-attribute-region">region</a> = IDREF
+  <a href="#style-attribute-style">style</a> = IDREFS
+  <a
+href="#timing-attribute-timeContainer">timeContainer</a> = (<em>par</em>|<em>seq</em>)
+  <a href="#content-attribute-id">xml:id</a> = ID
+  <a href="#content-attribute-lang">xml:lang</a> = string
+  <a href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>)
+  {<em>any attribute in TT Metadata namespace ...</em>}
+  {<em>any attribute in TT Style namespace ...</em>}
+  {<em>any attribute not in default or any TT namespace ...</em>}&gt;
+  <em>Content:</em> <a href="#element-vocab-group-table">Metadata.class</a>*, <a
+href="#element-vocab-group-table">Animation.class</a>*, <a
+href="#element-vocab-group-table">Block.class</a>*
+&lt;/div&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If no <code>timeContainer</code> attribute is specified, then a
+            <code>div</code> element must be interpreted as having <em>parallel</em> time
+            containment semantics.</p>
+            <p>An author may associate a set of style properties with a <code>div</code>
+            element by means of either the <code>style</code> attribute or inline style
+            attributes or a combination thereof.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>Style properties that are associated to a <code>div</code> element in a
+              document instance are available for style inheritance by descendant content
+              elements such as <code>p</code> and <code>span</code>.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="content-vocabulary-p" id="content-vocabulary-p"></a>7.1.5 p</h4>
+            <p>A <code>p</code> element represents a logical paragraph, serving as a
+            transition between block level and inline level formatting semantics.</p>
+            <p>The <code>p</code> element accepts as its children zero or more elements
+            in the <code>Metadata.class</code> element group, followed by zero or more
+            elements in the <code>Animation.class</code> element group, followed by zero
+            or more <code>span</code> element, <code>br</code> element, or text nodes
+            interpreted as anonymous spans.</p>
+            <p>Any metadata specified by children in the <code>Metadata.class</code>
+            element group applies semantically to the <code>p</code> element and its
+            descendants as a whole.</p>
+            <p>Any animation elements specified by children in the
+            <code>Animation.class</code> element group apply semantically to the
+            <code>p</code> element.</p>
+            <table summary="HTML Table" id="elt-syntax-p" class="syntax">
+              <caption>
+                XML Representation – Element Information Item: p
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;p
+  <a href="#timing-attribute-begin">begin</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#timing-attribute-dur">dur</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#timing-attribute-end">end</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#layout-attribute-region">region</a> = IDREF
+  <a href="#style-attribute-style">style</a> = IDREFS
+  <a
+href="#timing-attribute-timeContainer">timeContainer</a> = (<em>par</em>|<em>seq</em>)
+  <a href="#content-attribute-id">xml:id</a> = ID
+  <a href="#content-attribute-lang">xml:lang</a> = string
+  <a href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>)
+  {<em>any attribute in TT Metadata namespace ...</em>}
+  {<em>any attribute in TT Style namespace ...</em>}
+  {<em>any attribute not in default or any TT namespace ...</em>}&gt;
+  <em>Content:</em> <a href="#element-vocab-group-table">Metadata.class</a>*, <a
+href="#element-vocab-group-table">Animation.class</a>*, <a
+href="#element-vocab-group-table">Inline.class</a>*
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If a sequence of children of a <code>p</code> element consists solely of
+            character information items, then that sequence must be considered to be an
+            <em>anonymous span</em> for the purpose of applying style properties that
+            apply to <code>span</code> elements.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="content-vocabulary-span" id="content-vocabulary-span"></a>7.1.6
+            span</h4>
+            <p>The <code>span</code> element functions as a logical container and a
+            temporal structuring element for a sequence of textual content units having
+            inline level formatting semantics.</p>
+            <p>When presented on a visual medium, a <code>span</code> element is intended
+            to generate a sequence of inline areas, each containing one or more glyph
+            areas.</p>
+            <p>The <code>span</code> element accepts as its children zero or more
+            elements in the <code>Metadata.class</code> element group, followed by zero
+            or more elements in the <code>Animation.class</code> element group, followed
+            by zero or more <code>br</code> element or text nodes interpreted as
+            anonymous spans.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The core vocabulary intentionally does not support nested spans in order
+              to reduce the complexity of the profile to match that of the legacy
+              distribution formats with which the core vocabulary was designed to
+              interoperate.</p>
+            </div>
+            <p>Any metadata specified by children in the <code>Metadata.class</code>
+            element group applies semantically to the <code>span</code> element and its
+            descendants as a whole.</p>
+            <p>Any animation elements specified by children in the
+            <code>Animation.class</code> element group apply semantically to the
+            <code>span</code> element.</p>
+            <table summary="HTML Table" id="elt-syntax-span" class="syntax">
+              <caption>
+                XML Representation – Element Information Item: span
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;span
+  <a href="#timing-attribute-begin">begin</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#timing-attribute-dur">dur</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#timing-attribute-end">end</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#layout-attribute-region">region</a> = IDREF
+  <a href="#style-attribute-style">style</a> = IDREFS
+  <a
+href="#timing-attribute-timeContainer">timeContainer</a> = (<em>par</em>|<em>seq</em>)
+  <a href="#content-attribute-id">xml:id</a> = ID
+  <a href="#content-attribute-lang">xml:lang</a> = string
+  <a href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>)
+  {<em>any attribute in TT Metadata namespace ...</em>}
+  {<em>any attribute in TT Style namespace ...</em>}
+  {<em>any attribute not in default or any TT namespace ...</em>}&gt;
+  <em>Content:</em> <a href="#element-vocab-group-table">Metadata.class</a>*, <a
+href="#element-vocab-group-table">Animation.class</a>*, <a
+href="#element-vocab-group-table">Inline.class</a>*
+&lt;/span&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="div3">
+            <h4><a name="content-vocabulary-br" id="content-vocabulary-br"></a>7.1.7
+            br</h4>
+            <p>The <code>br</code> element denotes an explicit line break.</p>
+            <table summary="HTML Table" id="elt-syntax-br" class="syntax">
+              <caption>
+                XML Representation – Element Information Item: br
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;br
+  <a href="#style-attribute-style">style</a> = IDREFS
+  <a href="#content-attribute-id">xml:id</a> = ID
+  <a href="#content-attribute-lang">xml:lang</a> = string
+  <a href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>)
+  {<em>any attribute in TT Metadata namespace ...</em>}
+  {<em>any attribute in TT Style namespace ...</em>}
+  {<em>any attribute not in default or any TT namespace ...</em>}&gt;
+  <em>Content:</em> <a href="#element-vocab-group-table">Metadata.class</a>*, <a
+href="#element-vocab-group-table">Animation.class</a>*
+&lt;/br&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>When presented on a visual medium, the presence of a <code>br</code>
+            element must be interpreted as a forced line break.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The visual presentation of a <code>br</code> element is intended to
+              produce the same effect as the ASCII control code <code>CR</code> followed
+              by the control code <code>NL</code> when presented on a teletype device.
+              Therefore, two <code>br</code> elements in sequence will produce a
+              different effect than a single <code>br</code> element.</p>
+            </div>
+          </div>
+        </div>
+        <div class="div2">
+          <h3><a name="content-attribute-vocabulary"
+          id="content-attribute-vocabulary"></a>7.2 Attribute Vocabulary</h3>
+          <p>This section defines the following common attributes used with many or all
+          element types in the core vocabulary catalog:</p>
+          <ul>
+            <li>
+              <p><a href="#content-attribute-id"><b>7.2.1 xml:id</b></a></p>
+            </li>
+            <li>
+              <p><a href="#content-attribute-lang"><b>7.2.2 xml:lang</b></a></p>
+            </li>
+            <li>
+              <p><a href="#content-attribute-space"><b>7.2.3 xml:space</b></a></p>
+            </li>
+          </ul>
+          <div class="div3">
+            <h4><a name="content-attribute-id" id="content-attribute-id"></a>7.2.1
+            xml:id</h4>
+            <p>The <code>xml:id</code> attribute is used as defined by <a
+            href="#xmlid">[XML ID]</a>.</p>
+            <p>The <code>xml:id</code> attribute may be used with any element in the core
+            vocabulary catalog.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="content-attribute-lang" id="content-attribute-lang"></a>7.2.2
+            xml:lang</h4>
+            <p>The <code>xml:lang</code> attribute is used as defined by <a
+            href="#xml11">[XML 1.1]</a>, §2.12, <em>Language Identification</em>.</p>
+            <p>The <code>xml:lang</code> attribute must be specified on the
+            <code>tt</code> element and may be specified by an instance of any other
+            element type in the core vocabulary catalog.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="content-attribute-space" id="content-attribute-space"></a>7.2.3
+            xml:space</h4>
+            <p>The <code>xml:space</code> attribute is used as defined by <a
+            href="#xml11">[XML 1.1]</a>, §2.10, <em>White Space Handling</em>.</p>
+            <p>The <code>xml:space</code> attribute may be used with any element in the
+            core vocabulary catalog.</p>
+            <p>The semantics of the value <code>default</code> are fixed to mean that
+            when performing presentation processing of a document instance as described
+            by <a href="#semantics-region-layout-step-2"><b>9.3.2 Synchronic Flow
+            Processing</b></a>, processing must occur as if the following properties were
+            specified on the affected elements of the intermediate XSL-FO document:</p>
+            <ul>
+              <li>
+                <p><code>suppress-at-line-break="auto"</code></p>
+              </li>
+              <li>
+                <p><code>linefeed-treatment="treat-as-space"</code></p>
+              </li>
+              <li>
+                <p><code>white-space-collapse="true"</code></p>
+              </li>
+              <li>
+                <p>
+                <code>white-space-treatment="ignore-if-surrounding-linefeed"</code></p>
+              </li>
+            </ul>
+            <p>Similarly, the semantics of the value <code>preserve</code> are fixed to
+            mean that when performing presentation processing, processing must occur as
+            if the following properties were specified on the affected elements of the
+            intermediate XSL-FO document:</p>
+            <ul>
+              <li>
+                <p><code>suppress-at-line-break="retain"</code></p>
+              </li>
+              <li>
+                <p><code>linefeed-treatment="preserve"</code></p>
+              </li>
+              <li>
+                <p><code>white-space-collapse="false"</code></p>
+              </li>
+              <li>
+                <p><code>white-space-treatment="preserve"</code></p>
+              </li>
+            </ul>
+            <p>When performing other types of processing intended to eventually result in
+            a visual presentation by means other than those described in this
+            specification, the semantics of space collapsing and preservation as
+            described above should be respected. For other types of processing, the
+            treatment of the <code>xml:space</code> attribute is processor dependent, but
+            should respect the semantics described above if possible.</p>
+          </div>
+        </div>
+      </div>
+      <div class="div1">
+        <h2><a name="styling" id="styling"></a>8 Styling</h2>
+        <p>This section specifies the <em>styling</em> matter of the core vocabulary
+        catalog, where styling is to be understood as a separable layer of information
+        that applies to content and that denotes authorial intentions about the
+        presentation of that content.</p>
+        <p>No normative use of an <code>&lt;?xml-stylesheet ... ?&gt;</code> processing
+        instruction is defined by this specification.</p>
+        <div class="div2">
+          <h3><a name="styling-element-vocabulary"
+          id="styling-element-vocabulary"></a>8.1 Element Vocabulary</h3>
+          <p>The following elements specify the structure and principal styling aspects
+          of a document instance:</p>
+          <ul>
+            <li>
+              <p><a href="#styling-vocabulary-styling"><b>8.1.1 styling</b></a></p>
+            </li>
+            <li>
+              <p><a href="#styling-vocabulary-style"><b>8.1.2 style</b></a></p>
+            </li>
+          </ul>
+          <div class="div3">
+            <h4><a name="styling-vocabulary-styling"
+            id="styling-vocabulary-styling"></a>8.1.1 styling</h4>
+            <p>The <code>styling</code> element is a container element used to group
+            styling matter, including metadata that applies to styling matter.</p>
+            <p>The <code>styling</code> element accepts as its children zero or more
+            elements in the <code>Metadata.class</code> element group, followed by zero
+            or more <code>style</code> elements.</p>
+            <table summary="HTML Table" id="elt-syntax-styling" class="syntax">
+              <caption>
+                XML Representation – Element Information Item: styling
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;styling
+  <a href="#content-attribute-id">xml:id</a> = ID
+  <a href="#content-attribute-lang">xml:lang</a> = string
+  <a href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>)
+  {<em>any attribute not in default or any TT namespace ...</em>}&gt;
+  <em>Content:</em> <a href="#element-vocab-group-table">Metadata.class</a>*, <a
+href="#styling-vocabulary-style">style</a>*
+&lt;/styling&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>To the extent that time semantics apply to the content of the
+            <code>styling</code> element, the implied time interval of this element is
+            defined to be coterminous with the external time interval.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="styling-vocabulary-style"
+            id="styling-vocabulary-style"></a>8.1.2 style</h4>
+            <p>The <code>style</code> element is used to define a single style
+            specification or a set of style specifications.</p>
+            <p>The <code>style</code> element accepts as its children zero or more
+            <code>metadata</code> elements.</p>
+            <table summary="HTML Table" id="elt-syntax-style" class="syntax">
+              <caption>
+                XML Representation – Element Information Item: style
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;style
+  <a href="#style-attribute-style">style</a> = IDREFS
+  <a href="#content-attribute-id">xml:id</a> = ID
+  <a href="#content-attribute-lang">xml:lang</a> = string
+  <a href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>)
+  {<em>any attribute in TT Style namespace ...</em>}
+  {<em>any attribute in TT Style Extension namespace ...</em>}
+  {<em>any attribute not in default or any TT namespace ...</em>}&gt;
+  <em>Content:</em> <a href="#element-vocab-group-table">Metadata.class</a>*
+&lt;/style&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The declared value of an inline style attribute on a <code>style</code>
+            element must not be <code>inherit</code>.</p>
+            <p>A <code>style</code> element is considered to define a <em>computed style
+            specification set</em>, where the set is determined using the following
+            ordered rules:</p>
+            <ol type="1">
+              <li>
+                <p>If a <code>style</code> attribute is specified on the
+                <code>style</code> element, then the set must be initialized so as to
+                include each style specification contained in the <em>computed style
+                specification set</em> of each element referenced by the
+                <code>style</code> attribute. If the same named style property is
+                specified by more than one such referenced computed style specification
+                set, then the value of the named style property in following referenced
+                sets takes precedence over the value of the named style property in prior
+                referenced sets, where following and prior are determined according to
+                the order of the referenced ID in the IDREFS value of the
+                <code>style</code> attribute.</p>
+              </li>
+              <li>
+                <p>If the <code>style</code> element specifies an attribute from the TT
+                Style Namespace or TT Style Extension Namespace, then each style
+                specification defined by that attribute either overrides an existing
+                style specification already contained within the set or augments the set
+                with a new style specification according to whether or not the named
+                style property of the style specification matches the named style
+                property of an existing style specification already included in the
+                set.</p>
+              </li>
+            </ol>
+            <p>Two named style properties are considered to match if their expanded names
+            match, where <em>expanded name</em> is defined by <a href="#xmlns11">[XML
+            Namespaces 1.1]</a>, §2.1, and the expanded name of a named style property is
+            the expanded name of the attribute that specifies the named style
+            property.</p>
+            <p>If a <code>style</code> element appears as a descendant of a
+            <code>region</code> element, then the <code>style</code> element must be
+            ignored for the purpose of computing referential styles as defined by <a
+            href="#semantics-style-association-referential"><b>8.4.2 Referential
+            Styling</b></a> and <a
+            href="#semantics-style-association-chained-referential"><b>8.4.3 Chained
+            Referential Styling</b></a>.</p>
+          </div>
+        </div>
+        <div class="div2">
+          <h3><a name="styling-attribute-vocabulary"
+          id="styling-attribute-vocabulary"></a>8.2 Attribute Vocabulary</h3>
+          <p>This section defines the <a href="#style-attribute-style"><b>8.2.1
+          style</b></a> attribute used with both style definition elements as well as
+          content elements.</p>
+          <p>In addition, this section specifies the following attributes in the TT Style
+          Namespace for use with style definition elements, certain layout elements, and
+          content elements that support inline style specifications:</p>
+          <ul>
+            <li>
+              <p><a href="#style-attribute-backgroundColor"><b>8.2.2
+              tts:backgroundColor</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-color"><b>8.2.3 tts:color</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-direction"><b>8.2.4 tts:direction</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-display"><b>8.2.5 tts:display</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-displayAlign"><b>8.2.6
+              tts:displayAlign</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-dynamicFlow"><b>8.2.7
+              tts:dynamicFlow</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-extent"><b>8.2.8 tts:extent</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-fontFamily"><b>8.2.9
+              tts:fontFamily</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-fontSize"><b>8.2.10 tts:fontSize</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-fontStyle"><b>8.2.11 tts:fontStyle</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-fontWeight"><b>8.2.12
+              tts:fontWeight</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-lineHeight"><b>8.2.13
+              tts:lineHeight</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-opacity"><b>8.2.14 tts:opacity</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-origin"><b>8.2.15 tts:origin</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-overflow"><b>8.2.16 tts:overflow</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-padding"><b>8.2.17 tts:padding</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-showBackground"><b>8.2.18
+              tts:showBackground</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-textAlign"><b>8.2.19 tts:textAlign</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-textDecoration"><b>8.2.20
+              tts:textDecoration</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-textOutline"><b>8.2.21
+              tts:textOutline</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-unicodeBidi"><b>8.2.22
+              tts:unicodeBidi</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-visibility"><b>8.2.23
+              tts:visibility</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-wrapOption"><b>8.2.24
+              tts:wrapOption</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-writingMode"><b>8.2.25
+              tts:writingMode</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-attribute-zIndex"><b>8.2.26 tts:zIndex</b></a></p>
+            </li>
+          </ul>
+          <p>Unless explicitly stated otherwise, linear white-space (LWSP) may appear
+          between tokens of a value of a TT Style Property.</p>
+          <div class="note">
+            <p class="prefix"><b>Note:</b></p>
+            <p>This specification makes use of <em>lowerCamelCased</em> local names for
+            style attributes that are based upon like-named properties defined by <a
+            href="#xsl10">[XSL 1.0]</a>. This convention is likewise extended to token
+            values of such properties.</p>
+          </div>
+          <div class="note">
+            <p class="prefix"><b>Note:</b></p>
+            <p>A style property may be expressed as a specified attribute on any content
+            element type independently of whether the property applies to that element
+            type. This capability permits the expression of an inheritable style property
+            on ancestor elements to which the property property does not apply.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-style" id="style-attribute-style"></a>8.2.1
+            style</h4>
+            <p>The <code>style</code> attribute is used to reference one or more
+            <code>style</code> elements each of which define a computed style
+            specification set.</p>
+            <p>The <code>style</code> attribute may be specified by an instance of the
+            following element types:</p>
+            <ul>
+              <li>
+                <p><a
+                href="#document-structure-vocabulary-body"><code>body</code></a></p>
+              </li>
+              <li>
+                <p><a href="#content-vocabulary-div"><code>div</code></a></p>
+              </li>
+              <li>
+                <p><a href="#content-vocabulary-p"><code>p</code></a></p>
+              </li>
+              <li>
+                <p><a href="#layout-vocabulary-region"><code>region</code></a></p>
+              </li>
+              <li>
+                <p><a href="#content-vocabulary-span"><code>span</code></a></p>
+              </li>
+              <li>
+                <p><a href="#styling-vocabulary-style"><code>style</code></a></p>
+              </li>
+            </ul>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>See the specific element type definitions that permit use of the
+              <code>style</code> attribute for further information on its semantics.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-backgroundColor"
+            id="style-attribute-backgroundColor"></a>8.2.2 tts:backgroundColor</h4>
+            <p>The <code>tts:backgroundColor</code> attribute is used to specify a style
+            property that defines the background color of a region or an area generated
+            by content flowed into a region.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-backgroundColor"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#style-value-color">&lt;color&gt;</a> | <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>transparent</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#document-structure-vocabulary-body"><code>body</code></a>, <a
+                  href="#content-vocabulary-div"><code>div</code></a>, <a
+                  href="#content-vocabulary-p"><code>p</code></a>, <a
+                  href="#layout-vocabulary-region"><code>region</code></a>, <a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The <code>tts:backgroundColor</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-backgroundColor-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Background Color
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="306px 114px"/&gt;
+  &lt;style <span class="strong">tts:backgroundColor="red"</span>/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="after"/&gt;
+  &lt;style tts:padding="3px 40px"/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1" <span
+class="strong">tts:backgroundColor="purple"</span> tts:textAlign="center"&gt;
+  Twinkle, twinkle, little bat!&lt;br/&gt;
+  How &lt;span <span
+class="strong">tts:backgroundColor="green"</span>&gt;I wonder&lt;/span&gt; where you're at!
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table"
+            id="style-attribute-backgroundColor-example-1-images" class="example-images">
+              <caption>
+                Example Rendition – Background Color
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/backgroundColor.png"
+                  alt="TT AF backgroundColor style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.7.2.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-color" id="style-attribute-color"></a>8.2.3
+            tts:color</h4>
+            <p>The <code>tts:color</code> attribute is used to specify a style property
+            that defines the foreground color of marks associated with an area generated
+            by content flowed into a region.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-color" class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#style-value-color">&lt;color&gt;</a> | <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>transparent</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">yes</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>For the purpose of determining applicability of this style property,
+              each character child of a <code>p</code> element is considered to be
+              enclosed in an anonymous span.</p>
+            </div>
+            <p>The <code>tts:color</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-color-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Color
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style <span class="strong">tts:color="white"</span>/&gt;
+  &lt;style tts:displayAlign="after"/&gt;
+  &lt;style tts:textAlign="center"/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  In spring, when woods are &lt;span <span
+class="strong">tts:color="green"</span>&gt;getting green&lt;/span&gt;,&lt;br/&gt;
+  I'll try and tell you what I mean.
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-color-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Color
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/color.png"
+                  alt="DFXP color style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.17.1.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-direction"
+            id="style-attribute-direction"></a>8.2.4 tts:direction</h4>
+            <p>The <code>tts:direction</code> attribute is used to specify a style
+            property that defines the directionality of an embedding or override
+            according to the Unicode bidirectional algorithm.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-direction"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>ltr</code> | <code>rtl</code> |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>ltr</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#content-vocabulary-p"><code>p</code></a>, <a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">yes</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">none</td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <p>The <code>tts:direction</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-direction-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Direction
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="265px 84px"/&gt;
+  &lt;style tts:padding="5px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="after"/&gt;
+  &lt;style tts:textAlign="center"/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  Little birds are playing&lt;br/&gt;
+  Bagpipes on the shore,&lt;br/&gt;
+  &lt;span tts:unicodeBidi="bidiOverride" <span
+class="strong">tts:direction="rtl"</span>&gt;where the tourists snore.&lt;/span&gt;
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-direction-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Direction
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/direction.png"
+                  alt="DFXP direction style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.27.1.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-display" id="style-attribute-display"></a>8.2.5
+            tts:display</h4>
+            <p>The <code>tts:display</code> attribute is used to specify a style property
+            that defines whether an element is a candidate for layout and composition in
+            a region.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-display"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>auto</code> | <code>none</code> |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>auto</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#document-structure-vocabulary-body"><code>body</code></a>, <a
+                  href="#content-vocabulary-div"><code>div</code></a>, <a
+                  href="#content-vocabulary-p"><code>p</code></a>, <a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the value of this attribute is <code>auto</code>, then the affected
+            element is a candidate for region layout and presentation; however, if the
+            value is <code>none</code>, then the affected element and its descendants
+            must be considered ineligible for region layout and presentation.</p>
+            <p>The <code>tts:display</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-display-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Display
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="369px 119px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="before"/&gt;
+  &lt;style tts:textAlign="start"/&gt;
+&lt;/region&gt;
+...
+&lt;div region="r1"&gt;
+  &lt;p dur="5s"&gt;
+    [[[
+    &lt;span <span class="strong">tts:display="none"</span>&gt;
+      &lt;set begin="1s" dur="1s" <span class="strong">tts:display="auto"</span>/&gt;
+      Beautiful soup,
+    &lt;/span&gt;
+    &lt;span <span class="strong">tts:display="none"</span>&gt;
+      &lt;set begin="2s" dur="1s" <span class="strong">tts:display="auto"</span>/&gt;
+      so rich and green,
+    &lt;/span&gt;
+    &lt;span <span class="strong">tts:display="none"</span>&gt;
+      &lt;set begin="3s" dur="1s" <span class="strong">tts:display="auto"</span>/&gt;
+      waiting in a hot tureen!
+    &lt;/span&gt;
+    ]]]
+  &lt;/p&gt;
+&lt;/div&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-display-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Display
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/display_0.png"
+                  alt="DFXP display style property - [0,1)" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/display_1.png"
+                  alt="DFXP display style property - [1,2)" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/display_2.png"
+                  alt="DFXP display style property - [2,3)" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/display_3.png"
+                  alt="DFXP display style property - [3,4)" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/display_4.png"
+                  alt="DFXP display style property - [4,5)" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#css2">[CSS2]</a>, § 9.2.5.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-displayAlign"
+            id="style-attribute-displayAlign"></a>8.2.6 tts:displayAlign</h4>
+            <p>The <code>tts:displayAlign</code> attribute is used to specify a style
+            property that defines the alignment of block areas in the block progression
+            direction.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-displayAlign"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>before</code> | <code>center</code> |
+                  <code>after</code> | <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>before</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#layout-vocabulary-region"><code>region</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">yes</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">none</td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <p>The <code>tts:displayAlign</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-displayAlign-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Display Align
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="128px 66px"/&gt;
+  &lt;style tts:origin="0px 0px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style <span class="strong">tts:displayAlign="before"</span>/&gt;
+  &lt;style tts:textAlign="start"/&gt;
+&lt;/region&gt;
+&lt;region xml:id="r2"&gt;
+  &lt;style tts:extent="192px 66px"/&gt;
+  &lt;style tts:origin="128px 66px"/&gt;
+  &lt;style tts:backgroundColor="green"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style <span class="strong">tts:displayAlign="after"</span>/&gt;
+  &lt;style tts:textAlign="start"/&gt;
+&lt;/region&gt;
+&lt;region xml:id="r3"&gt;
+  &lt;style tts:extent="128px 66px"/&gt;
+  &lt;style tts:origin="0px 132px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style <span class="strong">tts:displayAlign="before"</span>/&gt;
+  &lt;style tts:textAlign="start"/&gt;
+&lt;/region&gt;
+&lt;region xml:id="r4"&gt;
+  &lt;style tts:extent="192px 66px"/&gt;
+  &lt;style tts:origin="128px 198px"/&gt;
+  &lt;style tts:backgroundColor="green"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style <span class="strong">tts:displayAlign="after"</span>/&gt;
+  &lt;style tts:textAlign="start"/&gt;
+&lt;/region&gt;
+...
+&lt;div&gt;
+  &lt;p region="r1"&gt;I sent a message to the fish:&lt;/p&gt;
+  &lt;p region="r2"&gt;I told them&lt;br/&gt; "This is what I wish."&lt;/p&gt;
+  &lt;p region="r3"&gt;The little fishes of the sea,&lt;/p&gt;
+  &lt;p region="r4"&gt;They sent an&lt;br/&gt; answer back to me.&lt;/p&gt;
+&lt;/div&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table"
+            id="style-attribute-displayAlign-example-1-images" class="example-images">
+              <caption>
+                Example Rendition – Display Align
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/displayAlign.png"
+                  alt="DFXP displayAlign style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.13.4.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-dynamicFlow"
+            id="style-attribute-dynamicFlow"></a>8.2.7 tts:dynamicFlow</h4>
+            <p>The <code>tts:dynamicFlow</code> attribute is used to specify a style
+            property that defines how to dynamically flow content into and out of a
+            region over some time interval.</p>
+            <p>This style property applies only to a region when the
+            <code>tts:overflow</code> property for that region has the value
+            <code>scroll</code>.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-dynamicFlow"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>none</code> | <a
+                  href="#style-value-flowFunction">&lt;flowFunction&gt;</a>+ <a
+                  href="#style-value-flowIntervalFunction">&lt;flowIntervalFunction&gt;</a>*</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>none</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#layout-vocabulary-region"><code>region</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">none</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the value of this attribute is <code>none</code>, then no dynamic flow
+            semantics apply.</p>
+            <p>If the value of this attribute contains a single <a
+            href="#style-value-flowFunction">&lt;flowFunction&gt;</a>, then that flow
+            function applies equally to <em>fill into</em>, <em>reflow within</em>, and
+            <em>clear from</em> dynamic flow operations.</p>
+            <p>If a reflow <code>within()</code> flow function is specified, but no clear
+            <code>out()</code> flow function is specified, or vice-versa, then the
+            function applies equally to both <em>reflow within</em> and <em>clear
+            from</em> dynamic flow operations.</p>
+            <p>If either <code>intra()</code> or <code>inter()</code> <a
+            href="#style-value-flowIntervalFunction">&lt;flowIntervalFunction&gt;</a> is
+            not specified, then the <code>auto</code> value for the missing <a
+            href="#style-value-flowIntervalFunction">&lt;flowIntervalFunction&gt;</a>
+            applies.</p>
+            <p>The normative processing model for dynamic flow behavior is specified in
+            <a href="#dynamicFlowModel"><b>B Dynamic Flow Processing Model</b></a>.</p>
+            <p>The <code>tts:dynamicFlow</code> style is illustrated by the following
+            example, and depicted in an <a href="images/dynamicFlow_RU_animated.svg">SVG
+            Animation</a>.</p>
+            <table summary="HTML Table" id="style-attribute-dynamicFlow-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Dynamic Flow
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="140px 70px"/&gt;
+  &lt;style tts:displayAlign="after"/&gt;
+  &lt;style tts:backgroundColor="transparent"/&gt;
+  &lt;style tts:fontFamily="proportionalSansSerif"/&gt;
+  &lt;style tts:fontSize="18px"/&gt;
+  &lt;style <span class="strong">tts:overflow="scroll"</span>/&gt;
+  &lt;style <span
+class="strong">tts:dynamicFlow="in(word,jump) out(line,smooth) inter(3s)"</span>/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  &lt;span tts:backgroundColor="black" tts:color="white"&gt;
+    Five o'clock tea!&lt;br/&gt;
+    Ever to thee,&lt;br/&gt;
+    Faithful I'll be,&lt;br/&gt;
+    Five o'clock tea!&lt;br/&gt;
+    &lt;br/&gt;
+    &lt;br/&gt;
+    &lt;br/&gt;
+  &lt;/span&gt;
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-dynamicFlow-example-2-images"
+            class="example-images-bordered">
+              <caption>
+                Example Rendition – Dynamic Flow – Discrete Frames
+              </caption>
+              <col width="136px" span="1" />
+              <col width="136px" span="1" />
+              <col width="136px" span="1" />
+              <col width="136px" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_0.png"
+                  alt="DFXP dynamic flow style property - frame 0" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_1.png"
+                  alt="DFXP dynamic flow style property - frame 1" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_2.png"
+                  alt="DFXP dynamic flow style property - frame 2" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_3.png"
+                  alt="DFXP dynamic flow style property - frame 3" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_4.png"
+                  alt="DFXP dynamic flow style property - frame 4" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_5.png"
+                  alt="DFXP dynamic flow style property - frame 5" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_6.png"
+                  alt="DFXP dynamic flow style property - frame 6" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_7.png"
+                  alt="DFXP dynamic flow style property - frame 7" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_8.png"
+                  alt="DFXP dynamic flow style property - frame 8" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_9.png"
+                  alt="DFXP dynamic flow style property - frame 9" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_10.png"
+                  alt="DFXP dynamic flow style property - frame 10" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_11.png"
+                  alt="DFXP dynamic flow style property - frame 11" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_12.png"
+                  alt="DFXP dynamic flow style property - frame 12" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_13.png"
+                  alt="DFXP dynamic flow style property - frame 13" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_14.png"
+                  alt="DFXP dynamic flow style property - frame 14" /></td>
+                  <td rowspan="1" colspan="1"><img src="images/dynamicFlow_snake_15.png"
+                  alt="DFXP dynamic flow style property - frame 15" /></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-extent" id="style-attribute-extent"></a>8.2.8
+            tts:extent</h4>
+            <p>The <code>tts:extent</code> attribute is used to specify the
+            <em>width</em> and <em>height</em> of a region area (which may be the root
+            container region).</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-extent"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>auto</code> | <a
+                  href="#style-value-length">&lt;length&gt;</a> <a
+                  href="#style-value-length">&lt;length&gt;</a> |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>auto</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#document-structure-vocabulary-body"><code>body</code></a>, <a
+                  href="#layout-vocabulary-region"><code>region</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">relative to width and height of root
+                  container region</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">none</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the value of this attribute consists of two <a
+            href="#style-value-length">&lt;length&gt;</a> specifications, then they must
+            be interpreted as <em>width</em> and <em>height</em>, where the first
+            specification is the <em>width</em>, and the second specification is the
+            <em>height</em>.</p>
+            <p>If the value of this attribute is <code>auto</code>, then the initial
+            value of the style property must be considered to be the same as the root
+            container extent. The root container extent is determined either by a
+            <code>tts:extent</code> specified on the <code>body</code> element, if
+            present, or by the external authoring context, if not present. In the former
+            case, if the width and height is expressed in terms of two <a
+            href="#style-value-length">&lt;length&gt;</a> specifications, then these
+            specifications must be expressed as non-percentage, definite lengths using
+            pixel units.</p>
+            <p>The <code>tts:extent</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-extent-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Extent
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style <span class="strong">tts:extent="330px 122px"</span>/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="after"/&gt;
+  &lt;style tts:textAlign="center"/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  'Tis the voice of the Lobster:&lt;br/&gt;
+  I heard him declare,&lt;br/&gt;
+  "You have baked me too brown,&lt;br/&gt;
+  I must sugar my hair."
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-extent-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Extent
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/extent.png"
+                  alt="DFXP extent style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-fontFamily"
+            id="style-attribute-fontFamily"></a>8.2.9 tts:fontFamily</h4>
+            <p>The <code>tts:fontFamily</code> attribute is used to specify a style
+            property that defines the font family from which glyphs are selected for
+            glyph areas generated by content flowed into a region.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-fontFamily"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1">(<a
+                  href="#style-value-familyName">&lt;familyName&gt;</a> | <a
+                  href="#style-value-genericFamilyName">&lt;genericFamilyName&gt;</a>)
+                  (<code>","</code> &nbsp;(<a
+                  href="#style-value-familyName">&lt;familyName&gt;</a> | <a
+                  href="#style-value-genericFamilyName">&lt;genericFamilyName&gt;</a>))*
+                  | <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>default</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">yes</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>For the purpose of determining applicability of this style property,
+              each character child of a <code>p</code> element is considered to be
+              enclosed in an anonymous span.</p>
+            </div>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The initial value, <code>default</code>, is a generic font family name,
+              and is further described in <a
+              href="#style-value-genericFamilyName"><b>8.3.6
+              &lt;genericFamilyName&gt;</b></a> below.</p>
+            </div>
+            <p>The <code>tts:fontFamily</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-fontFamily-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Font Family
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="474px 146px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="center"/&gt;
+  &lt;style tts:textAlign="start"/&gt;
+  &lt;style <span class="strong">tts:fontFamily="proportionalSansSerif"</span>/&gt;
+&lt;/region&gt;
+...
+&lt;div region="r1"&gt;
+  &lt;p&gt;
+    "The time has come," the Walrus said,&lt;br/&gt;
+    "to talk of many things:
+  &lt;/p&gt;
+  &lt;p tts:textAlign="end" <span
+class="strong">tts:fontFamily="monospaceSerif"</span>&gt;
+    Of shoes, and ships, and sealing wax,&lt;br/&gt;
+    Of cabbages and kings,
+  &lt;/p&gt;
+  &lt;p&gt;
+    And why the sea is boiling hot,&lt;br/&gt;
+    and whether pigs have wings."
+  &lt;/p&gt;
+&lt;/div&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-fontFamily-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Font Family
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/fontFamily.png"
+                  alt="DFXP fontFamily style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.8.2.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-fontSize"
+            id="style-attribute-fontSize"></a>8.2.10 tts:fontSize</h4>
+            <p>The <code>tts:fontSize</code> attribute is used to specify a style
+            property that defines the font size for glyphs that are selected for glyph
+            areas generated by content flowed into a region, where font size is
+            interpreted as a scaling transform to the font's design EM square.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-fontSize"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#style-value-length">&lt;length&gt;</a> <a
+                  href="#style-value-length">&lt;length&gt;</a>? |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>1c</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">yes</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">relative to parent element's font size</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If a single <a href="#style-value-length">&lt;length&gt;</a> value is
+            specified, then this length applies equally to horizontal and vertical
+            scaling of a glyph's EM square; if two <a
+            href="#style-value-length">&lt;length&gt;</a> values are specified, then the
+            first expresses the horizontal scaling and the second expresses vertical
+            scaling.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>Use of independent horizontal and vertical font sizes is expected to be
+              used with cell based metrics in order to denote fonts that are two rows in
+              height and one column in width.</p>
+            </div>
+            <p>If horizontal and vertical sizes are expressed independently, then the
+            metrics of the <a href="#style-value-length">&lt;length&gt;</a> values must
+            be the same.</p>
+            <p>The <a href="#style-value-length">&lt;length&gt;</a> value(s) used to
+            express font size must be non-negative.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>For the purpose of determining applicability of this style property,
+              each character child of a <code>p</code> element is considered to be
+              enclosed in an anonymous span.</p>
+            </div>
+            <p>The <code>tts:fontSize</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-fontSize-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Font Size
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="299px 97px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="center"/&gt;
+  &lt;style tts:textAlign="center"/&gt;
+  &lt;style tts:fontFamily="proportionalSansSerif"/&gt;
+  &lt;style <span class="strong">tts:fontSize="18px"</span>/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  Then fill up the glasses&lt;br/&gt;
+  with treacle and ink,&lt;br/&gt;
+  Or anything else&lt;br/&gt;
+  that is &lt;span <span
+class="strong">tts:fontSize="24px"</span>&gt;pleasant&lt;/span&gt; to drink.
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-fontSize-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Font Size
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/fontSize.png"
+                  alt="DFXP fontSize style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.8.4.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-fontStyle"
+            id="style-attribute-fontStyle"></a>8.2.11 tts:fontStyle</h4>
+            <p>The <code>tts:fontStyle</code> attribute is used to specify a style
+            property that defines the font style to apply to glyphs that are selected for
+            glyph areas generated by content flowed into a region, where the mapping from
+            font style value to specific font face or style parameterization is not
+            determined by this specification.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-fontStyle"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>normal</code> | <code>italic</code> |
+                  <code>oblique</code> | <code>reverseOblique</code> |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>normal</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">yes</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>For the purpose of determining applicability of this style property,
+              each character child of a <code>p</code> element is considered to be
+              enclosed in an anonymous span.</p>
+            </div>
+            <p>Use of values <code>oblique</code> and <code>reverseOblique</code> denote
+            a shear and reverse shear transformation (at an unspecified angle) in the
+            inline progression dimension. A conformant processor may perform such a
+            transform on a font in order to satisfy this authorial intent for the purpose
+            of presentation processing. If a specified font style is not available or a
+            shear or reverse shear transformation is not supported, then the processor
+            must interpret the font style as if the value <code>normal</code> were
+            specified for the purpose of presentation processing.</p>
+            <p>The <code>tts:fontStyle</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-fontStyle-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Font Style
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="331px 84px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="after"/&gt;
+  &lt;style tts:textAlign="center"/&gt;
+  &lt;style tts:fontFamily="proportionalSansSerif"/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  In autumn, when the leaves are brown,&lt;br/&gt;
+  Take pen and ink, and &lt;span <span
+class="strong">tts:fontStyle="italic"</span>&gt;write it down.&lt;/span&gt;
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-fontStyle-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Font Style
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/fontStyle.png"
+                  alt="DFXP fontStyle style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.8.7.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-fontWeight"
+            id="style-attribute-fontWeight"></a>8.2.12 tts:fontWeight</h4>
+            <p>The <code>tts:fontWeight</code> attribute is used to specify a style
+            property that defines the font weight to apply to glyphs that are selected
+            for glyph areas generated by content flowed into a region, where the mapping
+            from font weight value to specific font face or weight parameterization is
+            not determined by this specification.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-fontWeight"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>normal</code> | <code>bold</code> |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>normal</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">yes</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>For the purpose of determining applicability of this style property,
+              each character child of a <code>p</code> element is considered to be
+              enclosed in an anonymous span.</p>
+            </div>
+            <p>If a specified font weight is not available, then a conformant processor
+            must interpret the font weight as if the value <code>normal</code> were
+            specified for the purpose of presentation processing.</p>
+            <p>The <code>tts:fontWeight</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-fontWeight-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Font Weight
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="376px 95px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="center"/&gt;
+  &lt;style tts:textAlign="center"/&gt;
+  &lt;style tts:fontFamily="proportionalSansSerif"/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  They told me you had been to her,&lt;br/&gt;
+  &lt;span <span
+class="strong">tts:fontWeight="bold"</span>&gt;and mentioned me to him:&lt;/span&gt;&lt;br/&gt;
+  She gave me a good character&lt;br/&gt;
+  &lt;span <span
+class="strong">tts:fontWeight="bold"</span>&gt;but said I could not swim.&lt;/span&gt;
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-fontWeight-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Font Weight
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/fontWeight.png"
+                  alt="DFXP fontWeight style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.8.9.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-lineHeight"
+            id="style-attribute-lineHeight"></a>8.2.13 tts:lineHeight</h4>
+            <p>The <code>tts:lineHeight</code> attribute is used to specify a style
+            property that defines the inter-baseline separation between line areas
+            generated by content flowed into a region.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-lineHeight"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>normal</code> | <a
+                  href="#style-value-length">&lt;length&gt;</a> |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>normal</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#content-vocabulary-p"><code>p</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">yes</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">relative to this element's font size</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the value of this attribute is <code>normal</code>, then the initial
+            value of the style property must be considered to be the same as the largest
+            font size that applies to any child element.</p>
+            <p>If specified as a <a href="#style-value-length">&lt;length&gt;</a>, then
+            the length must be non-negative.</p>
+            <p>The <code>tts:lineHeight</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-lineHeight-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Line Height
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="255px 190px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="center"/&gt;
+  &lt;style tts:textAlign="start"/&gt;
+  &lt;style tts:fontFamily="proportionalSansSerif"/&gt;
+  &lt;style tts:fontSize="16px"/&gt;
+  &lt;style <span class="strong">tts:lineHeight="32px"</span>/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  He thought he saw an elephant,&lt;br/&gt;
+  That practised on a fife:&lt;br/&gt;
+  He looked again, and found it was&lt;br/&gt;
+  A letter from his wife.&lt;br/&gt;
+  "At length I realise," he said,&lt;br/&gt;
+  "The bitterness of Life.
+"&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-lineHeight-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Line Height
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/lineHeight.png"
+                  alt="DFXP lineHeight style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.15.4.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-opacity" id="style-attribute-opacity"></a>8.2.14
+            tts:opacity</h4>
+            <p>The <code>tts:opacity</code> attribute is used to specify a style property
+            that defines the opacity (or transparency) of marks associated with a region
+            (such as a region's background color) or marks associated with areas
+            generated by a given content element to which opacity applies.</p>
+            <p>When presented onto a visual medium, the opacity of the affacted element
+            is applied uniformly and on a linear scale to all marks produced by the
+            affected element (and its descendants).</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-opacity"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#style-value-alpha">&lt;alpha&gt;</a> | <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>1.0</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#layout-vocabulary-region"><code>region</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>An <a href="#style-value-alpha">&lt;alpha&gt;</a> value greater than 1.0
+            must be considered equivalent to an <a
+            href="#style-value-alpha">&lt;alpha&gt;</a> value of 1.0.</p>
+            <p>The <code>tts:opacity</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-opacity-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Opacity
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1" dur="5s"&gt;
+  &lt;set begin="0s" dur="1s" <span class="strong">tts:opacity="1.00"</span>/&gt;
+  &lt;set begin="1s" dur="1s" <span class="strong">tts:opacity="0.75"</span>/&gt;
+  &lt;set begin="2s" dur="1s" <span class="strong">tts:opacity="0.50"</span>/&gt;
+  &lt;set begin="3s" dur="1s" <span class="strong">tts:opacity="0.25"</span>/&gt;
+  &lt;set begin="4s" dur="1s" <span class="strong">tts:opacity="0.00"</span>/&gt;
+  &lt;style tts:extent="304px 77px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="after"/&gt;
+  &lt;style tts:textAlign="center"/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  The sun was shining on the sea
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-opacity-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Opacity
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/opacity_0.png"
+                  alt="DFXP opacity style property - [0,1)" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/opacity_1.png"
+                  alt="DFXP opacity style property - [1,2)" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/opacity_2.png"
+                  alt="DFXP opacity style property - [2,3)" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/opacity_3.png"
+                  alt="DFXP opacity style property - [3,4)" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/opacity_4.png"
+                  alt="DFXP opacity style property - [4,5)" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#css3-color">[CSS3 Color]</a>, §
+              3.2.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-origin" id="style-attribute-origin"></a>8.2.15
+            tts:origin</h4>
+            <p>The <code>tts:origin</code> attribute is used to specify the <em>x</em>
+            and <em>y</em> coordinates of the origin of a region area with respect to the
+            origin of the root container extent, if specified, or the external authoring
+            context, if not specified.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-origin"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>auto</code> | <a
+                  href="#style-value-length">&lt;length&gt;</a> <a
+                  href="#style-value-length">&lt;length&gt;</a> |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>auto</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#layout-vocabulary-region"><code>region</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">relative to width and height of root
+                  container region</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">none</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the value of this attribute consists of two <a
+            href="#style-value-length">&lt;length&gt;</a> specifications, then they must
+            be interpreted as <em>x</em> and <em>y</em> coordinates, where the first
+            specification is the <em>x</em> coordinate, and the second specification is
+            the <em>y</em> coordinate.</p>
+            <p>If the value of this attribute is <code>auto</code>, then the initial
+            value of the style property must be considered to be the same as the root
+            container origin. The root container origin is determined by the external
+            authoring context.</p>
+            <p>The <code>tts:origin</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-origin-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Origin
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style <span class="strong">tts:origin="40px 40px"</span>/&gt;
+  &lt;style tts:extent="308px 92px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="center"/&gt;
+  &lt;style tts:textAlign="center"/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  "To dine!" she shrieked in dragon-wrath.&lt;br/&gt;
+  "To swallow wines all foam and froth!&lt;br/&gt;
+   To simper at a table-cloth!"
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-origin-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Origin
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/origin.png"
+                  alt="DFXP origin style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-overflow"
+            id="style-attribute-overflow"></a>8.2.16 tts:overflow</h4>
+            <p>The <code>tts:overflow</code> attribute is used to specify a style
+            property that defines whether a region area is clipped or not if the
+            descendant areas of the region overflow its extent.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-overflow"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>visible</code> | <code>hidden</code>
+                  | <code>scroll</code> | <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>hidden</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#layout-vocabulary-region"><code>region</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">none</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the value of this attribute is <code>visible</code>, then content
+            should not be clipped outside of the affected region, and region composition
+            and layout must be performed as if the region's width and height were
+            infinite, but with a well-defined origin. If the value is
+            <code>hidden</code>, then content should be clipped outside of the affected
+            region.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>Unless a manual line break element <code>br</code> is used by the
+              content author, a paragraph of a given region will generate no more than
+              one line area in that region if the value of the <code>tts:overflow</code>
+              style that applies to the region is <code>visible</code> and if the
+              applicable <code>tts:wrapOption</code> style is <code>noWrap</code>.</p>
+            </div>
+            <p>If the value of this attribute is <code>scroll</code>, then content is
+            dynamically flowed into and out of the affected region according to the
+            values of the <code>tts:dynamicFlow</code> style property; in this case, the
+            semantics of the <code>tts:dynamicFlow</code> apply whether or not the
+            affected region has overflowed.</p>
+            <p>The <code>tts:overflow</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-overflow-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Overflow
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="232px 40px"/&gt;
+  &lt;style tts:origin="0px 0px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="red"/&gt;
+  &lt;style tts:displayAlign="before"/&gt;
+  &lt;style tts:textAlign="start"/&gt;
+  &lt;style tts:fontFamily="proportionalSansSerif"/&gt;
+  &lt;style tts:fontSize="18px"/&gt;
+  &lt;style tts:wrapOption="noWrap"/&gt;
+  &lt;style <span class="strong">tts:overflow="visible"</span>/&gt;
+&lt;/region&gt;
+&lt;region xml:id="r2"&gt;
+  &lt;style tts:extent="232px 40px"/&gt;
+  &lt;style tts:origin="0px 43px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="red"/&gt;
+  &lt;style tts:displayAlign="before"/&gt;
+  &lt;style tts:textAlign="start"/&gt;
+  &lt;style tts:fontFamily="proportionalSansSerif"/&gt;
+  &lt;style tts:fontSize="18px"/&gt;
+  &lt;style tts:wrapOption="noWrap"/&gt;
+  &lt;style <span class="strong">tts:overflow="hidden"</span>/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  "But wait a bit," the Oysters cried,&lt;br/&gt;
+  "Before we have our chat;
+&lt;/p&gt;
+&lt;p region="r2"&gt;
+  For some of us are out of breath,&lt;br/&gt;
+  And all of us are fat!"
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-overflow-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Overflow
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/overflow.png"
+                  alt="DFXP overflow style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>In the above example, the <code>tts:noWrap</code> is set to
+              <code>noWrap</code> to prevent automatic line wrapping (breaking); if this
+              were not specified, then overflow would occur in the block progression
+              direction as opposed to the inline progression direction.</p>
+            </div>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.20.2.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-padding" id="style-attribute-padding"></a>8.2.17
+            tts:padding</h4>
+            <p>The <code>tts:padding</code> attribute is used to specify padding (or
+            inset) space on all sides of a region area or a content area produced by a
+            content element.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-padding"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#style-value-length">&lt;length&gt;</a> | <a
+                  href="#style-value-length">&lt;length&gt;</a> <a
+                  href="#style-value-length">&lt;length&gt;</a> | <a
+                  href="#style-value-length">&lt;length&gt;</a> <a
+                  href="#style-value-length">&lt;length&gt;</a> <a
+                  href="#style-value-length">&lt;length&gt;</a> | <a
+                  href="#style-value-length">&lt;length&gt;</a> <a
+                  href="#style-value-length">&lt;length&gt;</a> <a
+                  href="#style-value-length">&lt;length&gt;</a> <a
+                  href="#style-value-length">&lt;length&gt;</a> |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>0</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#layout-vocabulary-region"><code>region</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">relative to width and height of region</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the value of this attribute consists of one <a
+            href="#style-value-length">&lt;length&gt;</a> specification, then that length
+            applies to all edges of the affected areas. If the value consists of two <a
+            href="#style-value-length">&lt;length&gt;</a> specifications, then the first
+            applies to the before and after edges, and the second applies to the start
+            and end edges. If three <a href="#style-value-length">&lt;length&gt;</a>
+            specifications are provided, then the first applies to the before edge, the
+            second applies to the start and end edges, and the third applies to the after
+            edge. If four <a href="#style-value-length">&lt;length&gt;</a> specifications
+            are provided, then they apply to before, end, after, and start edges,
+            respectively.</p>
+            <p>The <code>tts:padding</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-padding-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Padding
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="446px 104px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="after"/&gt;
+  &lt;style tts:textAlign="center"/&gt;
+  &lt;style <span class="strong">tts:padding="10px 40px"</span>/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1" tts:backgroundColor="red"&gt;
+  Just the place for a Snark! I have said it twice:&lt;br/&gt;
+  That alone should encourage the crew.&lt;br/&gt;
+  Just the place for a Snark! I have said it thrice:&lt;br/&gt;
+  What I tell you three times is true.
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>When rendering an area to which padding applies, the background color that
+            applies to the area is rendered into the padded portion of the area.</p>
+            <table summary="HTML Table" id="style-attribute-padding-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Padding
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/padding.png"
+                  alt="DFXP padding style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.29.15,
+              except that individual shorthand values map to writing mode relative
+              padding values as defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.7.31,
+              7.7.32, 7.7.33, and 7.7.34.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-showBackground"
+            id="style-attribute-showBackground"></a>8.2.18 tts:showBackground</h4>
+            <p>The <code>tts:showBackground</code> attribute is used to specify
+            constraints on when the background color of a region is intended to be
+            presented.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-showBackground"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>always</code> |
+                  <code>whenActive</code> | <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>always</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#layout-vocabulary-region"><code>region</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If the value of this attribute is <code>always</code>, then the background
+            color of a region is always rendered when performing presentation processing
+            on a visual medium; if the value is <code>whenActive</code>, then the
+            background color of a region is rendered only when some content is selected
+            into the region.</p>
+            <p>The <code>tts:showBackground</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-showBackground-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Show Background
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:origin="0px 0px"/&gt;
+  &lt;style tts:extent="265px 100px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style <span class="strong">tts:showBackground="always"</span>/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="before"/&gt;
+  &lt;style tts:textAlign="start"/&gt;
+&lt;/region&gt;
+&lt;region xml:id="r2"&gt;
+  &lt;style tts:origin="205px 60px"/&gt;
+  &lt;style tts:extent="290px 100px"/&gt;
+  &lt;style tts:backgroundColor="red"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="before"/&gt;
+  &lt;style tts:textAlign="end"/&gt;
+  &lt;style <span class="strong">tts:showBackground="whenActive"</span>/&gt;
+&lt;/region&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#smil21">[SMIL 2.1]</a>, § 5.3.1.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-textAlign"
+            id="style-attribute-textAlign"></a>8.2.19 tts:textAlign</h4>
+            <p>The <code>tts:textAlign</code> attribute is used to specify a style
+            property that defines how inline areas are aligned within a containing block
+            area in the inline progression direction.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-textAlign"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>left</code> | <code>center</code> |
+                  <code>right</code> | <code>start</code> | <code>end</code> |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>start</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#content-vocabulary-p"><code>p</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">yes</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The <code>tts:textAlign</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-textAlign-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Text Align
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="355px 43px"/&gt;
+  &lt;style tts:origin="0px 0px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style <span class="strong">tts:textAlign="start"</span>/&gt;
+&lt;/region&gt;
+&lt;region xml:id="r2"&gt;
+  &lt;style tts:extent="355px 43px"/&gt;
+  &lt;style tts:origin="0px 47px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style <span class="strong">tts:textAlign="end"</span>/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  Beware the Jabberwock, my son!&lt;br/&gt;
+  The jaws that bite, the claws that catch!
+&lt;/p&gt;
+&lt;p region="r2"&gt;
+  Beware the Jubjub bird, and shun&lt;br/&gt;
+  The frumious Bandersnatch!
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-textAlign-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Text Align
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/textAlign.png"
+                  alt="DFXP textAlign style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.15.9.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-textDecoration"
+            id="style-attribute-textDecoration"></a>8.2.20 tts:textDecoration</h4>
+            <p>The <code>tts:textDecoration</code> attribute is used to specify a style
+            property that defines a text decoration effect to apply to glyph areas or
+            other inline areas that are generated by content flowed into a region.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-textDecoration"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>none</code> | [ [
+                  <code>underline</code> | <code>noUnderline</code> ] || [
+                  <code>throughline</code> | <code>noThroughline</code> ] || [
+                  <code>overline</code> | <code>noOverline</code> ] ] |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>none</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#document-structure-vocabulary-body"><code>body</code></a>, <a
+                  href="#content-vocabulary-div"><code>div</code></a>, <a
+                  href="#content-vocabulary-p"><code>p</code></a>, <a
+                  href="#layout-vocabulary-region"><code>region</code></a>, <a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no, but see prose of <a href="#xsl10">[XSL
+                  1.0]</a>, § 7.16.4</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The <code>tts:textDecoration</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-textDecoration-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Text Decoration
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="385px 82px"/&gt;
+  &lt;style tts:origin="0px 0px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:padding="5px 2px"/&gt;
+  &lt;style <span class="strong">tts:textDecoration="underline"</span>/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  The sea was wet&lt;span <span
+class="strong">tts:textDecoration="noUnderline"</span>&gt; as &lt;/span&gt;wet&lt;span 
+  <span class="strong">tts:textDecoration="noUnderline"</span>&gt;
+        could be,&lt;br/&gt;
+        The sand was dry as dry.&lt;br/&gt;
+        &lt;span <span
+class="strong">tts:textDecoration="lineThrough"</span>&gt;There weren't any&lt;/span&gt;
+        You
+        &lt;span <span
+class="strong">tts:textDecoration="lineThrough"</span>&gt;couldn't&lt;/span&gt;
+        could not see a cloud&lt;br/&gt;
+        Because no cloud was in the sky.
+  &lt;/span&gt;
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table"
+            id="style-attribute-textDecoration-example-1-images" class="example-images">
+              <caption>
+                Example Rendition – Text Decoration
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/textDecoration.png"
+                  alt="DFXP textDecoration style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.16.4.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-textOutline"
+            id="style-attribute-textOutline"></a>8.2.21 tts:textOutline</h4>
+            <p>The <code>tts:textOutline</code> attribute is used to specify a style
+            property that defines a text outline effect to apply to glyphs that are
+            selected for glyph areas generated by content flowed into a region.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-textOutline"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>none</code> | <a
+                  href="#style-value-color">&lt;color&gt;</a>? <a
+                  href="#style-value-length">&lt;length&gt;</a> <a
+                  href="#style-value-length">&lt;length&gt;</a>? |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>none</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">relative to this element's font size</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>For the purpose of determining applicability of this style property,
+              each character child of a <code>p</code> element is considered to be
+              enclosed in an anonymous span.</p>
+            </div>
+            <p>The value of this attribute consists of an optional <a
+            href="#style-value-color">&lt;color&gt;</a> term followed by one or two <a
+            href="#style-value-length">&lt;length&gt;</a> terms. If a <em>color</em> term
+            is present, then it denotes the outline color; if no <em>color</em> term is
+            present, the computed value of the <code>tts:color</code> applies. The first
+            <em>length</em> term denotes the outline thickness and the second length
+            term, if present, indicates the blur radius.</p>
+            <p>The <code>tts:textOutline</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-textOutline-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Text Outline
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:backgroundColor="transparent"/&gt;
+  &lt;style tts:color="yellow"/&gt;
+  &lt;style <span class="strong">tts:textOutline="black 2px 0px"</span>/&gt;
+  &lt;style tts:fontFamily="proportionalSansSerif"/&gt;
+  &lt;style tts:fontSize="24px"/&gt;
+&lt;/region&gt;
+...
+&lt;p&gt;
+  How doth the little crocodile&lt;br/&gt;
+  Improve its shining tail,&lt;br/&gt;
+  And pour the waters of the Nile&lt;br/&gt;
+  On every golden scale!&lt;br/&gt;
+  How cheerfully he seems to grin,&lt;br/&gt;
+  How neatly spreads his claws,&lt;br/&gt;
+  And welcomes little fishes in,&lt;br/&gt;
+  With gently smiling jaws!
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-textOutline-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Text Outline
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/textOutline.png"
+                  alt="backgroundColor style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-unicodeBidi"
+            id="style-attribute-unicodeBidi"></a>8.2.22 tts:unicodeBidi</h4>
+            <p>The <code>tts:unicodeBidi</code> attribute is used to specify a style
+            property that defines a directional embedding or override according to the
+            Unicode bidirectional algorithm.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-unicodeBidi"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>normal</code> | <code>embed</code> |
+                  <code>bidiOverride</code> | <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>normal</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#content-vocabulary-p"><code>p</code></a>, <a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">none</td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <p>The <code>tts:unicodeBidi</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-unicodeBidi-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Unicode Bidirectionality
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="265px 84px"/&gt;
+  &lt;style tts:padding="5px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="after"/&gt;
+  &lt;style tts:textAlign="center"/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  Little birds are playing&lt;br/&gt;
+  Bagpipes on the shore,&lt;br/&gt;
+  &lt;span <span
+class="strong">tts:unicodeBidi="bidiOverride"</span> tts:direction="rtl"&gt;where the tourists snore.&lt;/span&gt;
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-unicodeBidi-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Unicode Bidirectionality
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/unicodeBidi.png"
+                  alt="DFXP unicodeBidi style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.27.6.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-visibility"
+            id="style-attribute-visibility"></a>8.2.23 tts:visibility</h4>
+            <p>The <code>tts:visibility</code> attribute is used to specify a style
+            property that defines whether generated areas are visible or not when
+            rendered on a visual presentation medium.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-visibility"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>visible</code> | <code>hidden</code>
+                  | <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>visible</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#document-structure-vocabulary-body"><code>body</code></a>, <a
+                  href="#content-vocabulary-div"><code>div</code></a>, <a
+                  href="#content-vocabulary-p"><code>p</code></a>, <a
+                  href="#layout-vocabulary-region"><code>region</code></a>, <a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The <code>tts:visibility</code> style has no affect on content layout or
+            composition, but merely determines whether composed content is visible or
+            not.</p>
+            <p>The <code>tts:visibility</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-visibility-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Visibility
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="398px 121px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1" dur="4s"&gt;
+  &lt;span <span class="strong">tts:visibility="hidden"</span>&gt;
+    &lt;set begin="1s" <span class="strong">tts:visibility="visible"</span>/&gt;
+    Curiouser
+  &lt;/span&gt;
+  &lt;span <span class="strong">tts:visibility="hidden"</span>&gt;
+    &lt;set begin="2s" <span class="strong">tts:visibility="visible"</span>/&gt;
+    and
+  &lt;/span&gt;
+  &lt;span <span class="strong">tts:visibility="hidden"</span>&gt;
+    &lt;set begin="3s" <span class="strong">tts:visibility="visible"</span>/&gt;
+    curiouser!
+  &lt;/span&gt;
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-visibility-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Visibility
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/visibility_0.png"
+                  alt="DFXP visibility style property - [0,1)" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/visibility_1.png"
+                  alt="DFXP visibility style property - [1,2)" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/visibility_2.png"
+                  alt="DFXP visibility style property - [2,3)" /></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/visibility_3.png"
+                  alt="DFXP visibility style property - [3,4)" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.28.8.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-wrapOption"
+            id="style-attribute-wrapOption"></a>8.2.24 tts:wrapOption</h4>
+            <p>The <code>tts:wrapOption</code> attribute is used to specify a style
+            property that defines whether or not automatic line wrapping (breaking)
+            applies within the context of the affected element.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-wrapOption"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>wrap</code> | <code>noWrap</code> |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>wrap</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#content-vocabulary-span"><code>span</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">yes</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>For the purpose of determining applicability of this style property, each
+            character child of a <code>p</code> element is considered to be enclosed in
+            an anonymous span.</p>
+            <p>The <code>tts:wrapOption</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-wrapOption-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Wrap Option
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="192px 117px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:displayAlign="after"/&gt;
+  &lt;style tts:overflow="hidden"/&gt;
+  &lt;style <span class="strong">tts:wrapOption="noWrap"</span>/&gt;
+&lt;/region&gt;
+...
+&lt;p&gt;
+  I'll tell thee everything I can:&lt;br/&gt;
+  There's little to relate.&lt;br/&gt;
+  I saw an aged aged man,&lt;br/&gt;
+  A-sitting on a gate."
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-wrapOption-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Wrap Option
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/wrapOption.png"
+                  alt="DFXP wrapOption style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.15.13.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-writingMode"
+            id="style-attribute-writingMode"></a>8.2.25 tts:writingMode</h4>
+            <p>The <code>tts:writingMode</code> attribute is used to specify a style
+            property that defines the block and inline progression directions to be used
+            for the purpose of stacking block and inline areas within a region area.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-writingMode"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>lrtb</code> | <code>rltb</code> |
+                  <code>tbrl</code> | <code>tblr</code> | <code>lr</code> |
+                  <code>rl</code> | <code>tb</code> | <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>lrtb</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#layout-vocabulary-region"><code>region</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">none</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The <code>tts:writingMode</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-writingMode-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Writing Mode
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:extent="50px 570px"/&gt;
+  &lt;style tts:origin="0px 0px"/&gt;
+  &lt;style tts:padding="10px 3px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style <span class="strong">tts:writingMode="tbrl"</span>/&gt;
+&lt;/region&gt;
+&lt;region xml:id="r2"&gt;
+  &lt;style tts:extent="310px 50px"/&gt;
+  &lt;style tts:origin="70px 120px"/&gt;
+  &lt;style tts:padding="10px 3px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style <span class="strong">tts:writingMode="rltb"</span>/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  I sometimes dig for buttered rolls,&lt;br/&gt;
+  Or set limed twigs for crabs:
+&lt;/p&gt;
+&lt;p region="r2" tts:direction="rtl" tts:unicodeBidi="bidiOverride"&gt;
+  I sometimes search the grassy knolls for the wheels of Hansom-cabs.
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/>
+            <table summary="HTML Table" id="style-attribute-writingMode-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Writing Mode
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/writingMode.png"
+                  alt="DFXP writingMode style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>In the second paragraph in the above example that targets region
+              <code>r2</code>, the <code>tts:unicodeBidi</code> and
+              <code>tts:direction</code> properties are set to <code>bidiOverride</code>
+              and <code>rtl</code>, respectively, in order to override the normally
+              left-to-right directionality of characters in the Latin script.</p>
+            </div>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.27.7.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-attribute-zIndex" id="style-attribute-zIndex"></a>8.2.26
+            tts:zIndex</h4>
+            <p>The <code>tts:zIndex</code> attribute is used to specify a style property
+            that defines the front-to-back ordering of region areas in the case that they
+            overlap.</p>
+            <p>This attribute may be specified by any style specification element or
+            content element that permits use of attributes in the TT Style Namespace;
+            however, this attribute applies as a style property only to those element
+            types indicated in the following table.</p>
+            <table summary="HTML Table" id="style-property-details-zIndex"
+            class="common">
+              <col width="25%" span="1" />
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Values:</em></td>
+                  <td rowspan="1" colspan="1"><code>auto</code> | <a
+                  href="#style-value-integer">&lt;integer&gt;</a> |
+                  <code>inherit</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Initial:</em></td>
+                  <td rowspan="1" colspan="1"><code>auto</code></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Applies to:</em></td>
+                  <td rowspan="1" colspan="1"><a
+                  href="#layout-vocabulary-region"><code>region</code></a></td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Inherited:</em></td>
+                  <td rowspan="1" colspan="1">no</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Percentages:</em></td>
+                  <td rowspan="1" colspan="1">N/A</td>
+                </tr>
+                <tr>
+                  <td rowspan="1" colspan="1"><em>Animatable:</em></td>
+                  <td rowspan="1" colspan="1">discrete</td>
+                </tr>
+              </tbody>
+            </table>
+            <p>If two areas are associated with the same Z-index value, then, if those
+            areas overlap in space, the area(s) generated by lexically subsequent
+            elements must be rendered over area(s) generated by lexically prior elements,
+            where lexical order is defined as the postorder traversal of a document
+            instance.</p>
+            <p>The semantics of the value <code>auto</code> are those defined by <a
+            href="#xsl10">[XSL 1.0]</a>, § 7.28.9, where the <code>tt</code> element is
+            considered to establish the root stacking context.</p>
+            <p>The <code>tts:zIndex</code> style is illustrated by the following
+            example.</p>
+            <table summary="HTML Table" id="style-attribute-zIndex-example-1"
+            class="example">
+              <caption>
+                Example Fragment – Z Index
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region xml:id="r1"&gt;
+  &lt;style tts:origin="0px 0px"/&gt;
+  &lt;style tts:extent="400px 100px"/&gt;
+  &lt;style tts:padding="5px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style <span class="strong">tts:zIndex="0"</span>/&gt;
+&lt;/region&gt;
+&lt;region xml:id="r2"&gt;
+  &lt;style tts:origin="100px 60px"/&gt;
+  &lt;style tts:extent="400px 100px"/&gt;
+  &lt;style tts:padding="5px"/&gt;
+  &lt;style tts:backgroundColor="red"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:textAlign="end"/&gt;
+  &lt;style <span class="strong">tts:zIndex="1"</span>/&gt;
+&lt;/region&gt;
+&lt;region xml:id="r3"&gt;
+  &lt;style tts:origin="0px 120px"/&gt;
+  &lt;style tts:extent="400px 100px"/&gt;
+  &lt;style tts:padding="5px"/&gt;
+  &lt;style tts:backgroundColor="black"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style <span class="strong">tts:zIndex="2"</span>/&gt;
+&lt;/region&gt;
+&lt;region xml:id="r4"&gt;
+  &lt;style tts:origin="100px 180px"/&gt;
+  &lt;style tts:extent="400px 100px"/&gt;
+  &lt;style tts:padding="5px"/&gt;
+  &lt;style tts:backgroundColor="red"/&gt;
+  &lt;style tts:color="white"/&gt;
+  &lt;style tts:textAlign="end"/&gt;
+  &lt;style <span class="strong">tts:zIndex="3"</span>/&gt;
+&lt;/region&gt;
+...
+&lt;p region="r1"&gt;
+  I passed by his garden, and marked, with one eye,&lt;br/&gt;
+  How the Owl and the Panther were sharing a pie.
+&lt;/p&gt;
+&lt;p region="r2"&gt;
+  The Panther took pie-crust, and gravy, and meat,&lt;br/&gt;
+  While the Owl had the dish as its share of the treat.
+&lt;/p&gt;
+&lt;p region="r3"&gt;
+  When the pie was all finished, the Owl, as a boon,&lt;br/&gt;
+  Was kindly permitted to pocket the spoon:
+&lt;/p&gt;
+&lt;p region="r4"&gt;
+  While the Panther received knife and fork&lt;br/&gt;
+  with a growl,&lt;br/&gt;
+  And concluded the banquet by...
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p/><p/>
+            <table summary="HTML Table" id="style-attribute-zIndex-example-1-images"
+            class="example-images">
+              <caption>
+                Example Rendition – Z Index
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1"><img src="images/zIndex.png"
+                  alt="DFXP zIndex style property" /></td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The semantics of the style property represented by this attribute are
+              based upon that defined by <a href="#xsl10">[XSL 1.0]</a>, § 7.28.9.</p>
+            </div>
+          </div>
+        </div>
+        <div class="div2">
+          <h3><a name="styling-style-value-expressions"
+          id="styling-style-value-expressions"></a>8.3 Style Value Expressions</h3>
+          <p>Style property values include the use of the following expressions:</p>
+          <ul>
+            <li>
+              <p><a href="#style-value-alpha"><b>8.3.1 &lt;alpha&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-color"><b>8.3.2 &lt;color&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-digit"><b>8.3.3 &lt;digit&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-duration"><b>8.3.4 &lt;duration&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-familyName"><b>8.3.5
+              &lt;familyName&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-flowFunction"><b>8.3.7
+              &lt;flowFunction&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-flowIntervalFunction"><b>8.3.8
+              &lt;flowIntervalFunction&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-genericFamilyName"><b>8.3.6
+              &lt;genericFamilyName&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-hexDigit"><b>8.3.9 &lt;hexDigit&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-integer"><b>8.3.10 &lt;integer&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-namedColor"><b>8.3.12
+              &lt;namedColor&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-quotedString"><b>8.3.13
+              &lt;quotedString&gt;</b></a></p>
+            </li>
+            <li>
+              <p><a href="#style-value-string"><b>8.3.14 &lt;string&gt;</b></a></p>
+            </li>
+          </ul>
+          <div class="div3">
+            <h4><a name="style-value-alpha" id="style-value-alpha"></a>8.3.1
+            &lt;alpha&gt;</h4>
+            <p>An &lt;alpha&gt; expression is used to express an opacity value, where 0
+            means fully transparent and 1 means fully opaque.</p>
+            <table summary="HTML Table" id="alpha-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;alpha&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;alpha&gt;
+  : <em>float</em>
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>In the above syntax representation, the syntactic element
+            <em><code>float</code></em> must adhere to the lexical representation defined
+            by <a href="#xsd-2">[XML Schema Part 2]</a>&nbsp;§ 3.2.4.1.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-color" id="style-value-color"></a>8.3.2
+            &lt;color&gt;</h4>
+            <p>A &lt;color&gt; expression is used to specify a named color, exact RGB
+            color triple, or exact RGBA color tuple, where the alpha component, if
+            expressed, is maximum (255) at 100% opacity and minimum (0) at 0% opacity,
+            and where the applicable color space is defined by <a
+            href="#srgb">[SRGB]</a>.</p>
+            <table summary="HTML Table" id="color-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;color&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;color&gt;
+  : "#" rrggbb
+  | "#" rrggbbaa
+  | "rgb" "(" r-value "," g-value "," b-value ")"
+  | "rgba" "(" r-value "," g-value "," b-value "," a-value ")"
+  | <a href="#style-value-namedColor">&lt;namedColor&gt;</a>
+rrggbb
+  :  <a href="#style-value-hexDigit">&lt;hexDigit&gt;</a>{6}
+rrggbbaa
+  :  <a href="#style-value-hexDigit">&lt;hexDigit&gt;</a>{8}
+r-value | g-value | b-value | a-value
+  : component-value
+component-value
+  : non-negative-integer                    // valid range: [0,255]
+non-negative-integer
+  : <a href="#style-value-digit">&lt;digit&gt;</a>+
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>When expressing RGB component values, these values are considered to <span
+            class="strong">not</span> be premultiplied by alpha.</p>
+            <p>For the purpose of performing presentation processing such that non-opaque
+            or non-transparent alpha or opacity values apply, then the semantics of
+            compositing functions are defined with respect to the use of the <a
+            href="#srgb">[SRGB]</a> color space for both inputs and outputs of the
+            composition function.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The use of <a href="#srgb">[SRGB]</a> for the stated semantics of
+              composition is not mean to prevent an actual processor from using some
+              other color space either for internal or external purposes. For example, a
+              presentation processor may ultimately convert the SRGB values used here to
+              the YUV color space for rendition on a television device.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-digit" id="style-value-digit"></a>8.3.3
+            &lt;digit&gt;</h4>
+            <p>A &lt;digit&gt; is used to express integers and other types of numbers or
+            tokens.</p>
+            <table summary="HTML Table" id="digit-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;digit&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;digit&gt;
+  : "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9"
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-duration" id="style-value-duration"></a>8.3.4
+            &lt;duration&gt;</h4>
+            <p>A &lt;duration&gt; expression is used to express a temporal duration
+            value.</p>
+            <table summary="HTML Table" id="duration-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;duration&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;duration&gt;
+  : <a href="#style-value-digit">&lt;digit&gt;</a> ( "." <a
+href="#style-value-digit">&lt;digit&gt;</a>+ )? metric
+metric
+  : "s"                 // seconds
+  | "ms"                // milliseconds
+  | "f"                 // frames
+  | "t"                 // ticks
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>It is an error to omit the metric component of a duration.</p>
+            <p>When operating with <code>smpte</code> time base and
+            <code>discontinuous</code> mode, a duration expression must be considered to
+            denote a duration in (local) real-time, independently of the governing time
+            base.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-familyName" id="style-value-familyName"></a>8.3.5
+            &lt;familyName&gt;</h4>
+            <p>A &lt;familyName&gt; expression specifies a font family name.</p>
+            <p>If the name contains a whitespace or quotation delimiter character, then
+            it must be expressed as a &lt;quotedString&gt;.</p>
+            <table summary="HTML Table" id="familyName-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;familyName&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;familyName&gt;
+  : <a href="#style-value-string">&lt;string&gt;</a>
+  | <a href="#style-value-quotedString">&lt;quotedString&gt;</a>
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-genericFamilyName"
+            id="style-value-genericFamilyName"></a>8.3.6 &lt;genericFamilyName&gt;</h4>
+            <p>A &lt;genericFamilyName&gt; expression specifies a font family using a
+            general token that indicates a class of font families.</p>
+            <p>The resolution of a generic family name to a concrete font instance is
+            considered to be implementation dependent, both in the case of content
+            authoring and content interpretation.</p>
+            <table summary="HTML Table" id="genericFamilyName-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;genericFamilyName&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;genericFamilyName&gt;
+  : "default"
+  | "monospace"
+  | "sansSerif"
+  | "serif"
+  | "monospaceSansSerif"
+  | "monospaceSerif"
+  | "proportionalSansSerif"
+  | "proportionalSerif"
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The mapping between a generic (font) family name and an actual font is not
+            determined by this specification; however, the distinction of monospace
+            versus proportional and serif versus sans-serif should be maintained if
+            possible when performing presentation.</p>
+            <p>If a generic (font) family name of <code>monospace</code> is specified,
+            then it may be interpreted as equivalent to either
+            <code>monospaceSansSerif</code> or <code>monospaceSerif</code>. The generic
+            family names <code>sansSerif</code> and <code>serif</code> are to be
+            interpreted as equivalent to <code>proportionalSansSerif</code> and
+            <code>proportionalSerif</code>, respectively.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-flowFunction"
+            id="style-value-flowFunction"></a>8.3.7 &lt;flowFunction&gt;</h4>
+            <p>A &lt;flowFunction&gt; expression specifies a unit of content to be
+            dynamic flowed into, within, and from a region according to an optional
+            dynamic flow style, flow transition effect, and flow transition effect
+            style.</p>
+            <table summary="HTML Table" id="flowFunction-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;flowFunction&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;flowFunction&gt;
+  : "in(" flowArguments ")"
+  | "within(" flowArguments ")"
+  | "out(" flowArguments ")"
+flowArguments
+  : flowUnit [ "," flowStyle [ "," flowTransition [ "," flowTransitionStyle ]]]
+flowUnit
+  : "pixel"
+  | "glyph"
+  | "inline"
+  | "line"
+  | "block"
+  | "character"
+  | "word"
+  | extensionToken
+flowStyle
+  : "jump"
+  | "smooth"
+  | "fade"
+  | extensionToken
+flowTransition
+  : "barWipe"
+  | extensionToken
+flowTransitionStyle
+  : "leftToRight"
+  | "topToBottom"
+  | extensionToken
+extensionToken
+  : "x-" &lt;token&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>Dynamic flow can be specified independently for flowing content into its
+            region, flowing it within its region, and flowing it out of its region. These
+            three phases of dynamic flow are specified using the <code>in()</code>,
+            <code>within()</code>, and <code>out()</code> flow functions
+            respectively.</p>
+            <p>Dynamic flow occurs on the basis of specific visual or semantic content
+            units. In the case of <code>pixel</code>, <code>glyph</code>,
+            <code>inline</code>, <code>line</code>, and <code>block</code>, the unit of
+            dynamic flow is based upon a visually rendered construct (<code>pixel</code>
+            or <code>glyph</code>) or upon an area of the area tree produced by
+            formatting the affected content. In the case of <code>character</code> and
+            <code>word</code>, the unit of dynamic flow is based upon a semantic unit
+            associated with one or more visually rendered or area units.</p>
+            <p>The dynamic flow unit <code>word</code> must be interpreted as being
+            dependent upon the language or writing system of the affected content. If the
+            language or writing system is unknown or unspecified, then <code>word</code>
+            is interpreted as follows:</p>
+            <ol type="1">
+              <li>
+                <p>If the affected content consists solely or mostly of Unified CJK
+                Ideographic characters or of characters of another Unicode character
+                block that are afforded similar treatment to that of Unified CJK
+                Ideographic characters, then <code>word</code> is to be interpreted as if
+                <code>character</code> were specified.</p>
+              </li>
+              <li>
+                <p>Otherwise, <code>word</code> is to be interpreted as denoting a
+                sequence of one or more characters that are not interpreted as an XML
+                whitespace character.</p>
+              </li>
+            </ol>
+            <p>When a flow unit is flowed into, within, or out of its region, the manner
+            by which the unit is flowed is controlled by the optional
+            <code>flowStyle</code> argument of the relevant flow function. If the flow
+            style is specified as <code>jump</code>, or if no flow style is specified,
+            then the flow unit is instantaneously transitioned into, within, or out of
+            the region. If the flow style is <code>smooth</code>, then the flow unit is
+            smoothly transitioned by means of pixel based exposure, movement, or hiding,
+            respectively. If the flow style is <code>fade</code>, then the flow unit is
+            faded into or out of the region by continuously incrementing or decrementing
+            the alpha component of the affected content.</p>
+            <p>In addition to the primary flow style, an optional flow transition effect
+            and flow transition effect style may be specified, in which case the
+            transition effect is additively (and simultaneously) applied to the primary
+            flow style transition.</p>
+            <p>For the permitted values of <code>flowTransition</code> and
+            <code>flowTransitionStyle</code>, the semantics specified by <a
+            href="#smil21">[SMIL 2.1]</a>, § 12.8, apply.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-flowIntervalFunction"
+            id="style-value-flowIntervalFunction"></a>8.3.8
+            &lt;flowIntervalFunction&gt;</h4>
+            <p>A &lt;flowIntervalFunction&gt; expression specifies an interval or
+            duration that affects dynamic flow timing behavior.</p>
+            <table summary="HTML Table" id="flowIntervalFunction-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;flowIntervalFunction&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;flowIntervalFunction&gt;
+  : "intra(" flowIntervalArguments ")"
+  | "inter(" flowIntervalArguments ")"
+flowIntervalArguments
+  : "auto"
+  | <a href="#style-value-duration">&lt;duration&gt;</a>
+  | flowIntervalRate
+flowIntervalRate
+  : <a href="#style-value-digit">&lt;digit&gt;</a>+ ( "." <a
+href="#style-value-digit">&lt;digit&gt;</a>+ )?
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The <code>intra()</code> flow interval function is used to determine the
+            <em>computed fill interval</em> state parameter for performing dynamic flow
+            processing, which expresses the duration of time between fill timer events,
+            as specified by <a href="#flowTimerFill"><b>B.5.1 Fill Timer</b></a>, which
+            in turn, limits the dynamic flowed content fill rate.</p>
+            <p>The <code>inter()</code> flow interval function is used to determine the
+            <em>computed clear interval</em> state parameter for performing dynamic flow
+            processing, which expresses the duration of time between clear timer events,
+            as specified by <a href="#flowTimerClear"><b>B.5.2 Clear Timer</b></a>, which
+            in turn, limits the dynamic flowed content retention period.</p>
+            <p>If a <a href="#style-value-duration">&lt;duration&gt;</a> is specified as
+            an argument to a flow interval function, then it is considered to represent a
+            <em>definite duration</em>. If a flow interval rate is specified as an
+            argument to a flow interval function, then it is considered to represent a
+            <em>definite rate</em> in units per second, where the applicable unit is
+            determined in the context of whether the rate is used with an
+            <code>intra()</code> or <code>inter()</code> flow interval function.</p>
+            <p>The computed fill and clear interval values are defined by <a
+            href="#dynamicFlowIntervalTimingCalculation"><b>B.3 Flow Interval Timing
+            Calculation</b></a>.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-hexDigit" id="style-value-hexDigit"></a>8.3.9
+            &lt;hexDigit&gt;</h4>
+            <p>A &lt;hexDigit&gt; is used to express integers and other types of numbers
+            or tokens that employ base 16 arithmetic.</p>
+            <p>For the purpose of parsing, no distinction must be made between lower and
+            upper case.</p>
+            <table summary="HTML Table" id="hexDigit-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;hexDigit&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;hexDigit&gt;
+  : <a href="#style-value-digit">&lt;digit&gt;</a>
+  | "a" | "b" | "c" | "d" | "e" | "f"
+  | "A" | "B" | "C" | "D" | "E" | "F"
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-integer" id="style-value-integer"></a>8.3.10
+            &lt;integer&gt;</h4>
+            <p>An &lt;integer&gt; expression is used to express an arbitrary, signed
+            integral value.</p>
+            <table summary="HTML Table" id="integer-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;integer&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;integer&gt;
+  : ( "+" | "-" )? <a href="#style-value-digit">&lt;digit&gt;</a>+
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-length" id="style-value-length"></a>8.3.11
+            &lt;length&gt;</h4>
+            <p>A &lt;length&gt; expression is used to express either a coordinate
+            component of point in a cartesian space or a distance between two points in a
+            cartesian space.</p>
+            <table summary="HTML Table" id="length-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;length&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;length&gt;
+  : scalar
+  | percentage
+scalar
+  : number units
+percentage
+  : number "%"
+sign
+  : "+" | "-"
+number
+  : sign? non-negative-number
+non-negative-number
+  : non-negative-integer
+  | non-negative-real
+non-negative-integer
+  : <a href="#style-value-digit">&lt;digit&gt;</a>+
+non-negative-real
+  : <a href="#style-value-digit">&lt;digit&gt;</a>* "." <a
+href="#style-value-digit">&lt;digit&gt;</a>+
+units
+  : "px"
+  | "em"
+  | "c"                                     // abbreviation of "cell"
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>It is an error to omit the units component of a scalar length value.</p>
+            <p>The semantics of the unit of measure <code>px</code> (pixel) are as
+            defined by <a href="#xsl10">[XSL 1.0]</a>, § 5.9.13.</p>
+            <p>When specified relative to a font whose size is expressed as a single
+            length measure or as two length measures of equal length, the unit of measure
+            <code>em</code> is considered to be identical to that defined by <a
+            href="#xsl10">[XSL 1.0]</a>, § 5.9.13; however, when specified relative to a
+            font whose size is expressed as two length measures of non-equal lengths,
+            then one <code>em</code> is equal to the inline progression dimension of the
+            anisomorphically scaled font when used to specify lengths in the inline
+            progression direction and equal to the block progression dimension of the
+            scaled font when used to specify lengths in the block progression
+            direction.</p>
+            <p>The semantics of the unit of measure <code>c</code> (cell) are defined by
+            the parameter <a href="#parameter-attribute-cellResolution"><b>6.2.1
+            ttp:cellResolution</b></a>.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-namedColor" id="style-value-namedColor"></a>8.3.12
+            &lt;namedColor&gt;</h4>
+            <p>A &lt;namedColor&gt; is used to express an RGBA color with a convenient
+            name, and where the applicable color space is defined by <a
+            href="#srgb">[SRGB]</a>.</p>
+            <p>For the purpose of parsing, no distinction must be made between lower and
+            upper case.</p>
+            <table summary="HTML Table" id="namedColor-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;namedColor&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;namedColor&gt;
+  : "transparent"                           // #00000000
+  | "black"                                 // #000000ff
+  | "silver"                                // #c0c0c0ff
+  | "gray"                                  // #808080ff
+  | "white"                                 // #ffffffff
+  | "maroon"                                // #800000ff
+  | "red"                                   // #ff0000ff
+  | "purple"                                // #800080ff
+  | "fuchsia"                               // #ff00ffff
+  | "magenta"                               // #ff00ffff (= fuchsia)
+  | "green"                                 // #008000ff
+  | "lime"                                  // #00ff00ff
+  | "olive"                                 // #808000ff
+  | "yellow"                                // #ffff00ff
+  | "navy"                                  // #000080ff
+  | "blue"                                  // #0000ffff
+  | "teal"                                  // #008080ff
+  | "aqua"                                  // #00ffffff
+  | "cyan"                                  // #00ffffff (= aqua)
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>Except for <code>transparent</code>, the set of named colors specified
+              above constitutes a proper subset of the set of named colors specified by
+              <a href="#svg11">[SVG 1.1]</a>, § 4.2.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-quotedString"
+            id="style-value-quotedString"></a>8.3.13 &lt;quotedString&gt;</h4>
+            <p>A &lt;quotedString&gt; is used to express a delimited string that may
+            contain a whitespace or a quotation delimiter character. Two types of
+            quotation delimiters are provided in order to accommodate strings that
+            contain the other delimiter.</p>
+            <table summary="HTML Table" id="quotedString-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;quotedString&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;quotedString&gt;
+  : "\"" ( <em>char</em> - { "\"" } )* "\""
+  | "\'" ( <em>char</em> - { "\'" } )* "\'"
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>In the above syntax representation, the syntactic element
+            <em><code>char</code></em> must adhere to production [2] <code>Char</code> as
+            defined by <a href="#xml11">[XML 1.1]</a>&nbsp;§ 2.2.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="style-value-string" id="style-value-string"></a>8.3.14
+            &lt;string&gt;</h4>
+            <p>A &lt;string&gt; expression consists of a sequence of characters where no
+            character is a whitespace or quotation delimiter character.</p>
+            <table summary="HTML Table" id="string-style-expression-syntax"
+            class="syntax">
+              <caption>
+                Syntax Representation – &lt;string&gt;
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;string&gt;
+  : ( <em>char</em> - { <em>S</em> | "\"" | "\'" } )+
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>In the above syntax representation, the syntactic element
+            <em><code>char</code></em> must adhere to production [2] <code>Char</code> as
+            defined by <a href="#xml11">[XML 1.1]</a>&nbsp;§ 2.2, while the syntactic
+            element <em><code>S</code></em> must adhere to production [3] <code>S</code>
+            as defined by <a href="#xml11">[XML 1.1]</a>&nbsp;§ 2.3.</p>
+          </div>
+        </div>
+        <div class="div2">
+          <h3><a name="semantics-style-association"
+          id="semantics-style-association"></a>8.4 Style Association</h3>
+          <p>Style matter may be associated with content matter in a number of ways:</p>
+          <ul>
+            <li>
+              <p>inline styling</p>
+            </li>
+            <li>
+              <p>referential styling</p>
+            </li>
+            <li>
+              <p>chained referential styling</p>
+            </li>
+          </ul>
+          <div class="div3">
+            <h4><a name="semantics-style-association-inline"
+            id="semantics-style-association-inline"></a>8.4.1 Inline Styling</h4>
+            <p>Style properties may be expressed in an inline manner by direct
+            specification of an attribute from the TT Style Namespace or TT Style
+            Extension Namespace on the affected element. When expressed in this manner,
+            the association of style information is referred to as <em>inline
+            styling</em>.</p>
+            <p>Style properties associated by inline styling are afforded a higher
+            priority than all other forms of style association.</p>
+            <table summary="HTML Table" id="style-association-example-1" class="example">
+              <caption>
+                Example – Inline Styling
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;p <span class="strong">tts:color="white"</span>&gt;White 1&nbsp;&lt;span <span
+class="strong">tts:color="yellow"</span>&gt;Yellow&lt;/span&gt;&nbsp;White 2&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>In the above example, the two text fragments <code>"White 1 "</code> and
+              <code>" White 2"</code>, which are interpreted as anonymous spans, are not
+              associated with a color style property; rather, they inherit their color
+              style from their parent <code>p</code> element as described in <a
+              href="#semantics-style-inheritance-content"><b>8.5.1 Content Style
+              Inheritance</b></a> below.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="semantics-style-association-referential"
+            id="semantics-style-association-referential"></a>8.4.2 Referential
+            Styling</h4>
+            <p>Style properties may be expressed in an out-of-line manner and referenced
+            by the affected element using the <code>style</code> attribute. When
+            expressed in this manner, the association of style information is referred to
+            as <em>referential styling</em>.</p>
+            <p>If a <code>style</code> attribute specifies multiple references, then
+            those references are evaluated in the specified order, and that order applies
+            to resolution of the value of a style property in the case that it is
+            specified along multiple reference paths.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The use of referential styling encourages the reuse of style
+              specifications while sacrificing locality of reference.</p>
+            </div>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>A single content element may be associated with style properties by a
+              hybrid mixture of inline and referential styling, in which case inline
+              styling is given priority as described above by <a
+              href="#semantics-style-association-inline"><b>8.4.1 Inline
+              Styling</b></a>.</p>
+            </div>
+            <table summary="HTML Table" id="style-association-example-2" class="example">
+              <caption>
+                Example – Referential Styling
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;style <span class="strong">xml:id="s1"</span> tts:color="white"/&gt;
+&lt;style <span class="strong">xml:id="s2"</span> tts:color="yellow"/&gt;
+...
+&lt;p <span class="strong">style="s1"</span>&gt;White 1&nbsp;&lt;span <span
+class="strong">style="s2"</span>&gt;Yellow&lt;/span&gt;&nbsp;White 2&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>In the above example, the two text fragments <code>"White 1 "</code> and
+              <code>" White 2"</code>, which are interpreted as anonymous spans, are not
+              associated with a color style property; rather, they inherit their color
+              style from their parent <code>p</code> element as described in <a
+              href="#semantics-style-inheritance-content"><b>8.5.1 Content Style
+              Inheritance</b></a> below.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="semantics-style-association-chained-referential"
+            id="semantics-style-association-chained-referential"></a>8.4.3 Chained
+            Referential Styling</h4>
+            <p>Style properties may be expressed in an out-of-line manner and may
+            themselves reference other out-of-line style properties, thus creating a
+            chain of references starting at the affected element. When expressed in this
+            manner, the association of style information is referred to as <em>chained
+            referential styling</em>.</p>
+            <p>If the same style property is specified in more than one referenced
+            specification, then the last referenced style specification applies, where
+            the order of application starts from the affected element and proceeds to
+            referenced style specifications, and, in turn, to subsequent referenced style
+            specifications.</p>
+            <p>A loop in a sequence of chained style references must be considered an
+            error.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>The use of chained referential styling encourages the grouping of style
+              specifications into general and specific sets, which further aids in style
+              specification reuse.</p>
+            </div>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>A single content element may be associated with style properties by a
+              hybrid mixture of inline, referential styling, and chained referential
+              styling, in which case inline styling is given priority as described above
+              by <a href="#semantics-style-association-inline"><b>8.4.1 Inline
+              Styling</b></a>.</p>
+            </div>
+            <table summary="HTML Table" id="style-association-example-3" class="example">
+              <caption>
+                Example – Chained Referential Styling
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;style <span
+class="strong">xml:id="s1"</span> tts:color="white" tts:fontFamily="monospaceSerif"/&gt;
+&lt;style <span class="strong">xml:id="s2"</span> <span
+class="strong">style="s1"</span> tts:color="yellow"/&gt;
+...
+&lt;p <span class="strong">style="s1"</span>&gt;White Monospace&lt;/p&gt;
+&lt;p <span class="strong">style="s2"</span>&gt;Yellow Monospace&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+        <div class="div2">
+          <h3><a name="semantics-style-inheritance"
+          id="semantics-style-inheritance"></a>8.5 Style Inheritance</h3>
+          <p>Subsequent to the association of style matter with content matter as
+          described above in <a href="#semantics-style-association"><b>8.4 Style
+          Association</b></a>, styles are further propagated to content matter using:</p>
+          <ul>
+            <li>
+              <p>content style inheritance</p>
+            </li>
+            <li>
+              <p>region style inheritance</p>
+            </li>
+          </ul>
+          <div class="div3">
+            <h4><a name="semantics-style-inheritance-content"
+            id="semantics-style-inheritance-content"></a>8.5.1 Content Style
+            Inheritance</h4>
+            <p>Style properties are inherited from ancestor elements in the following
+            case:</p>
+            <ol type="1">
+              <li>
+                <p>if a style property is not associated with an element (or an anonymous
+                span) and the style property is designated as inheritable, or</p>
+              </li>
+              <li>
+                <p>if a style property is associated with an element, that element is not
+                the <code>body</code> element, and the associated style property value is
+                <code>inherit</code>.</p>
+              </li>
+            </ol>
+            <p>If a style property is determined to require inheritance, then the
+            inherited value must be the value of the same named style property in the
+            computed style specification set of the element's immediate ancestor
+            element.</p>
+            <table summary="HTML Table" id="style-inheritance-example-1" class="example">
+              <caption>
+                Example – Content Style Inheritance
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;p <span class="strong">tts:fontFamily="monospaceSansSerif"</span>&gt;
+  &lt;span tts:color="yellow"&gt;Yellow Monospace&lt;/span&gt;
+&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>In the above example, the <code>span</code> element that encloses the
+              character items <code>Yellow Monospace</code> is not associated with a
+              <code>tts:fontFamily</code> style property and this property is
+              inheritable; therefore, the value of the <code>tts:fontFamily</code> style
+              is inherited from the computed style specification set of the ancestor
+              <code>p</code> element, and is added to the computed style specification
+              set of the <code>span</code> element.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="semantics-style-inheritance-region"
+            id="semantics-style-inheritance-region"></a>8.5.2 Region Style
+            Inheritance</h4>
+            <p>Style properties are inherited from a region element in the following
+            case:</p>
+            <ol type="1">
+              <li>
+                <p>if a style property <em>P</em> is not associated with an element (or
+                an anonymous span) <em>E</em> and the style property is designated as
+                inheritable, and</p>
+              </li>
+              <li>
+                <p>if that style property <em>P</em> is in the computed style
+                specification set of region <em>R</em> as defined by <a
+                href="#layout-vocabulary-region"><b>9.1.2 region</b></a> below, and</p>
+              </li>
+              <li>
+                <p>if that element <em>E</em> is flowed into region <em>R</em>.</p>
+              </li>
+            </ol>
+            <table summary="HTML Table" id="style-inheritance-example-2" class="example">
+              <caption>
+                Example – Region Style Inheritance
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region <span class="strong">xml:id="r1"</span>&gt;
+&nbsp;&nbsp;&lt;style tts:color="yellow"/&gt;
+&nbsp;&nbsp;&lt;style tts:fontFamily="monospaceSerif"/&gt;
+&lt;/region&gt;
+...
+&lt;p <span class="strong">region="r1"</span>&gt;Yellow Monospace&lt;/p&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <div class="div1">
+        <h2><a name="layout" id="layout"></a>9 Layout</h2>
+        <p>This section specifies the <em>layout</em> matter of the core vocabulary
+        catalog, where layout is to be understood as a separable layer of information
+        that applies to content and that denotes authorial intentions about the
+        presentation of that content.</p>
+        <div class="note">
+          <p class="prefix"><b>Note:</b></p>
+          <p>The two layers of layout and style matter are considered to be independently
+          separable. Layout matter specifies one or more spaces or areas into which
+          content is intended to be presented, while style matter specifies the manner in
+          which presentation occurs within the layout.</p>
+          <p>In certain cases, a content author may choose to embed (inline) style matter
+          directly into layout or content matter. In such cases, an alternative exists –
+          use of referential styling – in which the style matter is not embedded
+          (inlined).</p>
+        </div>
+        <div class="div2">
+          <h3><a name="layout-element-vocabulary" id="layout-element-vocabulary"></a>9.1
+          Element Vocabulary</h3>
+          <p>The following elements specify the structure and principal layout aspects of
+          a document instance:</p>
+          <ul>
+            <li>
+              <p><a href="#layout-vocabulary-layout"><b>9.1.1 layout</b></a></p>
+            </li>
+            <li>
+              <p><a href="#layout-vocabulary-region"><b>9.1.2 region</b></a></p>
+            </li>
+          </ul>
+          <div class="div3">
+            <h4><a name="layout-vocabulary-layout"
+            id="layout-vocabulary-layout"></a>9.1.1 layout</h4>
+            <p>The <code>layout</code> element is a container element used to group
+            layout matter, including metadata that applies to layout matter.</p>
+            <p>The <code>layout</code> element accepts as its children zero or more
+            elements in the <code>Metadata.class</code> element group, followed by zero
+            or more <code>region</code> elements.</p>
+            <table summary="HTML Table" id="elt-syntax-layout" class="syntax">
+              <caption>
+                XML Representation – Element Information Item: layout
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;layout
+  <a href="#content-attribute-id">xml:id</a> = ID
+  <a href="#content-attribute-lang">xml:lang</a> = string
+  <a href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>)
+  {<em>any attribute not in default or any TT namespace ...</em>}&gt;
+  <em>Content:</em> <a href="#element-vocab-group-table">Metadata.class</a>*, <a
+href="#layout-vocabulary-region">region</a>*
+&lt;/layout&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>To the extent that time semantics apply to the content of the
+            <code>layout</code> element, the implied time interval of this element is
+            defined to be coterminous with the external time interval.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="layout-vocabulary-region"
+            id="layout-vocabulary-region"></a>9.1.2 region</h4>
+            <p>The <code>region</code> element is used to define a space or area into
+            which content is to be flowed for the purpose of presentation.</p>
+            <p>The <code>region</code> element accepts as its children zero or more
+            elements in the <code>Metadata.class</code> element group, followed by zero
+            or more elements in the <code>Animation.class</code> element group, followed
+            by zero or more <code>style</code> elements.</p>
+            <p>Any metadata specified by children in the <code>Metadata.class</code>
+            element group applies semantically to the <code>region</code> element and its
+            descendants as a whole. Any animation elements specified by children in the
+            <code>Animation.class</code> element group apply semantically to the
+            <code>region</code> element. Any <code>style</code> child element must be
+            considered a local style definition that applies only to the containing
+            <code>region</code> element, i.e., does not apply for resolving referential
+            styling.</p>
+            <table summary="HTML Table" id="elt-syntax-region" class="syntax">
+              <caption>
+                XML Representation – Element Information Item: region
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+&lt;region
+  <a href="#timing-attribute-begin">begin</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#timing-attribute-dur">dur</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#timing-attribute-end">end</a> = <a
+href="#timing-value-timeExpression">&lt;timeExpression&gt;</a>
+  <a href="#style-attribute-style">style</a> = IDREFS
+  <a
+href="#timing-attribute-timeContainer">timeContainer</a> = (<em>par</em>|<em>seq</em>)
+  <a href="#content-attribute-id">xml:id</a> = ID
+  <a href="#content-attribute-lang">xml:lang</a> = string
+  <a href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>)
+  {<em>any attribute in TT Style namespace ...</em>}
+  {<em>any attribute not in default or any TT namespace ...</em>}&gt;
+  <em>Content:</em> <a href="#element-vocab-group-table">Metadata.class</a>*, <a
+href="#element-vocab-group-table">Animation.class</a>*, <a
+href="#styling-vocabulary-style">style</a>*
+&lt;/region&gt;
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The declared value of an inline style attribute on a <code>region</code>
+            element must not be <code>inherit</code>.</p>
+            <p>A <code>region</code> element is considered to define a computed style
+            specification set, where the set is determined using the following ordered
+            rules:</p>
+            <ol type="1">
+              <li>
+                <p>If a <code>style</code> attribute is specified on the
+                <code>region</code> element, then the set must be initialized so as to
+                include each style specification contained in the computed style
+                specification set of each element referenced by the <code>style</code>
+                attribute. If the same named style property is specified by more than one
+                such referenced computed style specification set, then the value of the
+                named style property in following referenced sets takes precedence over
+                the value of the named style property in prior referenced sets, where
+                following and prior are determined according to the order of the
+                referenced ID in the IDREFS value of the <code>style</code>
+                attribute.</p>
+              </li>
+              <li>
+                <p>If the <code>region</code> element has any <code>style</code> element
+                children, then each style specification of the computed style
+                specification set of each child <code>style</code> element either
+                overrides an existing style specification already contained within the
+                set or augments the set with a new style specification according to
+                whether or not the named style property of the style specification
+                matches the named style property of an existing style specification
+                already included in the set, where the order of evaluation of child
+                <code>style</code> elements proceeds from first to last such child
+                element.</p>
+              </li>
+              <li>
+                <p>If the <code>style</code> element specifies an attribute from the TT
+                Style Namespace or TT Style Extension Namespace, then each style
+                specification defined by that attribute either overrides an existing
+                style specification already contained within the set or augments the set
+                with a new style specification according to whether or not the named
+                style property of the style specification matches the named style
+                property of an existing style specification already included in the
+                set.</p>
+              </li>
+            </ol>
+            <p>Two named style properties are considered to match if their expanded names
+            match, where <em>expanded name</em> is defined by <a href="#xmlns11">[XML
+            Namespaces 1.1]</a>, §2.1, and the expanded name of a named style property is
+            the expanded name of the attribute that specifies the named style
+            property.</p>
+            <p>If <code>begin</code> and (or) <code>end</code> attributes are specified
+            on a <code>region</code> element, then they specify the beginning and (or)
+            ending points of a time interval during which the region is eligible for
+            activation and with respect to which animation child elements of the region
+            are timed. If specified, these begin and end points are relative to the time
+            interval of the nearest ancestor element associated with a time interval,
+            irregardless of whether that interval is explicit or implied.</p>
+            <p>The nearest ancestor element of a <code>region</code> element that is
+            associated with a time interval is the document instance's root
+            <code>tt</code> element.</p>
+            <p>If a <code>dur</code> attribute is specified on the <code>region</code>
+            element, then it specifies the simple duration of the region.</p>
+            <p>For the purpose of determining the semantics of presentation processing, a
+            region that is temporally inactive must not produce any visible marks when
+            presented on a visual medium.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>A <code>region</code> element may be associated with a time interval for
+              two purposes: (1) in order to temporally bound the presentation of the
+              region and its content, and (2) to provide a temporal context in which
+              animations of region styles may be effected.</p>
+              <p>For example, an author may wish a region that is otherwise empty, but
+              may have a visible background color to be presented starting at some time
+              and continuing over the region's duration. The simple duration of the
+              region serves additionaly to scope the presentation effects of content that
+              is targeted to the region. An author may also wish to move a region within
+              the root container extent or change a region's background color by means of
+              animation effects. In both of these cases, it is necessary to posit an
+              active time interval for a region.</p>
+            </div>
+          </div>
+        </div>
+        <div class="div2">
+          <h3><a name="layout-attribute-vocabulary"
+          id="layout-attribute-vocabulary"></a>9.2 Attribute Vocabulary</h3>
+          <p>This section defines the <a href="#layout-attribute-region"><b>9.2.1
+          region</b></a> attribute used with content elements.</p>
+          <div class="div3">
+            <h4><a name="layout-attribute-region" id="layout-attribute-region"></a>9.2.1
+            region</h4>
+            <p>The <code>region</code> attribute is used to reference a
+            <code>region</code> element which defines a space or area into which a
+            content element is intended to be flowed.</p>
+            <p>The <code>region</code> attribute may be specified by an instance of the
+            following element types:</p>
+            <ul>
+              <li>
+                <p><a
+                href="#document-structure-vocabulary-body"><code>body</code></a></p>
+              </li>
+              <li>
+                <p><a href="#content-vocabulary-div"><code>div</code></a></p>
+              </li>
+              <li>
+                <p><a href="#content-vocabulary-p"><code>p</code></a></p>
+              </li>
+              <li>
+                <p><a href="#content-vocabulary-span"><code>span</code></a></p>
+              </li>
+            </ul>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>See <a href="#semantics-region-layout"><b>9.3 Region Layout and
+              Presentation</b></a> below for further information on content flow in a
+              region.</p>
+            </div>
+          </div>
+        </div>
+        <div class="div2">
+          <h3><a name="semantics-region-layout" id="semantics-region-layout"></a>9.3
+          Region Layout and Presentation</h3>
+          <p>This section defines the semantics of region layout and presentation in
+          terms of a standard processing model. Any implementation is permitted provided
+          that the externally observable results are consistent with the results produced
+          by this model.</p>
+          <div class="div3">
+            <h4><a name="semantics-region-layout-step-1"
+            id="semantics-region-layout-step-1"></a>9.3.1 Synchronic Region
+            Construction</h4>
+            <p>For the purposes of performing presentation processing, the active time
+            duration of a document instance is divided into a sequence of time
+            coordinates where at each time coordinate, some element becomes temporally
+            active or inactive, then, at each such time coordinate, a document instance
+            is mapped from its original, source form to an intermediate form, <em>I</em>,
+            as follows:</p>
+            <ol type="1">
+              <li>
+                <p>for each temporally active region <em>R</em>, replicate the portion of
+                the document's sub-tree headed by the <code>body</code> element;</p>
+              </li>
+              <li>
+                <p>evaluating this sub-tree in a postorder traversal, prune elements if
+                they are not a content element, if they are temporally inactive, if they
+                are empty, or if they aren't associated with region <em>R</em>;</p>
+              </li>
+              <li>
+                <p>if the pruned sub-tree is non-empty, then reparent it to the
+                <em>R</em> element;</p>
+              </li>
+              <li>
+                <p>finally, after completing the above steps, prune the original
+                <code>body</code> element from the intermediate document, then prune all
+                <code>region</code>, <code>begin</code>, <code>end</code>, and
+                <code>dur</code> attributes, which are no longer semantically
+                relevant;</p>
+              </li>
+            </ol>
+            <p>The pseudo-code shown in <a
+            href="#content-hierarchy-region-mapping"><b>Example – Content Hierarchy
+            Region Mapping</b></a> provides one possible algorithm that implements these
+            processing steps.</p>
+            <table summary="HTML Table" id="content-hierarchy-region-mapping"
+            class="example">
+              <caption>
+                Example – Content Hierarchy Region Mapping
+              </caption>
+              <tbody>
+                <tr>
+                  <td rowspan="1" colspan="1">
+                    <div class="exampleInner">
+<pre>
+PREPARE-CONTENT ( D ) := 
+  foreach R in SELECT ( D, "/tt/head/layout/region" )
+    if TEMPORALLY-ACTIVE? ( R )
+      APPEND-CHILDREN ( R, SELECT ( D, "/tt/body" ) )
+      foreach E in POSTORDER-TRAVERSE ( R )
+        if CONTENT-ELEMENT? ( E ) and TEMPORALLY-ACTIVE? ( E )
+          if EMPTY? ( E ) or REGION-OF ( E ) != R and 
+            then PRUNE ( E )
+  PRUNE ( SELECT ( D, "/tt/body" ) )
+  PRUNE ( SELECT ( D, "//*/@region" ) )
+  PRUNE ( SELECT ( D, "//*/@begin" ) )
+  PRUNE ( SELECT ( D, "//*/@end" ) )
+  PRUNE ( SELECT ( D, "//*/@dur" ) )
+ 
+REGION-OF ( E ) :=
+  if NULL? ( E )
+    return NULL
+  else if HAS-ATTRIBUTE? ( E, "region" )
+    return VALUE-OF-ATTRIBUTE ( E, "region" )
+  else
+    return REGION-OF ( PARENT-OF ( E ) )
+</pre>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <p>The result of performing the processing described above will be a sequence
+            of <em>N</em> intermediate documents instances, <em>I<sub>0</sub></em> …
+            <em>I<sub>N−1</sub></em>.</p>
+          </div>
+          <div class="div3">
+            <h4><a name="semantics-region-layout-step-2"
+            id="semantics-region-layout-step-2"></a>9.3.2 Synchronic Flow Processing</h4>
+            <p>Subsequent to performing a temporal (synchronic) slice and subsequent
+            remapping of regionally selected content hierarchy, the resulting
+            intermediate document is subjected to a flow transformation step that
+            produces a rooted flow object tree represented as an XSL FO document instance
+            as defined by <a href="#xsl10">[XSL 1.0]</a>, and semantically extended by TT
+            AF specific style properties that have no XSL FO counterpart.</p>
+            <p>Each intermediate document produced by <a
+            href="#semantics-region-layout-step-1"><b>9.3.1 Synchronic Region
+            Construction</b></a> is mapped to an XSL FO document instance, <em>F</em>, as
+            follows:</p>
+            <ol type="1">
+              <li>
+                <p>for each significant text node in a content element that is not a
+                child of a <code>span</code> element, synthesize an anonymous span to
+                enclose the text node, substituting the new anonymous span for the
+                original text node child in its sibling and parent hierarchy;</p>
+              </li>
+              <li>
+                <p>for each element, determine its computed style specification set, if
+                applicable;</p>
+              </li>
+              <li>
+                <p>map the <code>tt</code> element to an <code>fo:root</code> element,
+                populated initially with an <code>fo:layout-master-set</code> element
+                that contains a valid <code>fo:simple-page-master</code> that, in turn,
+                contains an <code>fo:region-body</code> child, where the root container
+                extent expressed on the <code>tt</code> element is mapped to
+                <code>page-width</code> and <code>page-height</code> attributes on the
+                <code>fo:simple-page-master</code> element;</p>
+              </li>
+              <li>
+                <p>map the <code>layout</code> element to an
+                <code>fo:page-sequence</code> element and a child <code>fo:flow</code>
+                element that reference the page master and page region defined by the
+                simple page master produced above;</p>
+              </li>
+              <li>
+                <p>map each non-empty <code>region</code> element to an
+                <code>fo:block-container</code> element with an
+                <code>absolute-position</code> attribute with value
+                <code>absolute</code>, and where the region's position and extent are
+                mapped to equivalent <code>top</code>, <code>left</code>,
+                <code>width</code>, and <code>height</code> attributes;</p>
+              </li>
+              <li>
+                <p>for each <code>body</code>, <code>div</code>, and <code>p</code>
+                element that is not associated with a <code>tts:display</code> style
+                property with the value <code>none</code>, map the element to a distinct
+                <code>fo:block</code> element, populating the style properties of
+                <code>fo:block</code> by using the computed style specification set
+                associated with each original TT AF content element;</p>
+              </li>
+              <li>
+                <p>for each <code>span</code> element that is not associated with a
+                <code>tts:display</code> style property with the value <code>none</code>
+                and for each anonymous span, map the element or sequence of character
+                items to a distinct <code>fo:inline</code> element, populating the style
+                properties of <code>fo:inline</code> by using the computed style
+                specification set associated with each original TT AF content element or
+                anonymous span;</p>
+              </li>
+              <li>
+                <p>for each <code>br</code> element that is not associated with a
+                <code>tts:display</code> style property with the value <code>none</code>,
+                map the element to a distinct <code>fo:character</code> element having
+                the following properties:</p>
+                <ul>
+                  <li>
+                    <p><code>character="&amp;#x000A;"</code></p>
+                  </li>
+                  <li>
+                    <p><code>suppress-at-line-break="retain"</code></p>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <p>for each TT AF style property attribute in some computed style
+                specification set that has no counterpart in <a href="#xsl10">[XSL
+                1.0]</a>, map that attribute directly through to the relevant formatting
+                object produced by the input TT AF content element to which the style
+                property applies;</p>
+              </li>
+              <li>
+                <p>optionally, synthesize a unique <code>id</code> attribute on each
+                resulting formatting object element that relates that element to the
+                input element that resulted in that formatting object element;</p>
+              </li>
+            </ol>
+            <p>For each resulting XSL FO document instance <em>F</em>, if processing
+            requires presentation on a visual medium, then apply the formatting semantics
+            prescribed by <a href="#xsl10">[XSL 1.0]</a> in order to produce an XSL FO
+            area tree that may then be subsequently rendered onto the visual medium.</p>
+            <div class="note">
+              <p class="prefix"><b>Note:</b></p>
+              <p>Due to the possible presence of TT AF style properties or style property
+              values in a given DFXP document instance for which there is no <a
+              href="#xsl10">[XSL 1.0]</a> counterpart, the use of a compliant <a
+              href="#xsl10">[XSL 1.0]</a> formatting processor is not necessarily
+              sufficient to satisfy the presentation semantics defined by this
+              specification.</p>
+            </div>
+          </div>
+          <div class="div3">
+            <h4><a name="semantics-region-layout-example"
+            id="semantics-region-layout-example"></a>9.3.3 Elaborated Example</h4>