body 
{
	behavior:url(../csshover.htc);
}

/* the horizontal menu starts here */
div#listmenu 
{
 	width:100%; /*makes the div full width */
	float:right;
	margin-top:25px;
}

div#listmenu ul 
{
	margin-left: 30px; /*indents ul from edge of container*/
}

div#listmenu li 
{
	float:left;	 			/*causes the list to align horizontally instead of stack ?**/
	position: relative;  	/*positioning context for the absolutely positioned drop-down ***/
	list-style-type: none;
}
	
.submenu li
{
	margin-left: 0px;
	line-height: 25px;
	background-color:#39C; /*sets the background of the menu items ***/
}

div#listmenu li:first-child 
{
/*	border-left:1px solid #069; the first vertial line on the menu */
}
	
.submenu li:hover
{
	background-color:#369;
}

.submenu li:visited
{
	color:#FFF;
}

div#listmenu li:hover 
{ 
/*	background-color:#369; sets the background of the menu items ***/
}

div#listmenu a 
{
	display:block;
/*	padding:1px 6px; creates space each side of menu item's text */
	text-decoration:none;	 	/* removes the underlining of the link ***/
	color:#FFF;					/* sets the type color ***/
}

div#listmenu a:hover 
{
	color:#FFCC4F;   
}
/* the menu ends here */


/* the drop-down starts here */
div#listmenu ul li ul 
{
	margin: 0; 
	z-index: 10;       	/*puts drop-down on top of div - Safari needs this as menu is 1px higher */
	text-align: left;
	position:absolute;	/* positions the drop-down ul in relation to its relatively positioned li parent ***/
	padding-left: 0px;
	padding-top: 7px;
	width:18em;        	/*sets the width of the menu - in combo with the li's 100% width, makes the menu stack***/
	border-right:0;   	/* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left: 5px;        	/*aligns the drop exactly under the menu */
	
}

div#listmenu ul li ul li 
{
	padding:0;
	width:100%; 					/* makes the list items fill the list container (ul) */
	border-left:1px solid #069; 	/*  three sides of each drop-down item */
	border-bottom:1px solid #069;
	border-right:1px solid #069;
}

div#listmenu ul li ul li a {padding:1px .5em;}
div#listmenu ul li ul li:first-child {border-top: 1px solid #069;} /*the top edge of the dropdown */
	
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display: none;} 				/* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display: block; } 		/* shows the drop-down when the menu is hovered */