/* Some stylesheet reset */
ul.nav, .nav>li, .nav>li>a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align:  baseline;
}

ul.nav {
	line-height: 1;
	border-top:0px solid #A7731F;
	border-right:0px solid #A7731F;
	border-bottom:0px solid #A7731F;

}


.nav {


}

/* Basic layout & positioning */
.nav, .nav ul {
	position: relative;
	left:-3px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 170px;



}

	/* The list elements containing the links */
	.nav li, .nav ul li {
		display: block;
		position: relative;
		float:left;
		padding: 0px;;
		margin: 0;
	}

	/* The navigation links */
	.nav>li>a {
	/* Layout */
		position: relative;
	padding: 3px 0px 2px 0px;
	display: block;
	width: 170px;
	margin:0;
	border-top: 1px solid #A7731F;
	border-right: 1px solid #A7731F;
	/* Text */
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	text-align:center;
	text-shadow: 0 1px 1px #000;
	/* Background & effects */
	background-color:#000000;
		background: #000; /* Background for old browsers */

	}

	/* The arrow indicating a dropdown menu */
	.dropdown>a::after {
		 content: "";
		 position: absolute;
		 top: 16px;
		 right: 10px;
		 width: 0px;
		 height: 0px;

		 /* Creating the triangle using borders */
		 border-top: 5px solid #A7731F;
		 border-left: 4px solid transparent;
		 border-right: 4px solid transparent;
		 border-bottom: 5px solid transparent;
		}

	/* The hover state of the links */
	.nav>li>a:hover, .nav>li:hover>a {
		background: #000;
		color: #A7731F;
	}

	/* Subtle drop shadow for the last navigation link */
	.nav>li:last-child>a {
		border-bottom: 1px solid #A7731F;
		box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .2),
					0px 1px 1px rgba(0, 0, 0, .3);
	}

	/* The dropdown list elements containing the sub-links */
	.nav ul li {
		position: absolute;
		height: 0px;
		top: -9999px;

		/* Creating the slide effect using transitions */
		-webkit-transition: height .3s ease-out;
		-ms-transition: height .3s ease-out;
		-moz-transition: height .3s ease-out;
		-o-transition: height .3s ease-out;
	}

	.nav li:hover li {
		/* Expanding the list elements */
		height: 30px;
		position: relative;
		top: auto;
	}

	/* The dropdown menu's links */
	.nav ul li a {
		/* Layout & positioning */
		position: relative;
		display: block;
		width: 140px;
		padding: 8px 10px 8px 25px;
		border-top: 1px solid #fff;

		/* Text */
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 13px;
		text-decoration: none;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		background: #2f2f2f;
		color: #9f9f9f;
		
	}

	/* The hover state of the dropdown menu links */
	.nav ul li a:hover {
		color: #fff;
	}

	.nav .dropdown:hover li:first-child a {
		box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .12);
		border-top: 1px solid #fff;
	}

	.nav li:last-child ul li:last-child a {
		border-bottom: 1px solid #fff;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, .3);
	}