/*
<h2>    Page    </h2>
<!--    ====    -->
<Xmp>*/
BODY
	{
/*	font-family	:	Arial, Helvetica, sans-serif; */
	font-family	:	Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	margin-top:     0px;
	margin-left:    0px;
	margin-right:   0px;
	margin-bottom:  0px;
	padding-top:    0;
	padding-left:   0;
	padding-right:  0;
	padding-bottom: 0;
	border-top:     0;
	border-left:    0;
	border-bottom:  0;
	border-right:   0;
	width:  auto;
	background-color: white;
	color: black;
	font-size: 10px;

}

/*</Xmp>

<h2>    Links   </h2>
<!--    =====   -->
<Xmp>*/
A:link, A:active
	{
	text-decoration	:	none;
/*	color		:	#ff0000;*/
	color		:	#330099;
	background	:	transparent;
	}
A:visited
	{
   	text-decoration	:	none;
/*   	color		:	#993300; */
   	color		:	#000000;
  	background	:	transparent;
	}
A:hover
	{
   	text-decoration	:	none;
	color		:	#000000;
/*	background	:	#ffcc00;*/
	background	:	#00ff66;
	}
A:hover.brown
	{
   	text-decoration	:	none;
	color		:	#000000;
/*	background	:	#ffcc00;*/
	background	:	#00ff66;
	}
A:visited.brown, A:link.brown
	{
	text-decoration	:	none;
	color		:	#ffffff;
	background	:	#ffcc00;
	}
/*</Xmp>
<h2>    Headings and Text Elements        </h2>
<!--    ========        -->
<Xmp>*/
H1 	{
	COLOR: black;
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	background	: transparent;
	}
H2 	{
	COLOR: black;
	FONT-FAMILY:	Arial Narrow, Helvetica Narrow, sans-serif;
	FONT-WEIGHT: bold;
	background	: transparent;
	}
H3 	{
	COLOR: black;
	FONT-FAMILY:	Arial Narrow, Helvetica Narrow, sans-serif;
	FONT-WEIGHT: bold;
	background	: transparent;
	}
H4 	{
	COLOR: black;
	FONT-FAMILY:	Arial Narrow, Helvetica Narrow, sans-serif;
	FONT-WEIGHT: bold;
	background	: transparent;
	}
P, TR, THEAD, TFOOT, TH, TD,
DL, OL, UL, BLOCKQUOTE, SPAN, BR
	{
	FONT-FAMILY:	Arial, 		Helvetica, 	sans-serif;
	}
.teeny  {
        font-family     :       Verdana, Arial, Helvetica, sans-serif;
        font-size       :       8pt;
	}
/*</Xmp>

<h2>	Navigation 	</h2>
<!-- 	======	-->
<Xmp>*/
.icomtitle
	{
	font-family	:Verdana, Arial, Helvetica, sans-serif;
	font-size	:12pt;
	color		:#FFFFFF;
	background	:transparent;
	line-height	:.1em;
	}

.icomlink
	{
	font-family	:Verdana, Arial, Helvetica, sans-serif;
	font-size	:8pt;
	}

.siteNavHead
	{
	COLOR: #000033;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	background	:	transparent;
	}
.siteNavLink
	{
	COLOR: #000033;
	FONT-SIZE: 9pt;
	background	:	transparent;
	}
.siteNavTD
	{
	BACKGROUND-COLOR: #ffffcc;
	background	:	transparent;
	}
/*</Xmp>

<h2>	Header Elements	</h2>
<!--	======	-->
<Xmp>*/
.gold
	{
	color: black;
	background-color: #ffcc33;
	}
/*</xmp>

<h2>    Author  </h2>
<!--    ======  -->
<Xmp>*/
.Author
	{
	font-size	:	12pt;
	font-style	:	italic;
	font-weight	:	bold;
	font-family	:	Arial, Helvetica, sans-serif;
    }
/*</Xmp>
<h2>    Abstract        </h2>
<!--    ==================-->

<Xmp>*/
.Abstract
	{
	background-color: #eeeedd;
	border-width : 2px;
	border-color : #ffcc33;
	border-style : solid;
	/*padding : 10px;
	font-size: 10pt;
	/*font-weight: bold;*/
	color	:	#660000;
	}
