/*
<h2>    Page    </h2>
<!--    ====    -->
<Xmp>*/
BODY    
	{
	font-family	:	Arial, Helvetica, sans-serif; 
	margin-top:     -8px;
	margin-left:    -3px;
	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: #ffffff;
	color:			#000000;
	}
/*</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;
	}
A:visited.brown
	{
	text-decoration	:	none;
	color		:	#ffffff;
	background	:	transparent;
	}
/*</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     :       Arial, Helvetica, sans-serif;
        font-size       :       8pt;
	}
/*</Xmp>

<h2>	Navigation 	</h2>
<!-- 	======	-->
<Xmp>*/

.icomtitle
	{
	font-family	:Arial, Helvetica, sans-serif;
	font-size	:10pt;
	font-weight	:bold;
	text-align	:center;
	color		:#FFFFFF;
	background	:#660000;
	}

.icomlink
	{
	font-family	:Arial, Helvetica, sans-serif;
	font-size	:8pt;
  	padding: 0em .5em;
	background-color : #ffffcc;
	}



/*.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;
	background	: transparent;
	}
.siteNavLink 
	{
	COLOR: #000033;
	FONT-SIZE: 9pt;
	background	: transparent;
	}
.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>*/

/*Commented out the Info class to fix 10000x10000 size pages after redesign. Needs to be fixed and added back in - 8/23/01,lbc*/
/*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:     #FFFFFF;
	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	:	#FFD700;
	color		:	green;
	}
.navb  {
	font-family	:	Arial, Helvetica, sans-serif;
	font-size	:	10pt;
}


.dl	{
	font-family	:Arial, Helvetica, sans-serif;
	font-size	:8pt;
	background-color : #cccc99;
	}



	


.nl	{
	font-family	:	Arial, Verdana, Helvetica, sans-serif;
	font-size	:	9pt;
	background-color : #ffffcc;
}
.nh {
	font-family	:	Arial, Verdana, Helvetica, sans-serif;
	font-size	:	10pt;
	font-weight	:	bold;
  	background-color : #cccc99;
}

.nm	{ background-color: #666600;}

.pw	{
	font-family	:Arial, Helvetica, sans-serif;
	font-size	:8pt;
  	padding: 0em .5em;
	background-color : #ffffcc;
	}

	
.sh {
  font-family : Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color : #cccc99;
  text-align : center;
  font-weight : bold;
}	


.tn	{
	font-family	:	Arial, Verdana, Helvetica, sans-serif;
	font-size	:	9pt;	
	text-align	: 	center;
	font-weight	:	bold;
	background-color: #FFFFFF;
	}

                
A.nav { color: black;
                background: transparent;
                text-decoration: none;
         }
A:link.nav { color: black;
                background: transparent;
                text-decoration: none;
         }
A:visited.nav { color: black;
        background: transparent;
        text-decoration: none;
         }

A.ppcform
	{
	text-decoration	:	none;
	color		:	#ff0000;
	background	:	transparent;
	font-size: 8pt;
	}
A:link.ppcform
	{
	text-decoration	:	none;
	color		:	#ff0000;
	background	:	transparent;
	font-size: 8pt;
	}
A:visited.ppcform 
	{
   	text-decoration	:	none; 
   	color		:	#993300; 
  	background	:	transparent;
  	font-size: 8pt; 
	}		
A:hover.ppcform 
	{ 
   	text-decoration	:	none; 
	color		:	#000000;
	background	:	#ffcc00;
	font-size: 8pt;
	
	}

/* *********************************************** */
/*            Style Sheet jup.com            */
/* *********************************************** */

/*---BODY---*/
.headertop {  	
    FONT-WEIGHT: BOLD; FONT-SIZE: 13pt; COLOR: #000000; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none
}

.forumsm {  	
    FONT-WEIGHT: BOLD; FONT-SIZE: 10pt; COLOR: #E00000; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none
}

