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

.nav-primary-level-1,
.nav-primary-level-2,
.nav-primary-level-3 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.e-navigation-primary li {
	position: relative;
}

.e-navigation-primary a,
.e-navigation-primary .non-link {
	width: auto;
	padding: 15px;
	display: block;
	text-decoration: none;
}

/* LEVEL 1
------------------------------------------------*/

.pri-level-1-item {
	float: left;
	text-align: center;
}

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

.nav-primary-level-2 {
	display: none;
	position: absolute;
	top: auto;
	left: -9999px;
	/*left: 0; display: block;  debug switch */
	z-index: 1000;
	text-align: left;
	border-top: 1px solid #EEE;
}

/* Show Level 2 dropdown on hover Level 1 */
.pri-level-1-item:hover .nav-primary-level-2 {
	display: block;
	left: 0;
}

.pri-level-2-item {
	width: 100%;
	vertical-align: bottom; /* This fixes the IE5 Win gap (no harm done to modern browsers) */
	white-space: nowrap;
	width: auto;	/* inherit the width of the parent <ul> */
}

.pri-level-2-item a,
.pri-level-2-item .non-link {
	background: white;
	min-width: 170px;
	white-space: nowrap; /* forces drop down to stretch to accommodate length of text (and not wrap) */
	padding: 10px 15px;
	border: 1px solid #DDD;
	border-top: 0;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}

.pri-level-2-item:last-child a,
.pri-level-2-item:last-child .non-link {
	border-radius: 0px 0px 4px 4px;
}

/* ####################################### */
/* ############### SUB NAV ############### */
/* ####################################### */ 

#nav-sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav-sub > ul {
	border: 1px solid #DDD;
	border-radius: 5px;
	margin: 0 0 1.5em;
}

#nav-sub > ul > li:first-child > a {
	border-top: 0;
}

#nav-sub a {
	display: block;
	padding: 10px 20px;
	border-top: 1px solid #EEE;
	text-decoration: none;
}

#nav-sub a:hover,
#nav-sub a:focus {
	text-decoration: underline;
}

#nav-sub ul ul a {
	padding-left: 40px;
}

/*#nav-sub ul ul ul a {
	padding-left: 60px;
}*/

/* ####################################### */
/* ######### SKIP LINK NAVIGATION ######## */
/* ####################################### */

.skip-links {
	position:absolute;
	top:-500em;
	left:0;
	z-index: 9999;
	height:0;
	padding:0;
}

.skip-links a:active, 
.skip-links a:focus {
	background-color: #fff;
	border: 2px solid #ff0000;
	color: #000000;
	padding:3px;
	position:absolute;
	left:0.25em;
	top: 500.25em;
	white-space:nowrap;
	z-index: 9999;	
}