/* the horizontal menu starts here */
div#listmenu 	{	width:100%;
			float:left;
			font-size:.85em;	/* SET FONT-SIZE HERE */
			font-weight: normal;
			background-color: #000; /* colors the div */
	}
div#listmenu ul {	margin:0 0 0 140px;/* indents ul from edge of container not IE */
		}
div#listmenu li {	float: left;
			position: relative; 
			list-style-type: none;
			background-color: #000;
			border-right: 1px solid #fff; /* creates dividing lines between the li elements */
		     	padding: 0 24px 0 24px; /* adds space to the top menu links */

		}
div#listmenu li:first-child {
			border-left: 1px solid #fff;
		}
div#listmenu a 	{	display:block;
			padding: 5px 8px 5px 8px; /*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:#fff;
			text-decoration: underline;
			}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul 	{
			margin:0;
			position:absolute;
			width: 15em;
			left:-1px;
			}
div#listmenu ul li ul li {
			width: 100%;
			padding: 0; /* reduces spacing to the second level menu links */
			border-left: 1px solid #fff;
			border-bottom: 1px solid #fff;
			border-right: 1px solid #fff;
			background-color: #999;
			}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #fff; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul 	{	display:none;
			}
div#listmenu ul li:hover ul {	display:block; 
			}

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
				float:left;
				/*border-left:1px solid #fff; */	/* adds the leftmost menu vertical line to the ul */
				margin-left: 70px; 	/* IE doubles the given value above - why? */
			}
* html div#listmenu a 	{	display:block;
			} 	/* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #fff;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */