/**
 * Cascading Style Sheet to handle menus
 *
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 * @reference 	http://www.lwis.net/
 *
 */

ul.menu, ul.menu li, ul.menu ul {
	list-style: none;
 	margin: 0;
 	padding: 0;
	}

ul.menu {
	position: relative;
	z-index: 897;
 	float: left;
	}

ul.menu li {
	float: left;
 	line-height: 1.3em;
 	vertical-align: middle;
 	zoom: 1;
	}

ul.menu li.hover, ul.menu li:hover {
 	position: relative;
 	z-index: 899;
 	cursor: default;
	}

ul.menu ul {
 	visibility: hidden;
 	position: absolute;
 	top: 100%;
 	left: 0;
 	z-index: 898;
 	width: 100%;
	}

ul.menu ul li {
 	float: none;
	}

ul.menu ul ul {
 	top: 1px;
 	left: 99%;
	}

ul.menu li:hover > ul {
 	visibility: visible;
	}

* html ul.menu li {
 	height: 1px;
	}

ul.menu ul li, ul.menu-vertical {
 	margin-left: -16px;
 	mar\gin-left: 0;
	}

ul.menu ul,
ul.menu li:hover ul ul,
ul.menu li:hover ul ul ul,
ul.menu li:hover ul ul ul ul,
ul.menu li:hover ul ul ul ul ul {
 	visibility: hidden;
	}

ul.menu li:hover ul,
ul.menu ul li:hover ul,
ul.menu ul ul li:hover ul,
ul.menu ul ul ul li:hover ul,
ul.menu ul ul ul ul li:hover ul {
 	visibility: visible;
	}

ul.menu ul ul ul ul ul ul {
 	visibility: hidden !important;
	}
ul.menu {
 	font-weight: bold;
 	font-size:11pt;
	}
/* -- level mark -- */
ul.menu ul {
	width: 150px;
	margin-top: 0;
	}

ul.menu ul li {
	font-weight: normal;
	}

ul.menu *.expanded {
 padding-right: 20px;
 background-image: url('/wfiles/down.gif');
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.menu-horizontal ul *.expanded {
 padding-right: 15px;
 background-image: url('/wfiles/right.gif');
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


ul.menu-vertical *.expanded,
ul.menu-upward ul *.expanded {
 background-image: url('/wfiles/up.gif');
}

ul.menu a {display:block;}

/* The following should be overridden to change colors */

ul.menu li {
	padding: 2px 7px;
	color: #940000;
	}
ul.menu ul li {
	padding: 2px 7px;
	font-size:10pt;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	border-color: #fff #d9d9d9 #d9d9d9;
	background-color: #f6f6f6;
	color: #940000;
	}

ul.menu li.hover, ul.menu li:hover {
	background-color: #E0E0E0;
	color: #940000;
	}

ul.menu a:link, ul.menu a:visited	{
	color: #940000; text-decoration: none;
	}
ul.menu a:hover		{ color: #940000; }
ul.menu a:active	{ color: #ffa500; }

#menutitle{
	background-color: #940000;
	font-weight:bold;
	padding:1px;
	color:#FFF;
	border-bottom:1px solid #d9d9d9;
	}

