a {text-decoration: none;}
.container {
    width: 90%;
    max-width: 960px;
    margin: 10px auto;
    margin: -16px auto -5px auto;  
}
.toggleMenu {
    display:  none;
    background: #9ACD32;
    padding: 10px 15px;
    color: #fff;
    
    margin: 21px auto 5px auto; 
}
 
 .nav {
    list-style: none;  margin: 0 auto 15px auto; background:#9ACD32; border:1px solid #FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
    top:42px;
    
    background:#9ACD32;
	height:auto;
	padding:3px 0;
	position:relative;
	 
	width:180px;
	z-index:1;
    
    
    border-radius:4px; /*some css3*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
	/*
	-moz-transition:0.8s ease-in-out;
	-o-transition:0.8s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
    transition: 0.2s ease-in-out; */
}
 
.nav a {
    padding: 5px 15px;
    color:#fff;
}

 
.nav li {
    position: relative; }
    
.nav li:hover a{color:#000; background: url('../images/menu-bg-act.jpg') repeat ;}

 
.nav > li {
    float: left;
    margin: auto auto auto 7px ;
    border-top: 1px solid #104336;
}
.nav > li > .parent 
{ 
	 
	background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block; 
    font-size: 14px; color: #ffffff;display: block;padding: 6px 10px 6px 10px;margin-bottom: 5px;z-index: 6;position: relative;  text-transform:uppercase;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
 
 .nav > li.hover > ul {
    left: 0;
    color:#000;
    
}
 
.nav li li.hover ul {
    left: 101%;
    top: 0;
    color:#000;
 
}
.nav li li li.hover ul {
    left: 102%;
    top: 0;
    color:#000;
    background: url('../images/menu-bg-act.jpg') repeat ;
}

.nav li li a {
    display: block;
    background: #986FEC;
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
    font-size: 12px; color: #000000;font-weight:bold; 
}

.nav li li:hover a {
    display: block;
    background: #5ab3f1;
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
    font-size: 12px; color: #ffffff;font-weight:bold; 
}

.nav li li li a {
    z-index:200;
    border-top: 1px solid #1d7a62;
    font-size: 12px; color: #ffffff; font-weight:bold; text-transform:uppercase;
    
}
.nav li li li:hover a {
    background:#986FEC ;
    z-index:200;
    border-top: 1px solid #175e4c;
    font-size: 12px; color: #000000;font-weight:bold; 
    background: url('../images/menu-bg-act.jpg') repeat ;
}




@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

} 
 
 /*------------------- Gallery Menu Item--------------------------- */
 .arrowlistmenu{
width: 180px; /*width of accordion menu*/ 
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(../images/gallerymenu/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/gallerymenu/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
 
 
 
 /* ------------------------------------------------------------ */