/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* master_navigation.css - contains rules to layout the primary site navigation */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* STRUCTURE (nb		: you can use a "find" search on any of the sections below prefixed with a flag ["="] (eg		: "=GENERAL LAYOUT")
++++++++++++
	PRIMARY NAVIGATION
*/






/* ####################################### */
/* ########## PRIMARY NAVIGATION ######### */
/* ####################################### */


/* TOP LEVEL
------------------------------------------------*/
.e-navigation-primary {
	height				: 	2.9em;
	clear				: 	both;
}

.e-navigation-primary ul {
	padding				: 	0;
	margin				: 	0;
	list-style			:	none;
}

.e-navigation-primary ul li {
	display				: 	block;
	position			: 	relative;
	line-height			:	2.9em;
	float				: 	left;
	list-style			: 	none;
	height				: 	1%;		/* hasLayout trigger needed to kick IE7 to honor li:hover pseudo classes used for hovers. see --> http://css-class.com/articles/explorer/sticky/ */
	margin				: 	0;
}

.e-navigation-primary ul li a:link,
.e-navigation-primary ul li a:visited {
	display				: 	block;
	height				: 	auto;
	width				: 	auto;
	padding				:	0 1.5em;
	text-align			:	center;
}

.e-navigation-primary ul li a:hover,
.e-navigation-primary ul li a:focus {
	text-decoration: none;
}


/* 2ND LEVEL
------------------------------------------------*/

.e-navigation-primary ul ul { 
	position			: 	absolute;
	left				: 	-9999px;	/* hide the drop downs by positioning off the viewport */
	width				: 	inherit;	/* inherit the width of the parent li a */
	z-index				: 	999;
}

.e-navigation-primary ul ul li {
	float				: 	none; 		/* don't remove this */
	white-space			:	nowrap;	
  	vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

.e-navigation-primary ul ul li a:link,
.e-navigation-primary ul ul li a:visited {
	width				: 	auto;
	height				: 	1%;
	text-align			:	left;
}


/* 3RD LEVEL
------------------------------------------------*/

.e-navigation-primary ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 9990;
}


/* 2nd Level Drop Control
------------------------------------------------*/


/* 2nd Level :hover  (hovering over top level list or anchor)  */
.e-navigation-primary ul li:hover ul,
.e-navigation-primary ul a:hover ul {
	left				:	auto;
}

/* keep the third level hidden when you hover on first level list or link */
.e-navigation-primary ul li:hover ul ul,
.e-navigation-primary ul a:hover ul ul {
	display: none;
}



/* 3nd Level Drop Control
------------------------------------------------*/

/* make the third level visible when you hover over second level list OR link */
.e-navigation-primary ul li:hover ul li:hover ul,
.e-navigation-primary ul a:hover ul a:hover ul { 
	left: 100%;
	display: block;
	position: absolute;
}














/* ####################################### */
/* ########### =SUB NAVIGATION ########### */
/* ####################################### */

.e-navigation-sub ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.e-navigation-sub ul li {
	border-bottom: 1px solid #ccc;

}

.e-navigation-sub ul li a {
	display: block;
	width: 100%;
	padding: 0.5em 0;
}











/* ####################################### */
/* ######### INLINE NAVIGATION ########### */
/* ####################################### */





.inline-nav {
	padding				: 	0;
	margin				: 	0 0 1.5em 0;
	list-style			:	none;
	display: block;
	clear: both;
	height: 2.9em;
}

.inline-nav li {
	display				: 	block;
	line-height			:	2.9em;
	float				: 	left;
	list-style			: 	none;
	height				: 	1%;		/* hasLayout trigger needed to kick IE7 to honor li:hover pseudo classes used for hovers. see --> http://css-class.com/articles/explorer/sticky/ */
	margin				: 	0;
}

.inline-nav li a:link,
.inline-nav li a:visited {
	display				: 	block;
	height				: 	auto;
	width				: 	auto;
	padding				:	0 1.5em;
	text-align			:	center;
	background: #e1e1e1;
}

.inline-nav li a:hover,
.inline-nav li a:focus {
	text-decoration: none;
}