 /* Pure CSS3 Multi Level Drop Down Navigation Menu */
/*             By www.Bloggermint.com            */

#nav {
    float: left;
	font-size: 0.85em;
    width: 960px;
    background: #61A333;
    border-bottom: 1px solid #CCC;
    overflow: hidden;
}

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

#nav ul li {
	float: left;
}

#nav ul li a {
   	float: left;
	color: #FFF;
    padding: 5px 10px;
	text-decoration: none;
    background: #61A333;
 	/*background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(59,63,65)), color-stop(0.55, rgb(72,76,77)), color-stop(0.78, rgb(75,77,77)) );
	background: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
	background: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;*/
 	/*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);*/
}

#nav ul li a:hover,
#nav ul li:hover > a {
    color: #FFF;
    background: #0E6635;
	/*background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
	background: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
	background: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #000;*/
}

#nav li ul a:hover,
#nav ul li li:hover > a  {
    color: #FFF;
  	background: #0E6635;
	/*background: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(61,111,177)), color-stop(0.51, rgb(80,136,199)), color-stop(1, rgb(92,154,205)) );
	background: -moz-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
	background: -o-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );*/
    border-bottom: 1px solid #CCC;
    /*text-shadow: 0 1px rgba(255, 255, 255, 0.3);*/
}

#nav li ul {
    	background-color: #61A333;
    	/*background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
    	background-image: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
    	background-image: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );*/
    	border-radius: 0 0 5px 5px;
    	-moz-border-radius: 0 0 5px 5px;
    	-webkit-border-radius: 0 0 5px 5px;
    	left: -999em;
    	margin: 24px 0 0;
    	position: absolute;
    	width: 140px;
    	z-index: 9999;
    	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
    	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
    	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset; */
    	border: 1px solid #CCC;
}

#nav li:hover ul {
    	left: auto;
}

#nav li ul a {
    	background: none;
    	border: 0 none;
    	margin-right: 0;
    	width: 120px;
    	box-shadow: none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	border-bottom: 1px solid transparent;
    	border-top: 1px solid transparent;
}

#nav li li ul {
    	margin: -1px 0 0 140px;
    	-webkit-border-radius: 0 5px 5px 5px;
    	-moz-border-radius: 0 5px 5px 5px;
    	border-radius: 0 5px 5px 5px;
    	visibility:hidden;
}

#nav li li:hover ul {
    	visibility:visible;
}

#nav ul ul li:last-child > a {
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}

#nav ul ul ul li:first-child > a {
	-moz-border-radius:0 5px 0 0;
	-webkit-border-radius:0 5px 0 0;
	border-radius:0 5px 0 0;
}
