#nav {
	font-family: 'Archivo Narrow', sans-serif;
	position:relative;
	z-index:2;
	width:100%;
}

#nav span {
    display: none;
}
#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    background-color: transparent;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    position: relative;
    width: 99.9%;
}
#nav ul.subs {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    border-left:solid #dddddd 1px;
    border-right:solid #dddddd 1px;
    border-bottom:solid #dddddd 1px;
    color: #333333;
    display: none;
    left: 0;
    padding: 0%;
    position: absolute;
    top: 60px;
    width: 100%;
		background: #fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
		background: -moz-linear-gradient(top,  #fff,  #f0f0f0);	
	  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

#nav > li {
    border-bottom: 0px solid transparent;
    float: left;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    border-left:solid #eee 1px;
}

	#nav > li:first-child {
		border-left:solid transparent 1px;
	}
	
	#nav > li .selectedtree {
		background:#fff;
		color:#545c6c;
	}
	
	#nav:hover > li .selectedtree {
		background:transparent;
		color:#fff;
	}	

#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    -ms-transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    -o-transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    -webkit-transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s;
    white-space: normal;
    background-repeat:no-repeat !important;
    background-position:5px center !important;
}

#nav > li > a {
    color: #fff;
    display: block;
    font-size: 1.3em;
    font-weight:normal;
    line-height: 60px;
    height:60px;
    padding: 0 17px;
}

	.screen_high #nav > li > a {
		padding: 0 10px;
	}
	
	.pda_ver #nav > li > a, .pda_hor #nav > li > a, .screen_ultralow #nav > li > a, .screen_low #nav > li > a, .screen_med #nav > li > a {
		padding: 0 6px;
	}	

#nav > li:hover > a, #nav > a:hover {
    background-color: #ffffff !important;
    color: #545c6c !important;
}

#nav li.active > a {
    background-color: #333333;
    color: #FFFFFF;
}

#nav li:hover ul.subs {
    display: block;
}

#nav ul.subs > li {
    display: inline-block;
    float: none;
    padding: 10px 1%;
    vertical-align: top;
    width:auto;
    min-width:120px;
}
#nav ul.subs > li a {
    color: #6a6a6a;
    line-height: 20px;
}
#nav ul li a:hover {
    color: #000;
}
#nav ul.subs > li > a {
    font-size: 1.2em;
    margin-bottom: 10px;
    color:#000;
}

#nav ul.subs > li li a {
	font-size:0.8em;
}

#nav ul.subs > li li {
    float: none;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
}

#nav ul.subs > li {
	border-right:solid #ddd 1px;
	clear:left;
	overflow:auto;
	margin-bottom:5px;
	margin-top:5px;
	display:inline-block;
	min-height:130px;
}

#nav ul.subs > li:last-child {
	border-right:0px;
}

#nav ul.subs > ul li a {
	float:left;
	clear:left;
}

#nav ul.subs > ul li ul {
	float:left;
	clear:left;
}


#nav .sep {
	float:left;
	clear:none;
	width:auto;
	display:block;
	margin-right:10px;
}

#nav .down {
	display:none;
}

#nav .up {
	display:none;
}