.nav ul  {margin: 0; padding: 0; z-index:5000;}

.toggleMenu {
    display: none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
	width:100%;
	text-decoration:none;
	z-index:5000;
}
.toggleMenu:hover{color:#fff; text-decoration:none;}

.nav{
    list-style: none;
     *zoom: 1;	 
	 background-repeat:repeat-x;
	 text-transform:uppercase;
	 float:right;
	 position:relative;
	 top:6px;	
}

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 14em;
	text-transform:none;
}
.nav a {
    padding: 5px 10px !important;
    color:#3d558c;
	font-weight:;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;



}
.nav a:hover{ }
.nav li i{ 
	font-size:25px; 
	display:block; 
	text-align:center; 
	width:100%;
}

.nav li {
    position: relative;	
}.nav > li {
    float: left;
  
}
.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}

.nav > li > a {
    display: block;	
}

.nav > li > a:hover {

}
.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 a {
    display: block;
    background: #3d558c;
    position: relative;
    z-index:100;
    border-top: 1px solid #30477c;
	font-size:90%;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	text-align:left;

	
}
.nav li li a:hover{
	background-color:#fff;
	color:#30477c;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
				
}


@media screen and (max-width: 1230px) {

	.nav a {
    padding: 10px 20px;
    color:#fff;
	font-weight:;
	font-size:14px;
	
}
}


@media screen and (max-width: 1200px) {

	.nav a {
    padding: 10px 15px;
    color:#fff;
	font-weight:;
	font-size:12px;
	
}
}
@media screen and (max-width: 1000px) {
	.nav a {
    padding: 8px 10px;
    color:#fff;
	font-size:10px;
}
}

@media screen and (max-width: 900px) {
	.nav a {
    padding: 8px 10px;
    color:#fff;
	font-size:10px;
}
}

@media screen and (max-width: 800px) {
	.nav a {
    padding: 8px 6px;
    color:#fff;
	font-size:11px;
}
}






@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
		background-color:#A82511;
		border-bottom:1px dotted #cc4632;
    }
	
	    .nav > li:hover {
        float: none;
		background-color:#cc4632;
    }
	
    .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;
    }

.nav{
	top:0; 
	float:none;  
	position:;
	width:100% !important;
	}
	
.nav li i{ 
	
	display:inline; 
	text-align:left; 
	width:100%;
	padding-right:10px;
	
}
	
.nav a {
    padding: 5px 25px;
    color:#fff;
	font-weight:;
	font-size:12px;
	text-align:left;
	text-decoration:none;
}	
	
	
}