


.nav { list-style: none; *zoom: 1; margin-top:65px; text-align:left;	
	float:right; font-size:14px;}

.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none; width: 200px; text-align:left; left:0%; position:relative;}
.nav a { padding: 5px 15px 5px 0px; color:#333333; text-shadow: 0px 2px 1px rgba(255, 255, 255, 0.9)}
.nav li { position: relative; padding:0 0 0 15px;}
.nav > li { float: left; border-top: 0px solid #1165ac;}
.nav > li > .parent { background-image: url("downArrow.png"); background-repeat: no-repeat; background-position: right;}
.nav > li > a { display: block;}
.nav li  ul { position: absolute; left: -9999px;}
.nav > li.hover > ul { left: 0;}
.nav li li.hover ul { left: 100%; top: 0;}
.nav li li{ padding:0;}
.nav li a:hover { color:#5fa847; }
.nav li li a { display: block; background: #fff; padding:10px 15px; position: relative; z-index:100; border-top: 1px solid #f5f5f5; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.55);
         -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.55);
         box-shadow: 0px 2px 2px rgba(0,0,0,0.55); }
.nav li li li a { background:#fff; z-index:200; border-top: 1px solid #f5f5f5;}
.nav .active { color:#5fa847;}

@media screen and (max-width: 1020px) {
	.toggleMenu { 
	display:  none; 
	background: #5fa847; 
	padding: 10px 15px; 
	color: #fff;	
	font-size:14px;
	font-weight:bold;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}
	
.nav { 
	list-style: none; *zoom: 1; 
	background:#fff; 
	border:1px solid #fff;
	text-align:left;
	
	width:300px;
	margin-top:0;
	position:absolute;
	right:3.4%;
	z-index:1;
	padding:20px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.55);
         -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.55);
         box-shadow: 0px 3px 5px rgba(0,0,0,0.55);
		 -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
         border-radius: 5px;}
	
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
	
	.nav li a { padding:5px 0;}
	
	.nav li ul{ padding:10px 0 20px 0;}
	
	.nav li { 
		border-bottom:1px solid #f5f5f5;
		margin-right:20px;
		margin-left:20px;
		width:79%;
		}
	
	.nav li ul li{ 
		border-bottom:0px solid #000;
		margin-right:20px;
		width:92%;
		
		display:block;}
	
    .nav ul {
        display: block;
        width: 100%;
		padding:0 0 0 0;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
		display:block;
    }
	
	.nav li li li { z-index:200; width:90%;}
	.nav li li a { display: block; padding:5px 0px 5px 0px; position: relative; background: #fff; border-top: 0px solid #f5f5f5; z-index:100; -webkit-box-shadow: none;
         -moz-box-shadow:none;
         box-shadow:none;}	
	
	.nav li li li a { background:#fff; z-index:200; border-top: 0px solid #f5f5f5;}
}