/* 
	A simple hierarchicalmenu of links. These styles create
	These styles create a vertical menu that can be used on a page's
	left or right side. On capable browsers, JavaScript can be used 
	to hide child links.

	Note: I ran into the IE list white space bug discussed here: 
	http://www.hicksdesign.co.uk/journal/546/ and here:
	http://archivist.incutio.com/viewlist/css-discuss/34926
	I tried the CSS solutions, but they don't work here, so I edited
	the HTML to move line breaks.
*/
/*
	The following styles are commonly customized by overriding them in
	the site's main style sheet:
*/
.simple-menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.simple-menu li
{
	white-space: nowrap;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffdb9f;
}
.simple-menu li a, .simple-menu li a:visited
{
	color: #ffdb9f;
	display: block;
	text-decoration: none;
}
.simple-menu li ul
{
	margin: 0 0 0 .75em;
	padding: 0 0 0 .5em;
	list-style-type: disc;
}
.simple-menu li ul li
{
	white-space: nowrap;
	font-size: .8em;
	font-weight: bold;
}
.simple-menu li ul li a, .simple-menu li ul li a:visited
{
	color: #fff2df;
	text-decoration: none;
}
.simple-menu li a:hover, .simple-menu li a:active, .simple-menu li ul li a:hover, .simple-menu li ul li a:active
{
	background-color: #ffc75f;
	text-decoration: underline; 
}
/*
	The following styles are NOT commonly customized:
*/
.SimpleMenuCursor
{
	cursor: pointer;
}