/*
<h2>    Page    </h2>
<!--    ====    -->
<Xmp>*/
body         { width: auto; background-color: #ffffff; border-style: none; border-width: 0; 
               margin: 0px; padding-left: 20; padding-right: 30; padding-top: 
               20; padding-bottom: 20 }
/*</Xmp>

<h2>    Links   </h2>
<!--    =====   -->
<Xmp>*/
A:link, A:active
	{
	text-decoration	:	none;
	color		:	#000000;
	font-weight	:	bold;
	background	:	transparent;
	}
A:visited 
	{
   	text-decoration	:	none; 
   	color		:	#000000; 
  	font-weight	:	bold;
	background	:	transparent; 
	}		
A:hover 
	{ 
   	text-decoration	:	none; 
	color		:	#ff0000;
	font-weight	:	bold;
	background	:	transparent;
	}
/*</Xmp>
<h2>    Headings and Text Elements        </h2>
<!--    ========        -->
<Xmp>*/
h1           { color: #000000; font-weight: bold }
h2           { color: #000000; font-weight: bold }
H3 	{
	COLOR: black; 
	FONT-FAMILY:	Arial, 
    Helvetica, sans-serif; 
	FONT-WEIGHT: bold;
	}
h4           { color: #000000; font-weight: bold }
p, tr, thead, tfoot, th, td, dl, ol, ul, blockquote, span, br {  }
.teeny       { font-size: 8pt }
/*</Xmp>

<h2>	Navigation 	</h2>
<!-- 	======	-->
<Xmp>*/
.icomtitle   { font-size: 12pt; color: #FFFFFF; background-repeat: repeat; 
               background-attachment: scroll; line-height: .1em; 
               background-position: transparent }
.icomlink    { font-size: 8pt }
.siteNavHead 
	{
	COLOR: #000033;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold
	}
.siteNavLink 
	{
	COLOR: #000033;
	FONT-SIZE: 9pt
	}
.siteNavTD 
	{
	BACKGROUND-COLOR: #ffffcc
	}
/*</Xmp>

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

<h2>    Author  </h2>
<!--    ======  -->
<Xmp>*/
.Author      { font-size: 12pt; font-style: italic; font-weight: bold }
/*</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:     #eeeedd;
	color:          black;
	width:          auto;
	font-weight:    bold;
	margin-left:    1em;
	margin-right:   1em;
	border:         solid 2px black;
	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;
	}
/*</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-color: #ffffcc; background-repeat: repeat; background-attachment: 
               scroll; color: #660000; font-size: 10pt; background-position: 
               0% }
TH.Info A, TD.Info A
	{
	background:     white;
	color:          #ff6600;        
	}
div.Info, p.Info { background-color: #ffffcc; background-repeat: repeat; background-attachment: 
               scroll; color: #990033; text-align: left; font-size: 10pt; 
               border: medium none blue; padding: 1%; background-position: 0% }
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
	{
	background:     #cccccc;
	color:          #660000;
	}
.Name
	{
	background:     #eeeeee;
	color:          #660000;
	vertical-align: top;
	text-align:     right;
	}
.Value
	{
	background:     #eeeeee;
	color:          #000066;
	}
/*</Xmp>
<h2>    Drop    </h2>
<!--    ==========-->
        @Drop(Drop) sets off a word or phrase like this.
        <br clear=all>
<Xmp>*/
.Drop        { background-color: #333366; background-repeat: repeat; background-attachment: 
               scroll; color: #FFCC33; font-size: 16pt; font-weight: bold; 
               background-position: 0% }
/*</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-color: 
               #ffcc33; background-repeat: repeat; background-attachment: 
               scroll; border-left: 2px solid #ffff99; 
               border-right: 2px solid #cc9933; border-top: 2px solid #ffff99; 
               border-bottom: 2px solid #cc9933; background-position: 0% }
/*</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      { text-align: center; text-decoration: none; color: #003366; background-color: 
               #ffcc33; background-repeat: repeat; background-attachment: 
               scroll; border-left: 4px solid #ffff99; 
               border-right: 4px solid #cc9933; border-top: 4px solid #ffff99; 
               border-bottom: 4px solid #cc9933; margin-left: 0; 
               background-position: 0% }
/*</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-color: white; background-repeat: repeat; background-attachment: 
               scroll; color: #FFCC33; font-size: smaller; text-decoration: 
               none; background-position: 0% }
a.HoMe       { background-color: white; background-repeat: repeat; background-attachment: 
               scroll; color: #FFCC33; text-decoration: none; 
               background-position: 0% }
/*</Xmp>


*/
.PUN         { background-color: gold; background-repeat: repeat; background-attachment: 
               scroll; color: #008000; background-position: 0% }
.navb        { font-size: 10pt }
.filler      { font-size: 9pt }
.lbctop      { font-size: 9pt; font-weight: bold }
.hdr         { font-size: 10pt; color: #660000; background-repeat: repeat; 
               background-attachment: scroll; background-color: #cccc99; 
               font-weight: bold; background-position: transparent }