/* vert.css - CSS for vertical flyout menus
 * Redone for the 3rd? 4th? time by Jonny Meijer
 * 2006-09-07
 *
 * Note: You need accompanying style for the menus to look like something
 *       decent.
 */
#vertnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#vertnav ul {
	display: none;
	left: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 99;
}

#vertnav li {
	display: block;
	margin: 0px;
	position: relative;
	width: 100%;
}

#vertnav a {
	display: block;
	margin: 0em; /* helps Opera with hover */
	text-decoration: none;
}

/* Hover stuff, handles 5 levels */
/* For normal browsers (not IE): */
#vertnav li:hover ul ul,
#vertnav ul li:hover ul ul,
#vertnav ul ul li:hover ul ul {
	display:none;   
}

#vertnav li:hover ul,
#vertnav ul li:hover ul,
#vertnav ul ul li:hover ul,
#vertnav ul ul ul li:hover ul {
	display:block;
}

/* For IE only: */
#vertnav li.over ul ul,
#vertnav ul li.over ul ul,
#vertnav ul ul li.over ul ul {
	display:none;   
}

#vertnav li.over ul,
#vertnav ul li.over ul,
#vertnav ul ul li.over ul,
#vertnav ul ul ul li.over ul {
	display:block;
}

/* Fix IE. Hide from IE Mac \*/
* html #vertnav li { float: left; }
* html #vertnav li a { height: 1%; }
/* End */ 
