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

#ddnav {
	min-width:500px;  /* 794 keep top menu from wrapping */
	margin:0px 0 0 415px;  /* placement of main top level menu  trbl*/
	height: 35px; /* main menu box height */
    	float: left;
   	font-family: bold "Comic Sans MS", Sans-serif, Arial, Helvetica;
	font-size: 14px;
  /* 	border: 1px solid #121314; */
   	border-top: 1px solid #2b2e30; 
   	-webkit-border-radius: 5px; 
   	-moz-border-radius: 5px;  
   	border-radius: 5px; 
    	overflow: hidden;
}

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

#ddnav ul li {
	float:left;
}

#ddnav ul li a {
   	float: left;
	color:#ffffff;
    	padding: 10px 15px;  /* 10 20  padding between top menu selecters */
	text-decoration:none;
    	background: #3c4042;
 	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(140,60,60)), color-stop(0.55, rgb(127,37,37)), color-stop(0.78, rgb(127,19,19)) );
	background: -moz-linear-gradient( center bottom, rgb(140,60,60) 9%, rgb(127,37,37) 55%, rgb(127,19,19) 78% );
	background: -o-linear-gradient( center bottom, rgb(140,60,60) 9%, rgb(127,37,37) 55%, rgb(127,19,19) 78% );
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
/*	border-left: 1px solid rgba(255, 255, 255, 0.05);  */
/*	border-right: 1px solid rgba(0,0,0,0.2);  */
 	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); 
}

#ddnav ul li a:hover,
#ddnav ul li:hover > a {
    	color: #ff4e26;
    	background: #3c4042;
	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;

}

#ddnav li ul a:hover, 
#ddnav ul li li:hover > a  {
	color: #000000;   /*2c2c2c */
  	background: #ff4e26; /* 5c9acd color background for child menu selection  */
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(122,10,10)), color-stop(0.51, rgb(170,35,35)), color-stop(1, rgb(122,10,10)) );
	background: -moz-linear-gradient( center bottom, rgb(122,10,10) 17%, rgb(170,35,35) 51%, rgb(122,10,10) 100% );
	background: -o-linear-gradient( center bottom, rgb(122,10,10) 17%, rgb(170,35,35) 51%, rgb(122,10,10) 100% );
/*   	border-bottom: 1px solid rgba(0,0,0,0.6); */
/*   	border-top: 1px solid #7BAED9; */
    	text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}



#ddnav li ul {
    	background:#3C4042;
    	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 10px 10px;
    	-moz-border-radius: 0 0 10px 10px;
    	-webkit-border-radius: 0 0 10px 10px;
    	left: -999em; 
    	margin: 35px 0 0;  /* 35px 0 0  move box down 2nd level*/
    	position: absolute;
    	width: 160px;  /*  160 of 2nd child*/
    	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 rgba(0, 0, 0, 0.5);
}

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

#ddnav li ul a {
    	background: none;
    	border: 0 none;
    	margin-right: 0;
    	width: 130px;  /*  120 selector width on child  */
    	box-shadow: none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	border-bottom: 1px solid transparent;
    	border-top: 1px solid transparent;
}

#ddnav li li ul {
    	margin: -1px 0 0 160px;    /* -1 0 0 160 move child box to right*/
    	-webkit-border-radius: 0 10px 10px 10px;
    	-moz-border-radius: 0 10px 10px 10px;
    	border-radius: 0 10px 10px 10px;
    	visibility:hidden;
}

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

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

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