/*
<h2>    Page    </h2>
<!--    ====    -->
<Xmp>*/
BODY    
	{
	font-family	:	Arial, Helvetica, sans-serif; 
	margin-top:     -8px;
	margin-left:    -8px;
	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: #ffffee;
	}
/*</Xmp>

<h2>    Links   </h2>
<!--    =====   -->
<Xmp>*/
A:link, A:active
	{
	text-decoration	:	none;
	color		:	#ff0000;
	background	:	transparent;
	}
A:visited 
	{
   	text-decoration	:	none; 
   	color		:	#993300; 
  	background	:	transparent; 
	}		
A:hover 
	{ 
   	text-decoration	:	none; 
	color		:	#000000;
	background	:	#ffcc00;
	}

/*</Xmp>
<h2>    Headings and Text Elements        </h2>
<!--    ========        -->
<Xmp>*/
H1 	{
	COLOR: black;
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	}
H2 	{
	COLOR: black; 
	FONT-FAMILY:	Arial Narrow, 
    Helvetica Narrow, sans-serif; 
	FONT-WEIGHT: bold;
	}
H3 	{
	COLOR: black; 
	FONT-FAMILY:	Arial Narrow, 
    Helvetica Narrow, sans-serif; 
	FONT-WEIGHT: bold;
	}
H4 	{
	COLOR: black; 
	FONT-FAMILY:	Arial Narrow, 
    Helvetica Narrow, sans-serif; 
	FONT-WEIGHT: bold;
	}
P, TR, THEAD, TFOOT, TH, TD, 
DL, OL, UL, BLOCKQUOTE, SPAN, BR
	{
	FONT-FAMILY:
	Arial, 	
	Helvetica, 	sans-serif;
	}
.teeny  {
        font-family     :       Arial, Helvetica, sans-serif;
        font-size       :       8pt;
	}
/*</Xmp>

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

.icomlink	
	{
	font-family	:Arial, Helvetica, sans-serif;
	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;
	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:     #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:     #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
	{
	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:     #333366;
	color:          #ffcc33;
	font-family:    Arial, Helvetica, sans-serif;
	font-size	:	16pt;
	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;
}