/* ==================================================
Tutorial Title:    jQuery Drop Down Menu with slideToggle() and fadeToggle()
Tutorial Link:    https://html-tuts.com/?p=9961
=================================================== */

ul {padding:10px;0;
margin:0;
list-style-type:none;
opacity:.8.5;}
li.dropdown {position:relative;display:inline;margin-left:1.4em;}
 li.dropdown a {color:#f2ebd2;font-size:15px;text-align:center;margin: 3px 0 5px 0;}
ul li ul.dropdown-menu{
       width:350px;
        z-index: 999;
        left: 0;
       text-align:center;
      position: absolute;
padding:10px;
background:none;
}

	  .dropdown-menu:active ul ul *{
        display:none;
    }
.hidden {display:none;}
 

.dropdown-menu{
       width: 23em; /* Set width of the dropdown */
        display: none;
        z-index: 999;
        left: 0;
       text-align:center;
      position: absolute;
     padding-top:.2em;
}

li.drop a{padding: .1em 0 .2em 0;
	display: block;
	text-decoration: none;
	color:#313131;
	
	}
p.menub	:hover {
		border-style: thin solid red ;
		margin-bottom:1px;
		
}
li.drop:hover {
		border:thin solid red;
}

li.dropdown2{	
 background:white;
 box-shadow: 2px 2px 4px 0 rgba(0,0,0, 0.5);
 padding:.2em 0;
 margin-bottom:.2em}
li.drop {
 background: #faf8f1;
 box-shadow: 2px 2px 4px 0 rgba(0,0,0, 0.5);
 font-size:1em;
 
 margin-bottom:4px;
 width:.23em;
 border: thin solid #888173;}
 
 
li.dropl {
 background: white;
 box-shadow: 2px 2px 4px 0 rgba(0,0,0, 0.5);
 padding:.2em .3em;
 text-align:center;
 margin-bottom:.2em;}
 
 li.drop2 {
 background:white;
 box-shadow: 2px 2px 4px 0 rgba(0,0,0, 0.5);
 padding:.2em 0 5px 0;
 margin-bottom:3px;}
li.drop a:hover {
}
li .wide{width:320px;float:left;margin:0 5px 3px 0;
 background: white;
 box-shadow: 2px 2px 4px 0 rgba(0,0,0, 0.5);
 text-align:left;
padding:5px 0}
li .wide p{margin:0 0 3px 0;}
li .wide a{padding:5px;}
.haschild  ul li > ul {
                position: absolute;
                background-color: #333;
                top: 0;
                left: -200px;
                min-width: 200px;
                z-index: -1;
                height: 100%;
                -webkit-transition: left 500ms ease-in;
                -moz-transition: left 500ms ease-in;
                -ms-transition: left 500ms ease-in;
                transition: left 500ms ease-in;
            }
	
.dropdown-menu a:hover {
	
label {padding-left:4px;}