/*</Xmp>


<h2>    eXaMPle Screen  </h2>
<!--    ==================-->

        <p>The <a href="/Software/Perl/ht.html">ht processor</a>
        translates XMP tags to PRE.</p>
<Xmp>*/
Pre.Xmp, Pre
	{
	background:     #ccffff;
	color:          black;
	width:          auto;
/*	font-weight:    bold;*/
	margin-left:    2em;
	margin-right:   1em;
/*	border:         solid 1px blue; */
	white-space:    pre;
	font-family:    Courier, fixed, serif;
	text-align:	left;
	}
PRE.xmp EM
	{
	font-style:     normal;
	color:  #FF0000;
	background: transparent;
	}
CODE
	{
	color:        #A00000;
	background: transparent;
	}
DIV.example
	{
	margin-left:    2em;
	margin-right:   2em;
	border: solid 2px #003000;
	}
Div.bullet, P.bullet
	{
	background:     #ffffcc;
	color:          #990033;
	text-align:     left;
	border:         blue;
	padding:        1%;
	font-family:    Arial, Helvetica, sans-serif;
	font-size:      10pt;
	}

DIV.subbullet
	{
	margin-left:    6em;
	color:          #990033;
	background:     #ffffcc;
	}

/*</Xmp>
<h2>    Look-up Table   </h2>
<!--    ==================-->

        Resource tables, link in left cell and annotation in the right cell.
<p>
        [!      Left column     !|      Right column    |]
        [!      <a href="">Left column</a>     !|      <a href="">Right column</a>    |]
<Xmp>*/
TH.LuT  A
	{
	color:          #ff0000;
	background:	transparent;
	}
TH.LuT
	{
	background:     #ffcc33;
	color:          #000000;
	}
TD.LuT  A
	{
	color:          #ff0000;
	background:	transparent;
	}
TD.LuT
	{
	background:     #eeeedd;
	color:          #000000;
	}
/*</Xmp>
<h2>    Information Panel       </h2>
<!--    ==========================-->
<div    class=Info>
        DIV Emphasises a block of stuff.
        This is <a class=Info href="/">The WDVL</a>.
</div>
<table><tr>
<th class=Info>
        TH Emphasises a block of stuff.
        This is <a class=Info href="/">The WDVL</a>.
</th>
<td class=Info>
        TD Emphasises a block of stuff.
        This is <a class=Info href="/">The WDVL</a>.
</td>
</tr></table>
<Xmp>*/
TH.Info, TD.Info
	{
	background:     #ffffcc;
	color:          #660000;
	font-family:    Arial, Helvetica, sans-serif;
	font-size:      10pt;
	}
TH.Info A, TD.Info A
	{
	background:     white;
	color:          #ff6600;
	}
Div.Info, P.Info
	{
	background:     #ffffcc;
	color:          #990033;
	text-align:     left;
	border:         blue;
	padding:        1%;
	font-family:    Arial, Helvetica, sans-serif;
	font-size:      10pt;
	}
Div.Info A
	{
	background:     white;
	color:          #ff6600;
	}
/*</Xmp>
<h2>    HiLite  </h2>
<!--    ==========-->

        <span class=HL>Just like those yellow markers...</span>
<Xmp>*/
.HL
	{
	background:     #ffff99;
	color:          #000000;
	}
TD.HL
	{
	background:     #ccffff;
	color:          #000000;
	}
/*</Xmp>
<h2>    Name/Value Tables       </h2>
<!--    =================-->
<center>
<table  cellpadding=8>
<tr><th class=Type> Type        </th><th class=Type>Meaning     </th></tr>
<tr><th class=Name> Name        </th><th class=Value>An identifier</th></tr>
<tr><th class=Name> Value       </th><th class=Value>Its contents</th></tr>
</table>
</center>
<Xmp>*/
.Type
	{
	font-family	:	Verdana, Arial, Helvetica, sans-serif;
	font-size	:	10pt;
	background:     #cccccc;
	color:          #660000;
	}
.Name
	{
	font-family	:	Verdana, Arial, Helvetica, sans-serif;
	font-size	:	10pt;
	background:     #eeeeee;
	color:          #660000;
	vertical-align: top;
	text-align:     right;
	}
.Value
	{
	font-family	:	Verdana, Arial, Helvetica, sans-serif;
	background:     #eeeeee;
	font-size	:	10pt;
	color:          #000066;
	}
