/*
**************************************************

	Symbiosis
	Monash University 2009 Graduand Exhibition CSS

	Navigation stylesheet
	navigation.css

	Site designed and developed by Kristian Bunjamin
	www.kawedesign.com


**************************************************
*/	

	/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */ 
	
	ul#navmenu-h { 
		margin: 0; 
		padding: 0; 
		list-style: none; 
		position: relative;
	} 
	
	ul#navmenu-h ul { 
		width: 160px; 
		/* Sub Menu Width */ margin: 0; 
		list-style: none; 
		display: none; 
		position: absolute; 
		top: 100%; 
		left: 0; 
	} 
	
	ul#navmenu-h ul ul,
	ul#navmenu-h ul ul ul { 
		top: 0; 
		left: 100%; 
	} 
	
	ul#navmenu-h li { 
		float: left; display: inline; position: relative; 
		} 
		
	ul#navmenu-h ul li { 
		width: 100%; 
		display: block; 
	} 
	
	/* Root Menu */ 
	
	ul#navmenu-h a { 
		border-top: 1px solid #000000; 
		border-right: 1px solid #000000; 
		padding: 6px; 
		float: left; 
		display: block;
		background: #333333; 
		color: #FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:200;
		font-size:11px;
		text-decoration: none; 
		height: 1%; 
	} 
	
	/* Root Menu Hover Persistence */ 
	
	ul#navmenu-h a:hover,
	ul#navmenu-h li:hover a,
	ul#navmenu-h li.iehover a {
		background: #4D4D4D;
		color: #FFFFFF;
	} 
	
	/* 2nd Menu */
	
	ul#navmenu-h li:hover li a,
	ul#navmenu-h li.iehover li a {
		float: none;
		background: #808080;
	} 
	
	/* 2nd Menu Hover Persistence */ 
	
	ul#navmenu-h li:hover li a:hover,
	ul#navmenu-h li:hover li:hover a,
	ul#navmenu-h li.iehover li a:hover,
	ul#navmenu-h li.iehover li.iehover a { 
	background: #999; 
	} 
	
	/* 3rd Menu */ 
	
	ul#navmenu-h li:hover li:hover li a,
	ul#navmenu-h li.iehover li.iehover li a { 
		background: #999;
	} 
	
	/* 3rd Menu Hover Persistence */ 
	
	ul#navmenu-h li:hover li:hover li a:hover,
	ul#navmenu-h li:hover li:hover li:hover a,
	ul#navmenu-h li.iehover li.iehover li a:hover,
	ul#navmenu-h li.iehover li.iehover li.iehover a {
		background: #666;
	} 
	
	/* 4th Menu */ 
	
	ul#navmenu-h li:hover li:hover li:hover li a,
	ul#navmenu-h li.iehover li.iehover li.iehover li a {
		background: #666;
	} 
	
	/* 4th Menu Hover */ 
	
	ul#navmenu-h li:hover li:hover li:hover li a:hover,
	ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { 
		background: #333;
	} 
	
	/* Hover Function - Do Not Move */ 
	
	ul#navmenu-h li:hover ul ul,
	ul#navmenu-h li:hover ul ul ul,
	ul#navmenu-h li.iehover ul ul,
	ul#navmenu-h li.iehover ul ul ul {
		display: none; 
	} 
	
	ul#navmenu-h li:hover ul,
	ul#navmenu-h ul li:hover ul,
	ul#navmenu-h ul ul li:hover ul,
	ul#navmenu-h li.iehover ul,
	ul#navmenu-h ul li.iehover ul,
	ul#navmenu-h ul ul li.iehover ul { 
		display: block;
	}