/* main menu styles */
/*Middle Drop-Down Navigation*/
#nav-container {
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	background: rgb(255,255,255);
	font-family: "Times New Roman", Times, serif;
	clear: both;
	font-size: 15px;
	height: 33px;
	padding: 0;
	position: relative;
	text-align: left;
	width: 520px;
	margin: auto;
	font-weight: 400;
}

/* Targeting both first and second level menus */
.nav li {
	float:left;
	list-style:none;
	position:relative;
	color: rgb(0,94,32);
	margin-left:auto;
	margin-right:auto;
	margin:0 2px 0 0;
	
}
.nav li a {
	color: rgb(0,94,32);
	border:none;
	color: rgb(0,94,32);
	display:block;
	margin: 0 0 0 0;
	padding:5px 20px 5px 8px;
	text-decoration: none;
}

/* Targeting the first level menu */
.nav {
	display:block;
	margin:0;
	padding:5px 0 2px;
	position:relative;
	z-index:100;
}
.nav > li > a:hover {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	background: rgb(0,94,32);
	border-radius: 3px 3px 0 0;
	color: rgb(255,255,255);
	padding: 5px 20px 5px 8px;
	text-align: left;
}

/* Targeting the second level menu */
.nav li ul {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topright:3px;
	-moz-box-shadow:1px 1px 1px #333;
	-webkit-border-bottom-right-radius:3px;
	-webkit-box-shadow:1px 1px 1px #333;
	background:rgb(180,180,181);
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-top-right-radius:3px;
	box-shadow:1px 1px 1px #333;
	color:rgb(255,51,51);
	display:none;
	margin:0;
	padding:2px 0;
	position:absolute;
	width:auto;
	font-family: "Times New Roman", Times, serif;
}
.nav li ul li {
	width:100%;
	color: rgb(0,94,32);
}
.nav li ul li a {
	background:rgb(250,175,58);
	border:none;
	color:rgb(255,255,255);
	line-height:25px;
	margin:0;
	padding:0 0 0 8px
}
.nav li ul li a:hover {
	color: rgb(255,51,51);
}
.nav li ul li a:hover {
    background:rgb(250,175,58);
	
}
.nav li ul li.strong-archive a {
    border-top:1px solid rgb(88,88,91);
    font-weight:600;
	}

/* A class of current will be added via jQuery */
.nav li.current > a {
    -moz-border-radius:3px 3px 0 0;
    -moz-box-shadow:1px 1px 1px #333;
    -webkit-border-radius:3px 3px 0 0;
    -webkit-box-shadow:1px 1px 1px #333;
    background:rgb(250,175,58);
    border-radius:3px 3px 0 0;
    box-shadow:1px 1px 1px #333;
    color:(255,51,51);
}

/* CSS fallback */
.nav li:hover > ul.child {
    display:block;
	color:(255,51,51);
}