/*</Xmp>
<h2>    Drop    </h2>
<!--    ==========-->
        @Drop(Drop) sets off a word or phrase like this.
        <br clear=all>
<Xmp>*/
.QuestionNo
	{
	background:     #ccffcc;
	color:          #000099;
	font-family:    Arial, Helvetica, sans-serif;
	font-size	:	10pt;
	font-weight	:	bold;
	}
/*</Xmp>
<h2>    Buttons </h2>
<!--    ==========-->
        <table><tr><td class=Button>
        See the menu bar at bottom.
        </td></tr>
        </table>
<Xmp>*/
A.Button:hover
	{       color:  #ff6600;
	background:	transparent;
	}
A.Button
	{
	text-decoration:        none;
	color:          #003366;
	background:     #ffcc33;
	}
.Button
	{
	text-align:     center;
	text-decoration:        none;
	color:          #003366;
	background:     #ffcc33;
	border-top:     2px solid #ffff99;
	border-left:    2px solid #ffff99;
	border-right:   2px solid #cc9933;
	border-bottom:  2px solid #cc9933;
	font-family:    Arial, Helvetica, sans-serif;
	}
/*</Xmp>
<h2>    Banners </h2>
<!--    ==========-->
        <table><tr><td class=Banner>
        The Web Developer's Virtual Library
        </td></tr>
        </table>
<Xmp>*/
TH.Banner
	{
	color:	black;
	background:     #ffcc33;
	}
.Banner
	{
    margin-left:    0;
    text-align:     center;
    text-decoration:        none;
    color:          #003366;
    background:     #ffcc33;
    border-top:     4px solid #ffff99;
    border-left:    4px solid #ffff99;
    border-right:   4px solid #cc9933;
    border-bottom:  4px solid #cc9933;
    font-family:    Arial, Helvetica, sans-serif;
    }
/*</Xmp>
<h2>    Navigation Links        </h2>
<!--    ================        -->
<Xmp>*/
TH.Nav
	{
	background:     #0000cc;
	color:          #ff9900;
	}
TH.Menu
	{
	background:     #3366cc;
	color:          #ff9900;
	}
A.Menu:hover
	{
	color:          #ff6600;
	background: 	transparent
	}
A.HoMe:hover
	{
	color:          #ff6600;
	background:  	transparent
	}
A.Menu
	{
	background:     white;
	color:          #ffcc33;
	font-family:    Arial, Helvetica, sans-serif;
	font-size:      smaller;
	text-decoration:        none;
	}
A.HoMe
	{
	background:     white;
	color:          #ffcc33;
	font-family:    Arial, Helvetica, sans-serif;
	text-decoration:        none;
	}
/*</Xmp>


*/
.PUN	{
	font-family	:	Arial, Helvetica, sans-serif;
	background	:	gold;
	color		:	green;
	}
.navb  {
	font-family	:	Arial, Helvetica, sans-serif;
	font-size	:	10pt;
}
.filler	{
	font-family	:	Arial, Helvetica, sans-serif;
	font-size	:	9pt;
	}
.lbctop	{
	font-family	:	Arial, Helvetica, sans-serif;
	font-size	:	9pt;
	font-weight	:	bold;
	}
.hdr  {
	font-family	:	Arial, Helvetica, sans-serif;
	font-size	:	10pt;
	font-weight	:	bold;
	color		:	#660000;
	background	:	transparent;
	background-color: 	#cccc99;
		}
.xcod
	{
	background-color: #eeeedd;
	border-width : 0px;
	border-color : #ffcc33;
	border-style : solid;
	padding : 5px;
	font-size: 10pt;
	/*font-weight: bold;*/
	color	:	#660000;
	margin-left:    1em;
        font-family     :       Courier, fixed, serif;
        font-size       :       10pt;
	}
.BOD
	{
	font-family	:	Verdana, Arial, Helvetica, sans-serif;
	font-size	:	10pt;
	margin-top:     10px;
	margin-left:    0px;
	margin-right:   0px;
	margin-bottom:  10px;
	padding-top:    0;
	padding-left:   0;
	padding-right:  0;
	padding-bottom: 0;
	border-top:     0;
	border-left:    0;
	border-bottom:  0;
	border-right:   0;
	width:  auto;
	background:     white;
	color		:	#660000;
	}
DIV.warn
	{
	margin-left:    2em;
	margin-right:   2em;
	border: solid 3px #ff0033;
	background-color: #eeeedd;
	border-width : 2px;
	border-color : red;
	border-style : solid;
	padding : 10px;
	font-size: 10pt;
	font-weight: bold;
	color	:	#660000;
	}
