body 
	{
	color:darkslategray;
	margin: 0px;  
	background-image:url('logo background for page.jpg');
	height:100%;
	font-family: arial;
	font-size:100%;
	}
h1	{font-size: 2.0em;} 
h2	{font-size: 1.6em;} 
h3	{font-size: 1.2em;} 
h4	{font-size: 1.0em;} 
h5	{font-size: 0.8em;}
h6	{font-size: 0.6em;}	
p	
	{
	margin-left: 20px; 	
	margin-bottom: .5em;
	margin-top: 0.5em;
	}
ul 	
	{
	margin-top: 0cm;
	margin-bottom: 0cm;
	}
li	
	{
	margin-top: 0.1cm;
	margin-bottom: 0.1cm;
	}		
p.margin
	{
	margin: 20px,4,4,20px;
	}
table.border	
	{
	width:1000px;
	margin-left: auto; 
	margin-right: auto;
	border:0px;
	padding:15px;	
	background-color: white;
	} 
table.logo
	{
	width: 1000px;
	margin-left: auto; 
	margin-right: auto;
	border:0px;
	padding:0px;	
	} 
table.navbar 	
	{	
	Outline-width: 1px; 	
	Outline-style: solid;
	Outline-color:	steelblue;
	padding:0px;	
	} 
table.internal 	
	{
	background-color: white;
	width:100%;
	Outline-width: 1px; 	
	Outline-style: solid;
	Outline-color: steelblue;
	padding:15px;	
	} 
		
table.menu{
	background-color:lavender;
	font-size:100%;
	position:absolute;
	visibility:hidden;
	outline-style:solid;
	outline-width:0px;
	outline-color:lavender;
	Width: 180px;
	}
table.footer{
	width:100%;
	Outline-width: 1px; 	
	Outline-style: solid;
	Outline-color:	steelblue;
	padding:5px;	
	}	
table.nooutline	
	{
	Outline-style: none;
	} 	
td	
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: normal; 
	font-size: 9pt; 
	font-family: arial; 
	font-weight: normal ; 
	margin-left: 20px; 
	margin-right: 20px; 
	margin-top: 0em; 
	margin-bottom: 0.5em; 
	font-style: normal;
	text-align: left; 
	}
td.navbar
	{
	width:80px;
	text-align:center;
	vertical-align:bottom;
	}
td.menu
	{
	background:lavender;
	padding:5px;
	}
td.footergif
	{
	text-align: right; 
	}
a
	{
	color:Blue;
	font-size: 16px; 
	text-decoration:none;
	}
a:hover
	{
	color:red;
	font:bold;
	background-color: white;
	margin:0px;
	border:0px;
	}
image	
	{
	hspace:0;
	border:0px;
	}
#fullheight 
	{
	height:100%
	}




/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(logo on background.png);}
.preload1 {background: url(navbar-button-lhs.gif);}
.preload2 {background: url(navbar-button-rhs-nodropdown.gif);}
.preload3 {background: url(navbar-button-rhs-withdropdown.gif);}
.preload4 {background: url(navbar button rhs.gif);}


/* -------- Backdrop -- GIF=0 -- 8 x 35 no side edges repeated accros the page*/
/* -------- Backdrop -- GIF=0 -- It creates the backdrop*/
#nav 
{padding:0; margin:0; list-style:none; height:38px; background:#fff url(navbar-background.gif); background-repeat:repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

/* ************************************************************************************************************ 
THIS SECTION CONTROLS THE TOP LEVEL MENU
 */
#nav li.top {display:block; float:right; height:38px; margin:0}
/* 
MOUSEOVER TOP LEVEL MENU
The following three lines of code determine how the appearance of the top level of the menu when the cursor is not over any menu item.
*/
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; background: url(navbar-background.gif); background-repeat:no-repeat;}
#nav li a.top_link span 		{float:left; display:block; padding:0 24px 0 12px; height:35px; background: url("navbar button rhs.gif") 	right top; 	background-repeat:no-repeat;}
#nav li a.top_link span.down 	{float:left; display:block; padding:0 24px 0 12px; height:35px; background: url("navbar-rhs-withdropdown.gif") 	right top; 	background-repeat:no-repeat;}
/* 
MOUSEOVER TOP LEVEL MENU 
The following three lines of code determine how the appearance of the top level of the menu changes when the cursor moves across a menu item.
In particular, this code detemines: The colour of the font and the background. 
 */
#nav li:hover a.top_link 			{background:url(navbar-button-lhs.gif); 						background-repeat:no-repeat;color:white;}  
#nav li:hover a.top_link span		{background:url(navbar-button-rhs-nodropdown.gif) right top; 	background-repeat:no-repeat;}
#nav li:hover a.top_link span.down 	{background:url(navbar-button-rhs-withdropdown.gif) right top; 	background-repeat:no-repeat;}




/* ************************************************************************************************************ 
THIS SECTION CONTROLS THE DROP DOWN MENU 
*/
#nav li:hover {position:relative; z-index:200;}
/* ************************************************************************************************************ 
The following determies the appearance of the primary drop down menu.
*/




/* ************************************************************************************************************ 
The following relates to the primary drop down menu as a whole*/
#nav li:hover ul.sub       {left:1px; top:38px; background: steelblue; padding:3px; border:1px solid black; white-space:nowrap; width:150px; height:auto; z-index:300;}
#nav li:hover ul.sub li     {display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal;}
#nav li:hover ul.sub li a  {display:block; font-size:13px; font-weight:bold; height:18px; width:148px; line-height:18px; text-indent:5px; color:#cccccc; text-decoration:none; border:1px steelblue;}
 /* 
The appearance of items in the primary drop down menu can vary accoring to:
   whether thet are currently selected or not
   whether they are a parent of a secondary menu or not
   if they are a parent of a secondary menu whether that seconday menu is currently selected.  
This gives the following 5 possible combinations 

/* Parent=NO, 	Currently selected=NO
This appears set by the above three lines of code*/

/* Parent=NO, 	Currently selected=YES */
#nav li:hover ul.sub li a:hover 
{background:steelblue; color:#fff; border:1px solid white;}

/* Parent=YES, Currently selected=NO*/
#nav li ul.sub li a.fly
{background:steelblue url(arrow.gif) 140px 6px; background-repeat:no-repeat;}

/* Parent=YES, Currently selected=YES*/
#nav li:hover ul.sub li a.fly:hover
{background:steelblue url(arrow_over.gif) 140px 6px; color:white; background-repeat:no-repeat; border:1px solid white;}

/* Parent=YES, Seconday menu selected=YES */ 
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:steelblue url(arrow_over.gif) 140px 6px; background-repeat:no-repeat; color:white; border:1px solid white;} 



/* *************************************************************************** */

/* This determines the appearance of secondary drop down menu */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:150px; top:-4px; background: steelblue; padding:3px; border:1px solid black; white-space:nowrap; width:150px; z-index:400; height:auto;}








/* Don't know what this does */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/* Don't know what this does ?????????????????*/
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:orange url(arrow.gif) 140px 6px; background-repeat:no-repeat; color:purple; border-color:red;}