/**
 * NOTES ON LAYOUT
 *
 * Layout rules ALWAYS target <li>, <ul>, and <div> elements!
 *
 * The rules in this document deal with layout only, and should 
 * work automatically across all browsers.
 *
 * YOU SHOULD NOT NEED TO EDIT THIS FILE!
 *
 */

/*
---------------------------------------------------------------------------------------------------
-- Core formatting reset
---------------------------------------------------------------------------------------------------
*/

	.nav *{
		margin: 0px;
		padding: 0px;
		position:relative;	
		white-space:nowrap;
		list-style:none;
		display:block;		
		position:relative;
		}
		
/*
---------------------------------------------------------------------------------------------------
-- Link elements
---------------------------------------------------------------------------------------------------
*/

	.nav a{
		/* additional fix for IE that allows borders to merge by applying negative margins to <a> elements */
			float:left;				
			clear:both;
	}
	
	
/*
---------------------------------------------------------------------------------------------------
-- Allow horizontal first-level menus
---------------------------------------------------------------------------------------------------
*/
	
	.nav li{
		clear:both;
	}

	.nav.horizontal li.level-1{
		float:left;
		clear:none;
	}

/*
---------------------------------------------------------------------------------------------------
-- Allow horizontal spans
---------------------------------------------------------------------------------------------------
*/

	.nav span{
		display:inline;
	}
	

/*
-------------------------------------------------------------------------------------------
-- Dropdown menus
-------------------------------------------------------------------------------------------
*/

	/* GROUP HEADS  */
	
		.nav.dropdown .group-head{
			float:left;					/* Group-heads need to float by default */
			clear:none;
			}
			
		.nav.dropdown.horizontal .group-head.level-1{
			clear:both;					/* Horizontal level-1 group-heads should drop below the top level */
			}
	
	/* INTERACTIVITY  */
	
		.nav.interactive .group-head{
			display:none;			/* hack to ensure list elements in IE are definitely hidden when first rolling over */
			}
			
	/* GROUPS  */
	
		.nav.dropdown .group{
			position:absolute;			/* Groups need to be absolutely-positioned to remove them from the document flow */
			left:0px;
			}
	
	/* ITEM ELEMENTS */
	
		.nav.dropdown li{
			float:left;
			clear:left;
			}
	
		.nav li{
			clear:left;
			}
	
	/* LINK ELEMENTS */
	
		.nav.dropdown a{
			float:left;					/* Floating link elements allows group-heads to float to the right */
			}
			
/*
---------------------------------------------------------------------------------------------------
-- Allow sub-menus to indent for all menu types except dropdowns
---------------------------------------------------------------------------------------------------
*/

	.nav .group{
		margin-left:30px;
		}

	.nav.dropdown .group{
		margin-left:0px;
		}

/*
-------------------------------------------------------------------------------------------
-- Ensure lower levels alway display in front of higher levels - doesn't work on IE :(
-------------------------------------------------------------------------------------------
*/

	.nav{z-index:1000;}
	.nav a.level-1{z-index:1001;}
	.nav a.level-2{z-index:1002;}
	.nav a.level-3{z-index:1003;}
	.nav a.level-4{z-index:1004;}
	.nav a.level-5{z-index:1005;}
	.nav a.level-6{z-index:1006;}
	.nav a.level-7{z-index:1007;}
	.nav a.level-8{z-index:1008;}
	.nav a.level-9{z-index:1009;}

/*
---------------------------------------------------------------------------------------------------
-- clearing div
---------------------------------------------------------------------------------------------------
*/

	.nav-clear{
		clear:both; 
		visibility:hidden; 
		font-size:1px; 
		line-height:0px; 
		height:0px;
	}