DIV.warnless
	{
	margin-left:    2em;
	margin-right:   2em;
	border: solid 1px #003000;
	background-color: #ccffcc;
	border-width : 2px;
	border-color : red;
	border-style : solid;
	padding : 10px;
	font-size: 10pt;
	font-weight: bold;
	color	:	#660000;
	}

.Normal {font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
    background-color: transparent;
    color: #000000;}
.Footer {font-family: Times New Roman, Times, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: italic;
    background-color: transparent;
    color: #000000;}
.Heading1 {font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bold;
    font-style: normal;
    background-color: transparent;
    color: #303080;}
.Heading2 {font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    font-style: normal;
    background-color: transparent;
    color: #000000;}
.Heading3 {font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    font-style: normal;
    background-color: transparent;
    color: #000000;}
.RedDesc {font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    background-color: transparent;
    color: #D3293A;}
.BlueDesc {font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    background-color: transparent;
    color: #D3293A;}
.MidDesc {font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;
    background-color: transparent;
    color: #D3293A;}
.rdtitle
	{
	font-family	:Verdana, Arial, Helvetica, sans-serif;
	font-size	:12pt;
	color		:#FFFFFF;
	background	:transparent;
	line-height	:.1em;
	}

.rdlink
	{
	font-family	:Verdana, Arial, Helvetica, sans-serif;
	font-size	:8pt;
	}
.heading { font-size: large; font-style: normal; font-weight: bold;     background-color: transparent;
color: #B82619}
.subheading { font-size: medium; font-style: normal; font-weight: bold;     background-color: transparent;
color: #B82619}
.subheadingblack { font-style: normal; font-weight: bold;     background-color: transparent;
color: #000000 }
.highlight { font-weight: bold; color: #B82619; text-decoration: none;      background-color: transparent;
}
.err { font-weight: bold; color: #B82619;     background-color: transparent;
 }
.quote { font-size: larger; }
.sizer { font-size: 4px; }
.front { font-size: 10pt; }
.Term
	{
	font-family	:Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border-width : 0px;
	padding : 0px;
	font-size: 10pt;
	font-weight: bold;
	color	:	#660000;
	margin-left:    0px;
	}
.Definition
	{
	font-family	:Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border-width : 0px;
	padding : 0px;
	font-size: 10pt;
	color	:	#660000;
	margin-left:    20px;
	}
.li
	{
	font-family	:Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border-width : 0px;
	padding : 0px;
	font-size: 10pt;
	color	:	#660000;
	margin-left:    5px;
	}
.DialogAnswerTRUE
	{
	background-color: #eeeedd;
	border-width : 0px;
	border-color : #ffcc33;
	border-style : solid;
	font-size: 10pt;
	font-weight: bold;
	color	:	#660000;
	margin-left:    15px;
	}
.DialogAnswerFALSE
	{
	background-color: #eeeedd;
	border-width : 0px;
	border-color : #ffcc33;
	border-style : solid;
	font-size: 10pt;
	font-weight: bold;
	color	:	#660000;
	margin-left:    15px;
	}

td.mainnav { color:#000000; text-decoration: none; font-weight: bold; font-size: 10pt; background-color: transparent;}
td.mainnav a:link { color:#000000; text-decoration: none;  background-color: transparent;}
td.mainnav a:visited { color:#000000; text-decoration: none;  background-color: transparent;}
td.mainnav a:active { color:#B82619; text-decoration: none;  background-color: transparent;}
td.mainnav a:hover { color:#B82619; text-decoration: underline;  background-color: transparent;}

td.frontpage { color:#000000; text-decoration: none; font-weight: bold; font-size: 10pt; background-color: transparent;}
td.frontpage a:link { color:#B82619; text-decoration: none; font-weight: bold; font-size: 10pt;  background-color: transparent;}
td.frontpage a:visited { color:#B82619; text-decoration: none; font-weight: bold; font-size: 10pt; background-color: transparent;}
td.frontpage a:active { color:#B82619; text-decoration: none; font-weight: bold; font-size: 10pt; background-color: transparent;}
td.frontpage a:hover { color:#B82619; text-decoration: underline; font-weight: bold; font-size: 10pt; background-color: transparent;}

td.leftnav { font-size: 10pt; color:#000000; text-decoration: none; font-weight: bold ; background-color: transparent;}
td.leftnav a:link { font-size: 10pt; color:#000000; text-decoration: none;  background-color: transparent;}
td.leftnav a:visited { font-size: 10pt; color:#000000; text-decoration: none;  background-color: transparent;}
td.leftnav a:active { font-size: 10pt; color:#B82619; text-decoration: none;  background-color: transparent;}
td.leftnav a:hover { font-size: 10pt; color:#B82619; text-decoration: underline;  background-color: transparent;}

td.relatednav { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: larger; font-style: normal; color:#000000; text-decoration: none; font-weight: bold ; background-color: transparent;}
td.relatednav a:link { font-size: 10pt; text-decoration: none;   background-color: transparent;}
td.relatednav a:visited { font-size: 10pt; text-decoration: none;  background-color: transparent;}
td.relatednav a:active { font-size: 10pt; color:#B82619; text-decoration: none;  background-color: transparent;}
td.relatednav a:hover { font-size: 10pt; color:#B82619; text-decoration: underline;  background-color: transparent;}

td.rightnav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; }
td.rightnav a:link { font-size: small; font-weight: bold; color: #B82619;  background-color: transparent;}
td.rightnav a:visited { font-style: normal;  }
td.rightnav a:active { font-style: normal;   }
td.rightnav a:hover { font-style: normal; text-decoration: underline; }
A:link {
	
}
A:visited {
	
}
A:hover {
	
}
A:active {
	
}
A:link {
	COLOR: #069; TEXT-DECORATION: none
}
A:visited {
	COLOR: #069; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
A:active {
	COLOR: #900; TEXT-DECORATION: underline
}
HTML {
	FONT: 9pt/12pt Verdana, Helvetica, Arial, sans-serif; COLOR: #000; BACKGROUND-COLOR: #fff
}
IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
TABLE {
	BORDER-COLLAPSE: collapse
}
abbr {
	CURSOR: help; BORDER-BOTTOM: #666 1pt dotted
}
ACRONYM {
	CURSOR: help; BORDER-BOTTOM: #666 1pt dotted
}
SUP {
	VERTICAL-ALIGN: super
}
TT {
	FONT-FAMILY: "Lucida Sans Typewriter", "Courier New", Courier, monospace
}
.quote EM {
	FONT-STYLE: normal
}
.page-wide {
	WIDTH: 800px
}
.display {
	VERTICAL-ALIGN: middle; TEXT-ALIGN: center
}
.left {
	TEXT-ALIGN: left
}
.center {
	TEXT-ALIGN: center
}
.right {
	WHITE-SPACE: nowrap; TEXT-ALIGN: right
}
.float-left {
	PADDING-RIGHT: 2em; FLOAT: left; PADDING-BOTTOM: 1ex
}
.float-right {
	PADDING-LEFT: 2em; FLOAT: right; PADDING-BOTTOM: 1ex
}
.clear-right {
	CLEAR: right
}
.clear-all {
	CLEAR: both
}
.wrap-ok {
	WHITE-SPACE: normal
}
.pre {
	WHITE-SPACE: pre
}
.ok {
	
}
.label {
	VERTICAL-ALIGN: baseline; WHITE-SPACE: nowrap; TEXT-ALIGN: right
}
.required {
	VERTICAL-ALIGN: baseline; WHITE-SPACE: nowrap; TEXT-ALIGN: right
}
.required {
	COLOR: #900
}
.highlight {
	BACKGROUND: yellow; COLOR: black
}
.action {
	FONT-SIZE: 6pt
}
.indent {
	TEXT-INDENT: 2em
}
.quote {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.5ex; MARGIN: 2ex 60px; PADDING-TOP: 0.5ex
}
.attrib {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.5ex; MARGIN: 2ex 60px; PADDING-TOP: 0.5ex
}
.quote {
	MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0.5ex; FONT-STYLE: italic
}
.attrib {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #444; LINE-HEIGHT: 100%; PADDING-TOP: 0.5ex; FONT-STYLE: normal; TEXT-ALIGN: right
}
#masthead {
	BORDER-RIGHT: green 0px dashed; BORDER-TOP: green 0px dashed; MARGIN-LEFT: 15px; BORDER-LEFT: green 0px dashed; WIDTH: 800px; BORDER-BOTTOM: green 0px dashed
}
#main {
	BORDER-RIGHT: green 0px dashed; BORDER-TOP: green 0px dashed; MARGIN-LEFT: 15px; BORDER-LEFT: green 0px dashed; WIDTH: 800px; BORDER-BOTTOM: green 0px dashed
}
#bottomlinks {
	BORDER-RIGHT: green 0px dashed; BORDER-TOP: green 0px dashed; MARGIN-LEFT: 15px; BORDER-LEFT: green 0px dashed; WIDTH: 800px; BORDER-BOTTOM: green 0px dashed
}
#masthead TABLE {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#masthead TR {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#masthead TD {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#masthead FORM {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#masthead .page-id {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#masthead .breadcrumb {
	FONT-SIZE: 8pt; PADDING-BOTTOM: 0.5ex
}
#masthead .login {
	FONT-SIZE: 8pt; PADDING-BOTTOM: 0.5ex
}
#masthead .breadcrumb {
	TEXT-ALIGN: left
}
#masthead .login {
	TEXT-ALIGN: right
}
#masthead .graphic {
	BACKGROUND: black; VERTICAL-ALIGN: middle
}
#masthead .nav {
	FONT-WEIGHT: bold; BACKGROUND: #900; VERTICAL-ALIGN: middle; COLOR: #ff0; HEIGHT: 4ex
}
#masthead .links {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-SIZE: 9pt; PADDING-BOTTOM: 0.5ex; VERTICAL-ALIGN: middle; PADDING-TOP: 0.5ex; TEXT-ALIGN: left
}
#masthead .search {
	VERTICAL-ALIGN: middle; TEXT-ALIGN: right
}
#masthead INPUT {
	FONT-SIZE: 8pt; LINE-HEIGHT: 10pt
}
#masthead A:link {
	FONT-WEIGHT: bold; COLOR: white
}
#masthead A:visited {
	FONT-WEIGHT: bold; COLOR: white
}
#masthead A:hover {
	FONT-WEIGHT: bold; COLOR: white
}
#masthead A:active {
	FONT-WEIGHT: bold; COLOR: white
}
#masthead A:hover {
	COLOR: white; TEXT-DECORATION: underline
}
#masthead A:active {
	COLOR: white; TEXT-DECORATION: underline
}
#bottomlinks {
	BORDER-TOP: #aaa 1px solid; FONT-SIZE: 8pt; LINE-HEIGHT: 10pt; PADDING-TOP: 2ex
}
#bottomlinks TABLE {
	FONT-SIZE: 8pt; MARGIN-LEFT: 0px; WIDTH: 800px
}
#bottomlinks TD {
	VERTICAL-ALIGN: middle
}
#bottomlinks TD.logo {
	TEXT-ALIGN: center
}
#bottomlinks TD.content {
	PADDING-LEFT: 20px; TEXT-ALIGN: left
}
#bottomlinks TD.w3c {
	TEXT-ALIGN: right
}
#bottomlinks .nav {
	MARGIN-BOTTOM: 1ex; VERTICAL-ALIGN: top
}
#bottomlinks P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
#nav H1 {
	MARGIN: 0px 0px 0px 20px; COLOR: #900
}
#calendar H1 {
	MARGIN: 0px 0px 0px 20px; COLOR: #900
}
#home H1 {
	MARGIN: 0px 0px 0px 20px; COLOR: #900
}
#home H2 {
	MARGIN: 0px 0px 0px 20px; COLOR: #900
}
#home H3 {
	MARGIN: 0px 0px 0px 20px; COLOR: #900
}
#content H1 {
	MARGIN: 0px 0px 0px 20px; COLOR: #900
}
#content H2 {
	MARGIN: 0px 0px 0px 20px; COLOR: #900
}
#content H3 {
	MARGIN: 0px 0px 0px 20px; COLOR: #900
}
#nav H1 {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 125%; MARGIN-BOTTOM: 4ex; LINE-HEIGHT: 125%; PADDING-TOP: 2ex; FONT-STYLE: normal
}
#calendar H1 {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 125%; MARGIN-BOTTOM: 4ex; LINE-HEIGHT: 125%; PADDING-TOP: 2ex; FONT-STYLE: normal
}
#home H1 {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 125%; MARGIN-BOTTOM: 4ex; LINE-HEIGHT: 125%; PADDING-TOP: 2ex; FONT-STYLE: normal
}
#content H1 {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 125%; MARGIN-BOTTOM: 4ex; LINE-HEIGHT: 125%; PADDING-TOP: 2ex; FONT-STYLE: normal
}
#nav H1 {
	MARGIN-LEFT: 5px; COLOR: black
}
#calendar H1 {
	COLOR: black; TEXT-ALIGN: center
}
#home H2 {
	MARGIN-TOP: 4ex; FONT-WEIGHT: normal; FONT-SIZE: 110%; MARGIN-BOTTOM: 2ex; LINE-HEIGHT: 110%; FONT-STYLE: normal
}
#content H2 {
	MARGIN-TOP: 4ex; FONT-WEIGHT: normal; FONT-SIZE: 110%; MARGIN-BOTTOM: 2ex; LINE-HEIGHT: 110%; FONT-STYLE: normal
}
#home H3 {
	MARGIN-TOP: 2ex; FONT-WEIGHT: normal; FONT-SIZE: 100%; MARGIN-BOTTOM: 1ex; LINE-HEIGHT: 150%; FONT-STYLE: italic
}
#content H3 {
	MARGIN-TOP: 2ex; FONT-WEIGHT: normal; FONT-SIZE: 100%; MARGIN-BOTTOM: 1ex; LINE-HEIGHT: 150%; FONT-STYLE: italic
}
#calendar .month {
	FONT-WEIGHT: bold; PADDING-TOP: 1ex
}
#calendar .day {
	PADDING-RIGHT: 0.5em; VERTICAL-ALIGN: top; WIDTH: 5em; TEXT-ALIGN: right
}
#calendar .event {
	PADDING-RIGHT: 0.5em; VERTICAL-ALIGN: top
}
#nav P {
	MARGIN: 5px 2px 2px 5px
}
#nav TABLE {
	MARGIN: 5px 2px 2px 5px
}
#nav TABLE {
	BORDER-COLLAPSE: collapse
}
#nav TR {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#nav TH {
	BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 2em; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 0.5em; FONT-SIZE: 9pt; PADDING-BOTTOM: 0.5ex; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 0.5ex; BORDER-BOTTOM: #aaa 1px solid
}
#nav TD {
	BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 2em; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 0.5em; FONT-SIZE: 9pt; PADDING-BOTTOM: 0.5ex; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 0.5ex; BORDER-BOTTOM: #aaa 1px solid
}
#nav TR.current {
	BACKGROUND: #aaa
}
#nav TR.current A {
	BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-DECORATION: none
}
#nav TR.current A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-DECORATION: none
}
#nav A {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #222
}
#nav A:hover {
	BACKGROUND: white; TEXT-DECORATION: none
}
#calendar H1 {
	MARGIN-BOTTOM: 0px; MARGIN-LEFT: 10px
}
#calendar TABLE {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; MARGIN: 0px 0px 0px 10px; LINE-HEIGHT: 12pt; FONT-STYLE: normal
}
#calendar TH {
	FONT-SIZE: 8pt
}
#calendar TD {
	FONT-SIZE: 8pt
}
#calendar TH {
	PADDING-TOP: 2ex; TEXT-ALIGN: left
}
#calendar .date {
	TEXT-ALIGN: right
}
#content P {
	MARGIN: 0px 40px 1ex
}
#content TABLE {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; MARGIN: 0px 0px 0px 40px; LINE-HEIGHT: 12pt; FONT-STYLE: normal
}
#content UL {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; MARGIN: 0px 0px 0px 40px; LINE-HEIGHT: 12pt; FONT-STYLE: normal
}
#content OL {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; MARGIN: 0px 0px 0px 40px; LINE-HEIGHT: 12pt; FONT-STYLE: normal
}
#content DL {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; MARGIN: 0px 0px 0px 40px; LINE-HEIGHT: 12pt; FONT-STYLE: normal
}
#content DT {
	MARGIN: 0px
}
#content DD {
	MARGIN: 0px
}
#content LI {
	MARGIN: 0px
}
#content DD P {
	MARGIN-LEFT: 40px
}
#content LI P {
	MARGIN-LEFT: 40px
}
#content DT {
	FONT-STYLE: italic
}
#content TABLE {
	BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; MARGIN: 2ex 0px 2ex 40px; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid; BORDER-COLLAPSE: collapse
}
#content TH {
	BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.5ex; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 0.5ex; BORDER-BOTTOM: #aaa 1px solid
}
#content TD {
	BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.5ex; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 0.5ex; BORDER-BOTTOM: #aaa 1px solid
}
#content TH {
	FONT-WEIGHT: bold; BACKGROUND: #ccc; VERTICAL-ALIGN: bottom
}
#content TD {
	VERTICAL-ALIGN: middle
}
#content TABLE.inline {
	BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0px 40px 1ex; BORDER-LEFT: red 0px solid; BORDER-BOTTOM: red 0px solid
}
#content TABLE.inline TH {
	BORDER-RIGHT: blue 0px dashed; PADDING-RIGHT: 20px; BORDER-TOP: blue 0px dashed; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: blue 0px dashed; PADDING-TOP: 0px; BORDER-BOTTOM: blue 0px dashed
}
#content TABLE.inline TD {
	BORDER-RIGHT: blue 0px dashed; PADDING-RIGHT: 20px; BORDER-TOP: blue 0px dashed; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: blue 0px dashed; PADDING-TOP: 0px; BORDER-BOTTOM: blue 0px dashed
}
#content TABLE.inline P {
	MARGIN: 0px
}
#content TABLE.form {
	BORDER-RIGHT: green 0px solid; BORDER-TOP: green 0px solid; MARGIN: 2ex 0px 2ex 10px; BORDER-LEFT: green 0px solid; BORDER-BOTTOM: green 0px solid
}
#content TABLE.form TD {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; WHITE-SPACE: nowrap
}
#content TABLE.form TH {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; WHITE-SPACE: nowrap
}
#content TABLE.form TD.wrap-ok {
	WHITE-SPACE: normal
}
#content P.working {
	BORDER-RIGHT: black 2px dashed; BORDER-TOP: black 2px dashed; BACKGROUND: yellow; BORDER-LEFT: black 2px dashed; BORDER-BOTTOM: black 2px dashed
}
#content P.question {
	FONT-WEIGHT: bold
}
#content P.question:unknown {
	content: "Q: "
}
#content P.answer {
	
}
#content P.answer:unknown {
	content: "A: "
}
#content .callout {
	PADDING-RIGHT: 2em; PADDING-LEFT: 2em; PADDING-BOTTOM: 1ex; FONT: italic 150%/125% "Times New Roman", Times, serif; PADDING-TOP: 1ex
}
#content .callout EM {
	FONT-STYLE: normal
}
#home TABLE {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; MARGIN: 0px 0px 0px 10px; LINE-HEIGHT: 12pt; FONT-STYLE: normal
}
#home UL {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; MARGIN: 0px 0px 0px 10px; LINE-HEIGHT: 12pt; FONT-STYLE: normal
}
#home OL {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; MARGIN: 0px 0px 0px 10px; LINE-HEIGHT: 12pt; FONT-STYLE: normal
}
#home DL {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; MARGIN: 0px 0px 0px 10px; LINE-HEIGHT: 12pt; FONT-STYLE: normal
}
#home DT {
	MARGIN: 0px
}
#home DD {
	MARGIN: 0px
}
#home LI {
	MARGIN: 0px
}
#home DD P {
	MARGIN-BOTTOM: 1ex; MARGIN-LEFT: 10px
}
#home LI P {
	MARGIN-BOTTOM: 1ex; MARGIN-LEFT: 10px
}
#home DT {
	FONT-WEIGHT: bold
}
#home TABLE {
	BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; MARGIN: 2ex 0px 2ex 10px; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid; BORDER-COLLAPSE: collapse
}
#home H1 {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 1ex; MARGIN-LEFT: 0px; PADDING-TOP: 2ex
}
#home H2 {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 1ex; MARGIN-LEFT: 0px; PADDING-TOP: 2ex
}
#home H3 {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 1ex; MARGIN-LEFT: 0px; PADDING-TOP: 2ex
}
#home P {
	MARGIN: 0px 40px 2ex 10px
}
DIV#main {
	POSITION: relative; HEIGHT: 100%
}
DIV#nav {
	Z-INDEX: 2; BACKGROUND: #ccc; LEFT: 0px; WIDTH: 182px; POSITION: absolute; TOP: 2ex; HEIGHT: 100%
}
#nav TABLE {
	WIDTH: 172px
}
DIV#content {
	BORDER-LEFT: #ccc 182px solid
}
DIV#bottomlinks {
	POSITION: relative
}
DIV#calendar {
	BACKGROUND: #ddd; FLOAT: right
}
#calendar TABLE {
	WIDTH: 300px
}
DIV#home {
	BORDER-RIGHT: #ddd 310px solid
}