body 
	{
	color:darkslategray;
	margin: 0px;  
/* 	background-image:url('logo background for page.jpg');  */
	background: darkslategray;
	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;
	margin-top: 0px;
	border-width:0px;
	border-style:solid;
	border-color:red;
	padding:15px;	
	padding-top:0px;
	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:	#003798;
	padding:0px;	
	} 
table.internal 	
	{
	background-color: white;
	width:100%;
	Outline-width: 1px; 	
	Outline-style: solid;
	Outline-color: #003798;
	padding:15px;	
	} 
		
table.menu
	{
	margin-top:0px;
	background-color: white;
	width:100%;
	padding:0px;	
	} 
table.footer{
	width:100%;
	Outline-width: 1px; 	
	Outline-style: solid;
	Outline-color:	#003798;
	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: 12px; 
	text-decoration:none;
	}
a:hover
	{
	color:red;
	font:bold;
	background-color: white;
	margin:0px;
	border:0px;
	}

hr
	{
	color: darkslategray;
	}	
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:31px; background:url("navbar-background white.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:31px; margin:0}
/* 
TOP LEVEL MENU - WITHOUT MOUSEOVER
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:31px; line-height:30px; color:#00529B; text-decoration:none; font-size:12px; font-weight:normal;bold; padding:0 0 0 12px; cursor:pointer; background: url("navbar-background white.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 white.gif") 	right top; 	background-repeat:no-repeat;}
/* 
TOP LEVEL MENU - MOUSEOVER 
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 changes 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:#00529B;}  
#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 MENUS 
*/
#nav li:hover {position:relative; z-index:200;}
/* ************************************************************************************************************ 
The following determines 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:30px; background: #EEEEEE; padding:3px; border:0px solid #00529b; white-space:nowrap; width:160px; height:auto; z-index:300;}
#nav li:hover ul.sub li     {display:block; height:20px; position:relative; float:left; width:160px; font-weight:normal;}
#nav li:hover ul.sub li a  {display:block; font-size:12px; font-weight:normal; height:18px; width:158px; line-height:18px; text-indent:5px; color:#00529B; text-decoration:none; border:1px #00529B;}
 /* 
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 
(The following code also determines the appearance of a selected child drop down menu item.)
*/
#nav li:hover ul.sub li a:hover 
{background: #DDDDDD; color: #00529B; border:1px solid #00529B; }

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

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

/* 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-image: url("arrow_over.gif")150px 6px; background-color:#DDDDDD; background-repeat:no-repeat; color:#00529b; border:1px solid #00529B;} 



/* *************************************************************************** */
/* The following code determines the appearance of secondary drop down menu 
The "left" parameter determines the horizontal position of the menu.
The "top" parameter determines the verticle position of the menu.
The "background" parameter determines the background color of the menu.
The "padding" parameter determines the space around each menu item.
The "border" parameter determines the border around the menu.
The "white-space" parameter determines ???.
The "width" parameter determines the width of the menu.
The "z-index" parameter determines ???.
The "height" parameter determines ???.
Other characteristics such as text font size/type/color and border of hightlighted item must be inherited. 
*/
#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:160px; top:-7px; background: #DDDDDD; padding:3px; border:0px solid #EEEEEE; white-space:nowrap; width:160px; 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") 150px 6px; background-repeat:no-repeat; color:purple; border-color:red;}