

#menuh
	{
	font-size: 14pt;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;				/* left makes the menu go right, and vice versa... */
	margin:0em 0.0em 0em 5.3em;	/* margin top right bottom left (of whole line)*/
	}
		
#menuh a
	{
	text-align: center;			/* button text align */
	display:block;				/* nothing shows without this */
	border: 2px solid #ffffff;	/* individual cell border */
	border-radius:8px;
	white-space:nowrap;
	margin:0;
	padding: 0.4em 0em 0.3em 0em;	/* button padding top right bottom left */
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;				/* text colour  */
	background-color: #006B11;
	font-weight:normal;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #006B11;					/* text colour */	
	background-color: transparent;	/*   */
/*	background-image:url("img/bnl.png");	/*   */
/*	background-repeat:no-repeat;	/*   */
	font-weight:normal;
	text-decoration:none;
	border: 2px solid #006B11;	/* individual cell border */
	}	
	


#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	border: none;
	float:left;
	padding-right: 0.6em;	/* of box */
	padding-left: 0.1em;	/* of box */
	width:5.5em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menuh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	text-align: left;			/* button text align */
	}
#menuh li li
	{
	position:relative;
/*	border: 1px solid lightgray;	/* individual cell border */
	background-color: #eeeeee;	/* very light grey ish*/
	text-align: left;			/* button text align */
	}
#menuh li li li
	{
	position:relative;
	border: 1px solid lightgray;	/* individual cell border */
	background-color: #f7eeee;	/*  light pinky-grey ish*/
	text-align: left;			/* button text align */
	}

#menuh ul ul
	{
	border: none;			/*1px solid #ff0000;*/
	position:absolute;		/* if relative, pushes the page down for the sub menu */
	z-index:1002;			/* stack order (larger is in front) */
	top:2.2em;				/* gap between top menu and sub menu */
	display:none;			/* stops the sub menus being shown all the time */
	padding: 0em;			/* cellpadding */
	padding-left: 1.1em;		/* lines up the grey box*/
/*	width:auto; 			/* makes all subs the width of the widest */
	width:10em;				/* width of all menu boxes */
	margin:0 0 0 -1em;	/* top right bottom left - last value adjusts the horiz padding */
	}

#menuh ul ul ul
	{						/* level 3 menu */
	z-index:1003;			/* stack order (larger is in front) */
	top:-0.1em;			/* top of sub menu */
	position:absolute;	
	padding:0;	
	left:100%;				/* left edge relative to parent menu*/
	display:none;
	background-color: pink;
	border: 1px solid #ffffff;	/* block cell border */
	}

div#menuh li:hover
	{
	cursor:auto;		/* set it back to arrow when not on a link */
	z-index:1001;		/* stack order (larger is in front) */
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}			/* ??? */

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}		/* displays the sub menu */

/* End CSS Drop Down Menu */
