.menucontainer { width: 100%; max-width: auto; margin: 0px auto; }

.toggleMenu { display:  none; /*background: #636;*/ padding: 10px 5px; color: #fff; float:right;}
.nav { list-style: none; *zoom: 1; background:#13a69c; border:0px solid #fff; border-radius:0px; float:right;}
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both;}

.nav ul { list-style: none; width:auto;	float:left; left:50%; position:relative;  }
.nav a { padding: 7px 13px; color:#fff;font-size:2em; text-decoration:none; }

.nav li { position: relative; border-right:1px solid #4cc0b8; padding:0 3.5px 0 0px;}
.nav > li { float: left; border-top: 0px solid #1165ac;}
.nav > li > .parent { background-image: url("images/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 li a { display: block; background: #13a69c; position: relative; z-index:100; border-top: 0px solid #1165ac;min-width:150px;}
.nav li li li a { background:#167fd8; z-index:200; border-top: 1px solid #ffffff;}

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

.nav { float: none;}




	.active {
        display: block;
    }
    .nav > li {
        float: none;
    }
	.nav li { position: relative; border-right:0px solid #250a4c; padding:0 5.5px 0 0px;}
    .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;
    }

}

@media screen and (max-width: 1247px) {
.nav a { padding: 7px 10px; color:#fff;font-size:1em; text-decoration:none;}
}

@media screen and (min-width: 1248px) and (max-width: 1324px) {
.nav a { padding: 7px 10px; color:#fff;font-size:0.93em; text-decoration:none;}
}

@media screen and (min-width: 1325px) and (max-width: 1440px) {
.nav a { padding: 7px 10px; color:#fff;font-size:1em; text-decoration:none;}
}


@media screen and (min-width:1441px) and (max-width:1640px) {
	.nav a { padding: 7px 10px; color:#fff;font-size:1em; text-decoration:none;}
}

@media screen and (min-width:1641px) and (max-width:1800px) {
		.nav a { padding: 7px 10px; color:#fff;font-size:1.05em; text-decoration:none;}
}

@media screen and (min-width:1801px) and (max-width:1920px) {
		.nav a { padding: 10px 10px; color:#fff;font-size:1.1em; text-decoration:none;}
}