.txtinvert {  	
    FONT-WEIGHT: BOLD; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none
}

td {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


/*---general---*/
A {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #E00000; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none
}
A:hover {
	COLOR: #E00000; TEXT-DECORATION: underline
}
A:visited {
	COLOR: 666666; TEXT-DECORATION: none
}
A:active {
	COLOR: cccccc; TEXT-DECORATION: underline
}




/*---nav---*/
A.left_nav {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.left_nav:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.left_nav:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.left_nav:active {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


A.sub_nav {
	FONT-WEIGHT: none; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.sub_nav:hover {
	FONT-WEIGHT: none; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.sub_nav:visited {
	FONT-WEIGHT: none; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.sub_nav:active {
	FONT-WEIGHT: none; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


A.top_sub_nav {
	FONT-WEIGHT: none; FONT-SIZE: 7pt; COLOR: #E00000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.top_sub_nav:hover {
	FONT-WEIGHT: none; FONT-SIZE: 7pt; COLOR: #E00000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.top_sub_nav:visited {
	FONT-WEIGHT: none; FONT-SIZE: 7pt; COLOR: #E00000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.top_sub_nav:active {
	FONT-WEIGHT: none; FONT-SIZE: 7pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

=============================

#xsnazzy2 {background: transparent; margin:1em;}

.xtop2, .xbottom2 {
  display:block;
  background:transparent;
  font-size:1px;
}

.xb1a, .xb2a, .xb3a, .xb4a {
  display:block;
  overflow:hidden;
}

.xb1a, .xb2a, .xb3a {
  height:1px;
}

.xb2a, .xb3a, .xb4a {
  background:#ffcf00;
  border-left:1px solid #000;
  border-right:1px solid #000;
}

.xb1a {
  margin:0 5px;
  background:#000;
}

.xb2a {
  margin:0 3px;
  border-width:0 2px;
}

.xb3a {
  margin:0 2px;
}

.xb4a {
  height:2px;
  margin:0 1px;
}

.xboxcontent2 {
  display:block;
  background:#ffcf00;
  border:0 solid #000;
  border-width:0 1px;
}

=============================

General CSS from style sheet:

#leftnavMain {
  float: left;
  width: 146px; /* Need to set for the Snazzy borders to work    */
  padding: 1em .5em;
  font-size: .8em;
  border: 1px solid #fc0;
}

#leftnavMain p {
  margin: 0 0 1em 0;
}

#leftnavMain ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 110%;
}


#leftnav {
  float: left;
  width: 146px; /* Need to set for the Snazzy borders to work    */
  margin: 5px;
  padding: 1em .5em;
  font-size: .8em;
}

#leftnav p {
  margin: 0 0 1em 0;
}

#leftnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 110%;
}

#leftnavlist {
/*  margin-left: 15px; */
}

#leftnavlist a {
  display: block;
  padding-left: 10px;
  width: 132px;
  background-color: #FFEF9C;
  color: #333;
  border: 1px solid #FFCF00;
  font-size: 1.0em;
/*  margin-right: 12px; */
}

#leftnavlist a:link, #leftnavlist a:visited {
  background-color: #FFEF9C;
  color: #333;
  text-decoration: none;
}

#leftnavlist a:hover {
  background-color: #FFCF00;
  color: #000;
}

#leftnavlistMain a {
  display: block;
  padding-left: 10px;
  width: 105px;
  background-color: #FFEF9C;
  color: #333;
  border: 1px solid #FFCF00;
  font-size: .9em;
/*  margin-right: 12px; */
}

#leftnavlistMain a:link, #leftnavlistMain a:visited {
  background-color: #FFEF9C;
  color: #333;
  text-decoration: none;
}

#leftnavlistMain a:hover {
  background-color: #FFCF00;
  color: #000;
}

PRE		{	
 margin-left	: -3px;
 font-size		: 8pt;
 font-weight	: normal;
 width: 490px;
 }