/*
General-purpose drop-down menu

HTML sample

<ul class="DropDownMenu">
	<li>
		<div>File</div>
		<ul>		
			<li><a href="new.php">New</a></li>
			<li><a href="open.php">Open</a></li>
		</ul>
	</li>
	
	<li>
		<div>Edit</div>
		<ul>		
			<li><a href="cut.php">Cut</a></li>
			<li><a href="copy.php">Copy</a></li>
			<li><a href="paste.php">Paste</a></li>
		</ul>
	</li>
</ul>

*/

ul.DropDownMenu {
	list-style: none ;
	position:absolute

}

ul.DropDownMenu > li {
	float: left ;
	display: block ;
	cursor: pointer
}

ul.DropDownMenu > li:hover {
	/*background-color: blue*/
}

/* note the ul after :hover! This applies the style to all child uls*/
ul.DropDownMenu li:hover ul,
ul.DropDownMenu li:active ul
{
	display:block ;
	list-style: none ;
}

ul.DropDownMenu > li > ul {
	display:none
}

ul.DropDownMenu > li > ul > li {
	margin: 0 ;
	list-style: none
}

ul.DropDownMenu > li > ul > li:hover {
	/*background-color: blue*/
}

ul.DropDownMenu > li > ul > li > a {
	display: block
}