/* hover effect */

ul.navmeister ul { display:none; }
ul.navmeister li:hover ul { display:inline; }

ul.navmeister li:hover ul ul { display:none; }
ul.navmeister li ul li:hover ul { display:inline; }

ul.navmeister li:hover ul ul ul { display:none; }
ul.navmeister li ul li ul li:hover ul { display:inline; }

ul.navmeister li ul li:hover ul ul ul { display:none; }
ul.navmeister li ul li ul li ul li:hover ul { display:inline; }

ul.navmeister li ul li ul li:hover ul ul ul { display:none; }
ul.navmeister li ul li ul li ul li ul li:hover ul { display:inline; }

/* 
extend infinitely by adding deeper levels of none/inline combination
*/


/* position the main list container */

ul.navmeister {
	width:auto;
	float:right;
	margin:0.5em;
	padding:0;
	}




/* style the list items */

ul.navmeister li {
	width:7.5em;
	margin:2px;
	padding:0;
	list-style-type:none;
	background-color:#f8fbd0;
	}
	
ul.navmeister li.youAreHere {
	background-color:#ffefdc;
	}

ul.navmeister li:hover {
	background-color:#f8f8fb;
	}
	
ul.navmeister li a {
	color:#43a837;
	border:1px solid #43a837;
	-moz-border-radius:4px;
	font:0.8em verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:4px 10px 4px 10px;
	}











/* position and size the sub list and container */

ul.navmeister ul li {
	width:10em; /* _both_ width definitions are necessary and must be the same */
	}
	
ul.navmeister ul {
	width:10em; /* _both_ width definitions are necessary and must be the same */
	position:absolute;
	right:8em;
	margin:0;
	margin-top:-1em;
	padding:0;
	}





/* 
position the child list container
this cascades from here until you change it ..
*/

ul.navmeister ul li ul {
	position:absolute;
	left:-9.2em;
	}


/*
position the great-grandchild list container
this also cascades from here until you change it ..
*/

ul.navmeister ul li ul li ul li ul {
	position:absolute;
	left:9.2em;
	}

/* hide nested list items for browsers which support it */
ul.navmeister ul { display:none; }