BODY
/*
I am trying to get my text to display as "arial, brown, small".
At present, it works fine in IE, but Netscape 4 uses the default of "Times New Roman, black" 
within a table. 

The other compatibility problem with Netscape 4 is my cream-yellow background GIF. 
All webpages at the root directory show it, but those in lower directories do not. 
I used to fudge this by specifying a cream-yellow background colour, which is what shows up in those pages.

	background-color : #FFFFCC; 

but am now hard-coding the "creamyellow.gif" URL and text colour of #990000, Arial, Helvetica, sans-serif
into all my pages.  :-(

All comments and suggestions to fix these incompatibilities gratefully accepted!
*/
{
	background-image :  url('creamyellow.gif');
	background-color : #FFFFCC; 
	font-family : Arial, Helvetica, sans-serif;
	color :   #990000 		
}
P 
{	
	margin-left : 0.5cm;
    margin-right: 0.5cm;
}
A
{
}
A:Visited
{
	color : purple; "#3300FF"  ;
}
A:Active
{
	color : blue; "#9900FF" ;
}
A:Hover
{
	color : red; "#FF3333" ;
}
H1
{
	color : #000066 ;
	font-family : "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size : large ;
	font-weight : bolder ;
	text-align : center ;
}
H2
{
	color : #000066 ;
	font-family : "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size : large ;
	font-weight : bold ;
	text-align : center ;
}
H3
{
	color : #000066 ;
	font-family : "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size : medium ;
	font-weight : bold ;
	text-align : left ;
}
H4 
{ 
	color : #000066 ;
	font-family : "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size : medium ;
	font-weight : normal ;
	text-align : left ;
} 
H5 
{ 
	color : #000066 ;
	font-family : "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size : medium ;
	font-weight : normal ;
	text-align : left ;
} 
H6
{
	color : #000066 ;
	font-family : "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size : medium ;
	font-weight : normal ;
	text-align : left ;
}
hr 
{  
	color: #990000
}


/*
This is used in <div> tags to reduce the width of text
for parts of pages where the text stretches
all the way across the page, particularly in the articles. 
I chose not to use it for the tables containing thumbnail links, 
as the graphics make the length of text lines considerably shorter.
*/
.narrowwidth 
{ 
	margin-left : 10%;
    margin-right: 10%;
}
/*
The seriffed font is used in <div> tags to make the comments made by people 
more presentable. I found that they looked too stark in Arial. 
*/
.serifcomment 
{  
	font-family: "Times New Roman", Times, serif
}