/*
	The <font> tag is bad. For instance,
	
		<span style="event"> 

	would replace 

		<font color="blue">

	All <b> tags should be replaced with <strong> (or <em>).  

	Headings: Section headings use <h3> here.

	HTML styles strongly urge you to use <h1> <h2> headings in
	order.  Do not skip headings.  Therefore <h1> should only be used
	for the top level heading.  Current browsers however show these 
	headings in an unacceptably large font.   My answer to that is: 

		<h1>Site Name</h1>
		<h2>Page Title</h2>

	and h3 and h4 can be the real section headings. This allows browsers 
	such as Netscape 3 to render the headings with a size that is more 
	acceptable. 

	This style sheet tries to be compatible with NS4 and IE3 as much
	as possible.  Please try your pages in NS3 to see if the output is
	at least acceptable.  Several places, I favored style sheets
	power over being compatible with buggy (ie3) browsers
	 - Louie Feb 99
*/


body, p, a, td, h1, h2, h3, h4, li, a, div, span, .body	{
	font-family: arial,verdana,tahoma,sans-serif;
	font-size: 10pt;
	}

body {
	margin: 0.5em;
	padding-left: 0.5em;
	}

a.top { 
	text-decoration:none; 
	color: royalblue;
	font-size: 150%;
	vertical-align: top;
	}

div.dcabody	{
/*	float:left;	*/
	font-size: 10pt;
	width: 700px;
	}

div.footer {
	width: 700px; 
	float: left; 
	border-style: solid; 
	border-color: royalblue; 
	border-width: 1px 0 0 0; 
	padding-top: 0.3em; 
	margin-top: 0.3em; 
	}

div.a.footer {
	margin:0.7em 0 0 0;
	}

div.insertleft {
	float: left; 
	width: 200px; 
	border: 1px solid orange; 
/*	background-color: #F8F8F8;
	background-color: Khaki;
	background-color: AntiqueWhite;
	background-color: Wheat;
	background-color: Ivory;
	background-color: GhostWhite;
*/
	background-color: Honeydew;
	margin: 0em 1em 1em 0em;
	padding: 1em 1em 1em 1em;
	}

div.insertright {
	float: right; 
	width: 200px; 
	border: 1px solid orange; 
	background-color: Ivory;
	margin: 0em 0em 1em 1em;
	padding: 1em 1em 1em 1em;
	}
	
div.inserttop {
	border: 1px solid orange; 
	background-color: FloralWhite;
	margin: 0em 0em 1em 1em;
	padding: 1em 1em 1em 1em;
	}

table {
	border-collapse: collapse;
	}

td	{
	color: black;
	font-weight: normal;
	}
h1, h2, h3, h4, caption {
	font-weight: bold;
	}
h1 {
	color: royalblue;
	font-size: 15pt; 
	}
h2 {
	color: Darkorange;
	font-size: 13pt;
	}

h3, caption {
/*		color: green;			*/
/*		background:olivedrab; 	*/
	font-size: 11pt;
	background: indianred;
	color: whitesmoke;
	padding: 0.25em;
	letter-spacing: 1px;
	}
	
h4 {
	color: maroon;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: underline;
	}

.BODY {
	color: black;
	background-color: transparent; 
	font-size: 10pt;
	font-family: Arial;
	font-weight: normal;		
	}

	.link {
        font-size: 9pt;
       	color: black;
		font-family: Arial;
		background: transparent;
	}
	
	.menuheaderlink {
        font-size: 8pt;
       	color: white;
		font-family: Arial;
		background: transparent;
	}
	
	/* When the event name appears with just a one line description. */
	.event {
		color: #0000ff;
		background: transparent;
		font-weight: bold;
	}
	
	/* List of links: old newsletters, old events */
	.anchorlist {
		font-size: 90%;
		font-weight: bold;
		font-family: Arial;
	}

	a {
		color: #CC0000; 
		font-weight: normal; 
		text-decoration: underline;
	}
	
	a:hover {
		color: #666666;
		text-decoration: none;
	}
	
	hr { 
		height:1px; 
		color:orange;
		margin-top: 18px; 
		margin-bottom: 12px
	}	

img.footer, img.menu {
	border: 0;
	padding: 0;
	margin: 0;
	}

img.left {
	float: left; 
	border: 0; 
	}
	
img.right {
	float: right; 
	border: 0; }

em {
	font-weight: bold;
	letter-spacing: 1px;
	}

span.cheque {
	font-family:  Courier New;
	color: blue;
	font-weight: bold;
	}
	
div.pobox {
    width: 20em;
    margin:0 0 1em 10em;
    padding:1em 2em 1em 2em;
    border:0.2em solid silver;
    text-align: left;
    font-family: Courier New;
    font-weight: bold;
    font-style:normal;
	}
	
#closewindow {
	color: white; 
	background-color: indianred; 
	font-weight: bold;
	}