#access .menu{
		margin:0;
	  	list-style-type:none;
	  	height: 303px;
}

#access {
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 0px;
	width: 100%;
}

.container {
    width: 100%;
}


.toggleMenu:after {
  
}

.toggleMenu {
	 display:  none;
    background: url('images/menu-toggle.png') no-repeat;
    border: medium none;
    cursor: pointer;
    height: 44px;
    outline: medium none;
    overflow: hidden;
    position: relative;
    text-indent: -900em;
    width: 45px;
    left:85%;
   
    top: -75px;
}
.toggleMenu.active{
  background: url('images/menu-toggle-a.png') no-repeat;
}

.menu ul {
	font-family: Georgia,Garamond;
    list-style: none;
     *zoom: 1;
    background:#f9f9f9;
     background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); 
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
}
.menu ul:before,
.menu ul:after {
    content: " "; 
    display: table; 
}
.menu ul:after {
    clear: both;
}
.menu ul ul {
    list-style: none;
    width: 19em;
	margin:0;
	box-shadow:2px 2px 5px #324879;
}
.menu ul a {
	font-family: Georgia,Garamond;
    padding: 10px 15px;
    color: #A20000;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
	font-size:20px;
	
	line-height: 49px;
 
}
.menu ul li {
    position: relative;
}
.menu ul > li {
   /* float: left;*/
    border-top: 1px solid #e5e5e5;
}
.menu ul > li > .parent {
    /*background-image: url("images/downArrow.png");*/
    background-repeat: no-repeat;
    background-position: right;
    padding-right:24px;
}
.menu ul > li > a {
    display: block;
    
    
}
.menu ul li  ul {
    position: absolute;
    left: -9999px;
    width: 19em;
}
.menu ul > li.hover > ul {
    left: 100%;
    top: 0;
}
.menu ul li li.hover ul {
    left: 100%;
    top: 0;
}

.menu ul li li{border-top:0;}
.menu ul li li a {
    display: block;
    
    position: relative;
    z-index:100;
    
    width: 14em;
    
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px dotted #E8E8E8;
    color: #444444;
    font-size: 15px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 10px;
    
    
}
.menu ul li li li a {
    /*background:#249578;*/
    z-index:200;
    /*border-top: 1px solid #1d7a62;*/
}

.menu ul li a{
   -webkit-transition: background 0.6s ease;
	-moz-transition: background 0.6s ease;
    -ms-transition: background 0.6s ease;
    -o-transition: background 0.6s ease;
	transition: background 0.6s ease;
	
}
.menu ul li:hover > a,
.menu ul li a:focus {
	background: #e5e5e5; 
	color: #373737;
}

.menu ul > li > ul > li >.parent {
	padding: 10px;
	background: #f9f9f9; 
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); 
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}

@media screen and (max-width: 480px) {
	
	
	
    .active {
        display: block;
    }
    
    .container {
	    margin-top: -58px;
	    position: relative;
	    width: 100%;
	}

 	#access{ position: relative;}
    #access .menu{/*background:none;*/ height:auto;}
    
    .menu ul{
	   background: #f9f9f9; 
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); 
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
		color: #fff;
		margin:0;
	
	}
    .menu ul > li {
        float: none;
    }
    .menu ul > li > .parent {
        background-position: 95% 50%;
    }
    .menu ul li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .menu ul ul {
        display: block;
        width: 100%;
    }
   .menu ul > li.hover > ul , .menu ul li li.hover ul {
        position: static;
    }
	.menu ul li ul, 
	.menu ul li li a{width:auto;}
}