#nav
		{
			max-width:577px;
			background-image: url('images/bg-nav.png');
			background-position: top center;
			background-repeat: no-repeat;
			min-height: 104px;
			padding-left: 8%;
			background-color: none;
			padding-top: 15px;
		}

			#nav a
			{
				display: none;
			}

			#nav ul li
			{
				position: relative;
				display:block;
				width:20%;
				float:left;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
					color: #f5da8f;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav ul
			{
				height: 3.75em; /* 60 */
				margin:0;
				padding:0;
				
			}
				#nav ul li
				{
					width: 18%;
					height: 100%;
					float: left;
					padding-top:3px;
				}
					#nav ul li a
					{
						
						text-align: center;
						position: relative;
						display: block;
						background-color: none;
						color:#fff;
						z-index: 200;
						font-family: 'LeagueGothicRegular', arial;
						font-size: 20px;
						font-weight: normal;
						text-shadow: 0px 1px 1px #666, 0px 1px 1px #666;
						text-decoration:none;
					}
						#nav ul li:not( :last-child ) a
						{
							border-right: none;
						}
						#nav ul li a:hover
						{
							background-color: none;
							color:#f5da8f;
						}


				/* second level */

				#nav li ul
				{
					background-color: none;
					display: none;
					position: absolute;
					top: 62%;
					width:130%;
					
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul li{
							list-style-type:none;
							width:100%;
							height:29px;
							text-align:left;
						}
						#nav li ul li a
						{
							display:block;
							font-weight: bold;
							font-family: 'LatoRegular', verdana;
							font-size: 12px;
							line-height:29px;
							background-image: url(http://njtrails.org/wp-content/themes/njtrails/images/bg-li.png);
							height:29px;
							background-repeat:repeat-x;
							
							width:100%;
							text-decoration:none;
							padding:0px 10px;
							text-align:left;
							color:#fff;
						}
							#nav li ul li a:hover
							{
								color: #f5da8f;
							}


							@media only screen and ( max-width: 62.5em ) /* 1000 */
							{
								#nav
								{
									width: 100%;
									position: static;
									margin: 0;
								}
							}

							@media only screen and ( max-width: 40em ) /* 640 */
							{
							
								#nav
								{
									position: relative;
									top: auto;
									left: auto;
								}
									#nav a
									{
										width: 100%; /* 50 */
										background-image: url(http://njtrails.org/wp-content/themes/njtrails/images/bg-m-li.png);
										font-family: 'LeagueGothicRegular', arial;
										font-size: 20px;
										font-weight: normal;
										text-shadow: 0px 1px 1px #666, 0px 1px 1px #666;
										line-height:44px;
										text-align: left;
										color:#fff;
										background-color: none;
										position: relative;
									}
										#nav a:before,
										#nav a:after
										{
											position: absolute;
											border: none;
											top: 35%;
											left: 25%;
											right: 25%;
											content: '';
										}
										#nav a:after
										{
											top: 60%;
										}

									#nav:not( :target ) > a:first-of-type,
									#nav:target > a:last-of-type
									{
										display: block;
									}


								/* first level */

								#nav ul
								{
									height: auto;
									display: none;
									position: absolute;
									left: 0;
									right: 0;
								}
									#nav:target ul
									{
										display: block;
									}
									#nav ul li
									{
										background-image: url(http://njtrails.org/wp-content/themes/njtrails/images/bg-li.png);
										background-repeat:repeat-x;
										min-height:29px;
										width: 100%;
										float: none;
										padding-top:0px;
									}
										#nav ul li a
										{
											font-family: 'LatoRegular', verdana;
											font-size: 12px;
											font-weight:bold;
											line-height:29px;
											height: auto;
											text-align: left;
											padding: 0 0.833em; /* 20 (24) */
										}
											#nav ul li:not( :last-child ) a
											{
												border-right: none;
												border-bottom: none;
											}


									/* second level */

									#nav li ul
									{
										padding-left: 0px;
										width:100%;
										position: static;
										padding-top: 0;
										margin-left:10px;
									}
									#nav li ul li{
										width:inherit;
										text-indent:10px;
									}
							}