/*
 * CSS for css menu helper.
 * Author: John Reeves
 * Credit given to Jake Gordon, author of Nice Menus module
 * for Drupal, for much of the idea.
 */
ul.css_menu,
ul.css_menu ul{
    list-style: none;
    margin: 0;
    padding-right: 1px;
}

ul.css_menu ul{
    display: none;
    position: absolute;
    margin-right: 0;
    z-index: 5;
}

ul.css_menu li{
    margin: 0;
    padding-right: 15px;
}

ul.css_menu li{
    float: left;
  /*  background-color: #EDB700;*/
  /*  width: 132px;*/
    position: relative;
    top: 0;
    
}

ul.css_menu ul li{
    display: block;
}

ul.css_menu:after{
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

/*
 * Hide sub menus that are not hovered over.
 * It only works for 5 levels deep.  If for some reason you need
 * more, it should be easy to see how to copy the last selector and
 * add one more li:hover.  Same goes for the display: block; part below.
 */
ul.css_menu ul,
ul.css_menu li:hover ul ul,
ul.css_menu li:hover li:hover ul ul,
ul.css_menu li:hover li:hover li:hover ul ul{
  display: none;
  z-index: 1000; 
} 

/* show hovered submenus */
ul.css_menu li:hover ul, ul.css_menu ul.over,
ul.css_menu li:hover li:hover ul,
ul.css_menu li:hover li:hover li:hover ul,
ul.css_menu li:hover li:hover li:hover li:hover ul{
    display: block;
	   z-index: 1000; 
		
}

/* RIGHT type menus */

ul.cm_right li{
    float: none;
	  height: 1%;
	  width: 100%;
	
	 
}

ul.cm_right li ul,
ul.cm_right li ul li.parent ul{
    left: 152px;
    top: -2px;
    background-color:#EDB700;
    width: 175px;
	/* width: 310px;*/
	 z-index: 1000;
	border-bottom: 1px solid #ffcc00; 	
	
}
.child {
 	border: 1px solid #ffcc00;
 	padding-left:5px;
 	text-align:left!important;
	   z-index: 1000; 

	  
}
.childTop {
	border-top: 1px solid #ffcc00;
 	border-left: 1px solid #ffcc00;
 	border-right: 1px solid #ffcc00;
	 	/*border-bottom: 1px solid #ffcc00;*/
 	padding-left:5px;
 	text-align:left!important;
	 z-index: 1000; 
	background-color: #fdeeb9;		
}