/* CSS Document */

body div#listmenu * {padding:0; margin:0; width:550px;}
div#listmenu {width:100%; border-top:1px solid #069;  border-bottom:1px solid #069;}
div#listmenu ul {

	width:550px; /* width of top level menu */
 	border:1px solid;
	border-bottom:0px; }
div#listmenu ul li {

width:450px;
	border-left:0px solid #069; 
	color:green; 
	padding:0 8px 0; 
	border-bottom:1px solid #069;
	height:1.2em;
	} 
	div#listmenu li:first-child {
	border-left:0px solid #069; 
	}
/* remove these two lines is you want the top menu choices to be clickable */
div#listmenu ul li a:hover {color:#069; cursor:default;} /* removes the hover color and pointer - there is no choice to click so we disguise it */
div#listmenu ul li ul li a:hover {color:red; cursor:pointer;} /* restores the hover color and pointer on the "drop-down" choices */
div#listmenu ul li ul  {
	display:block; 
	border-top:1px; 
	border-right:2px solid #069; 
	border-bottom:1px solid #069; 
	top:0px; left:100px;
	visibility:visible; 
	width:450px; /* width of sub-menu */
	}
div#listmenu ul li a {font-weight:bold;}
div#listmenu ul li ul {
	background-color:#FFC; 
	top:-1px;
	
	}
div#listmenu ul li ul li {
	padding:1px 6px 0;
	float:none; 
	display:inline; 
	border:none; 
	background-color:transparent;
	}
div#listmenu ul li ul {
	border-top:#C33; /*the top edge of the dropdown */
	padding:0px;}
	div#listmenu ul li ul li:first-child {
	border-top:0; /*the top edge of the dropdown */
	}
div#listmenu ul li ul li a {display:inline;font-weight:normal; border:0;}
div#listmenu ul li ul li ul {display:none;} /* hides any second-level drop-down choices */
ul li ul li ul li ul {display:none;}