div#navbar ul
	{
	/* display:inline-block; */ /* This causes the menu to center.  */
	display:inline-block;
	list-style: none;
	margin: auto;
	padding:0;
	background-image:url('transparent.gif'); /*  STEVE EDIT - This graphic is important as it keeps the menu down in IE & Opera  */
	}


div#navbar ul li
	{
	float:left;
	position: relative;
	margin-left:2pt; /*  This line separates adds a little space between the top visable menus buttons */
	}

div#navbar ul ul li
	{
	float:none;
	margin-left:0; /*  This line cancels out the inter column separation below the top menu level   */
	margin-top:1pt;
	border-style:solid;
	border-color:DarkBlue;
	border-width:1pt 1pt 1pt 1pt;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.1);
	/* Remove next two as browsers support W3C shadows */
	-moz-box-shadow: 5px 5px 7px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 7px rgba(0,0,0,0.1);


	}



div#navbar ul ul
	{
	display:none;  /*  STEVE CHANGE - This must be activated to allow the drop down menu to function. */
	position:absolute;
	left:0;
	float:left;
	padding:0;
	}



div#navbar ul {z-index: 99996;}
div#navbar ul ul {z-index: 99997;}
div#navbar ul ul ul {z-index: 99998;}
div#navbar ul ul ul ul {z-index: 99999;}

/*  The next style is just to offset the flyout menus  */
div#navbar ul ul ul
	{
	left:100%;
	top:0;
	margin-left:-5px;
	}


div#navbar ul li a
	{
	width:100pt;
	display:block;
	margin:0;
	padding:1.5pt 2pt;
	}


/*  Typography and colors  */
div#navbar ul li a
	{
	font-size: 8pt;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	line-height:110%;
	border-style:solid;
	border-color:LightSkyBlue;
	color:White;
	border-width:1pt 1pt 1pt 1pt;
	}


/*  Aligns text lables on the drop down sections of the menu.  */
div#navbar ul ul a 
	{
	text-align:left;
	}



/*  STEVE CHANGE -  */
div#navbar ul a	{background-color:#1873CC;}
div#navbar ul ul a	{background-color:#1E90FF;}
div#navbar ul ul ul a	{background-color:#4BA6FF;}



div#navbar ul li a:link	{}
div#navbar ul li a:visited	{}

div#navbar ul li a:active	{}



div#navbar li:hover > a
	{
	color:Yellow;
	background-color:#125699;
	}




div#navbar ul li:hover > ul
	{
	display:block;
	}