/*<h2>	Global Stuff	</h2>
<!--	==================-->

	The default style is black text and <a href="xyz">blue links</a>
	(<a href="">purple</a> after visit) on a white background. 
	<em>Emphasis</em> is red italic.

	The raw style sheet is <a href="WDVL.css?">here</a>.
<Xmp>*/
	BODY		{
			
			color:		#000000;
			}
	BODY, TD	{
			font-family:	Arial, Verdana, Helvetica;
			}
	EM	{	background:	transparent;
			color:		#FF0000;	}
/*</Xmp>
<h2>	Headers	</h2>
<!--	==================-->
<Xmp>*/
	H1		{
			font-family:	"Copperplate Gothic Bold";
			background:	transparent;
			color:		#ff6633;
			text-align:	center;
			}
	H2, H3, H4, H5	{
			background:	transparent;
			color:		#ff6633;
			margin-top:	4%;
			text-align:	center;
			}
/*</Xmp>
<h2>	Author	</h2>
<!--	======	-->
<Xmp>*/
	Div.Author	{
			font-style:	italic;
			font-weight:	bold;
			font-family:	Helvetica;
			}
/*</Xmp>
<h2>	Abstract	</h2>
<!--	==================-->

	Every page should have an introductory paragraph.
<Xmp>*/
	Body.Plain
	.Abstract	{
			background:	#ffcc99;
			color:		#003366;
			border:		white;
			font-family:	Times, Verdana;
			}
/*</Xmp>
<h2>	Navigation Menu	</h2>
<!--	==================-->

	Gold Helvetica/Verdana on a navy background.
	Turn off links underlining to save space and reduce noise/clutter.
	It's a menu so the links are obvious enough...
	Also, 'visited' is removed as irrelevant in this context.
<Xmp>*/
	TH.Nav		{	background:	#0000cc;	
				color:		#ff9900;
				}
	TH.Menu		{	background:	#3366cc;	
				color:		#ff9900;
				}
	A:hover		{	color:		#ff6600;	}
	A.Menu:hover	{	color:		#ff6600;	}
	A.HoMe:hover	{	color:		#ff6600;	}
	A.Menu		{	background:	transparent;
				color:		#ffcc33;
				font-family:	Verdana, 
						Helvetica, Arial;
				font-size:	smaller;
				text-decoration:	none;
				}
	/*
	A.Menu:visited	{	background:	transparent;
				color:		#ffcc99;	}
	*/
	A.HoMe		{	background:	transparent;
				color:		#ffcc33;
				font-family:	Verdana, 
						Helvetica, Arial;
				text-decoration:	none;
				}
	/*
	A.HoMe:visited	{	background:	transparent;
				color:		#ffcc99;	}
				*/
/*</Xmp>
<h2>	eXaMPle Screen	</h2>
<!--	==================-->

	The <a href="/Software/Perl/ht.html">ht processor</a>
	translates XMP tags to PRE inside bordered table cell.
<Xmp>*/
	TH.Xmp		{	background:	#ffffcc;
				color:	        #330066;
				font-family:	courier;
				font-weight:	bold;
				font-size:	smaller;
				}
/*</Xmp>
<h2>	Look-up Table	</h2>
<!--	==================-->

	Resource tables, link in left cell and annotation in the right cell.
<p>
	[!	Left column	!|	Right column	|]
<Xmp>*/
	TH.LuT	A	{	color:		#000066;	}
	TH.LuT		{	background:	#cccccc;
				color:		#000000;
				}
	TD.LuT	A	{	color:		#000066;	}
	TD.LuT		{	background:	#ffffcc;
				color:		#000000;
				font-size:	85%;
				}
/*</Xmp>
<h2>	Information Panel	</h2>
<!--	==========================-->
<div	class=Info>
	Emphasises a block of stuff.
	This is <a class=Info href="/">The WDVL</a>.
</div>
<Xmp>*/
	TH.Info, TD.Info	{
			background:	#ffffcc;
			color:		#660000;
			font-family:	"Comic Sans MS", 
					Cursive, Verdana;
			font-size:	smaller;
			}
	Div.Info, P.Info	{
			background:	#ffff99;
			color:		#990033;
			text-align:	left;
			border:		blue;
			padding:	2%;
			font-family:	"Comic Sans MS", 
					Cursive, Verdana;
			font-size:	85%;
			}
	Div.Info A	{
			background:	transparent;
			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>	Margins	</h2>
<!--	==========-->

	Plain pages have side margins to reduce the text width, which is a
	strain to read if too wide.
<Xmp>*/
	Div.Margins	{
			width:		512px;
			text-align:	center;
			}
	TD.Plain		{
			background:	#ffffcc;
			color:		#000033;
			}
/*</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:	#ffffee;
		color:		#000066;
		}
/*</Xmp>
<h2>	Drop	</h2>
<!--	====-------->
	@Drop(Drop) sets off a word or phrase like this.
<Xmp>*/
	.Drop	{	background:	#333366;
			color:		#ffcc33;
			font-family:	"Copperplate Gothic Light",
					Helvetica, Verdana, Arial;
			}
/*</Xmp>
<h2>	Buttons	</h2>
<!--	=======----->

	See the menu bar at bottom.
<Xmp>*/
	A.Button:hover	{	color:	#ff6600;	}
	A.Button{
		text-decoration: none;
		color:		#003366;
		background:	#ffcc66;
		}
	.Button	{
		font-size:	9pt;
		text-align:	center;
		text-decoration: none;
		color:		#003366;
		background:	#ffcc66;
		margin-bottom:	2pt;
		border-top:	2px solid #ffff99;
		border-left:	2px solid #ffff99;
		border-right:	2px solid #cc9933;
		border-bottom:	2px solid #cc9933;
		font-family:	Verdana, Arial,
				"Comic Sans MS";
		}
/*</Xmp>
<h2>	Banners	</h2>
<!--	=======----->

<Xmp>*/
	TH.Banner	{
		background:	#ffcc66;
		}
	.Banner	{
		margin-left:	0;
		font-size:	12pt;
		text-align:	center;
		text-decoration: none;
		color:		#003366;
		background:	#ffcc66;
		border-top:	4px solid #ffff99;
		border-left:	4px solid #ffff99;
		border-right:	4px solid #cc9933;
		border-bottom:	4px solid #cc9933;
		font-family:	Verdana, Arial,
				"Comic Sans MS";
		}
/*</Xmp>
<h2>	Astronomical Black	</h2>
<!--	==========================-->

	Gold on a black background.
<Xmp>*/
	Body.Astro	{	background:	black;
				color:		#ffd766;
				font-family:	Arial, Helvetica,
						 Verdana;
				}
	Body.Astro A.Button{	background:	transparent;
				color:		#003366;	}
	Body.Astro A.Banner{	background:	transparent;
				color:		#003366;	}
	Body.Astro A	{	background:	transparent;
				text-decoration:	none;
				color:		#ffd766;	}
	Body.Astro	H1,
	Body.Astro	H2,
	Body.Astro	H3,
	Body.Astro	H4	{
			background:	transparent;
			color:		white;
			margin-top:	4%;
			text-align:	center;
			}
	Body.Astro Div.Abstract	{
			background:	#000000;
			color:		#dddddd;
			font-family:	Times, Verdana;
			text-align:	center;
			}
	Body.Astro A.Abstract	{
			background:	transparent;
			color:		#eeeedd;
			}
	Body.Astro TH.LuT {	background:	black;
				color:		#ffff99;
				}
	Body.Astro TD.LuT {	background:	navy;
				color:		#ffff99;
				}
/*</Xmp>
<h2>	Nova Black	</h2>
<!--	==========---------->

	Golden Brown on a black background.
<Xmp>*/
	TD.Nova,	
	Body.Nova	{	background:	#000000;
				font-family:	"Times New Roman";
				font-weight:	light;
				color:		#ffcc00;
				}
	Body.Nova A.Button{	background:	gold;
				color:		#003366;	}
	Body.Nova A.Banner{	background:	transparent;
				color:		#003366;	}
	Body.Nova A	{	background:	transparent;
				text-decoration:	none;
				color:		#ffd766;	}
	Body.Nova	H1,
	Body.Nova	H2,
	Body.Nova	H3,
	Body.Nova	H4	{
			background:	transparent;
			color:		white;
			margin-top:	4%;
			text-align:	center;
			filter:		Blur(Add=1, Direction=0, Strength=8);
			}
	Body.Nova Div.Abstract	{
			background:	#000000;
			color:		#ffffff;
			font-family:	Times, Verdana;
			}
	Body.Nova A.Abstract	{
			background:	transparent;
			color:		#ffeedd;
			}
	Body.Nova TH.LuT {	background:	black;
				color:		#ffff99;
				}
	Body.Nova TD.LuT {	background:	navy;
				color:		#ffff99;
				}
/*</Xmp>
<h2>	W3C....	</h2>
<!--	=======----->

<Xmp>*/
div.example {
    width:	100%;
    color:	black;
}
div.dtd-example {
    width:	100%;
    color:	black;
}
tt.example {
    color:	maroon;
    margin-left:	1em;
}
pre {
    color:	maroon;
    margin-left:	1em;
}
div.dtd-fragment {
    width:	100%;
    border:	none;
    background-color:	#eee;
}
pre.dtd-fragment	{	margin-left:	0; }
pre.dtd {
    color:	black;
    margin-left:	0;
}
div.illegal-example {
    width:	100%;
    color:	#ff6600;
    border:	solid #ff6600;
}
div.illegal-example p	{	color:	black; }
div.deprecated-example {
    width:	100%;
    color:	#ff6600;
    border:	solid rgb(255,165,0); /* orange */
}
div.deprecated-example p	{	color:	black; }
div.note, p.note {
    background:	#ffffcc;
    color:	green;
    margin-left:	1em;
    font-style:	italic;
}
ul.toc		{	list-style-type:	none; }
a.normref	{	color :	#ff6600;	}
a.informref	{	color :	green;	}
/*</Xmp>
*/
	Body.Morey{
		background:	#006699;
		color:		#ffffcc;
		}
	TH.Morey A:link
		{
		text-decoration: none;
		color:		#ffffff;
		}
	TH.Morey A:visited
		{
		text-decoration: none;
		color:		#ccccff;
		}
	TH.Morey {
		background:	#003366;
		color:		#ffcc99;
		}
	TD.Morey {
		background:	#333399;
		color:		#ffcc66;
		font-size:	80%;
		}