.nav{
	list-style: none;
    *zoom: 1;
    background: #333f50;
	width: 95%;
	padding: 0;
	margin: 0 auto 15px auto;
}

.nav:before, .nav:after{
    content: " ";
    display: table;
}

.nav:after{ clear: both; }

.nav ul {
    list-style: none;
    width: 100%;
	padding: 0;
}
.nav a {
    padding: 10px 5px;
    color:#fff;
	text-decoration:none;
}
.nav li { position: relative; }
.nav > li {
    float:none;
    border-top: 1px solid #CCC;
}
.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
.nav > li > a {display: block;}
.nav li  ul {margin: 0;}
.nav li li a {
    display: block;
    background: #CCC;
	color:#000;
    position: relative;
    z-index: 90;
    border-top: 1px solid #175e4c;
}
.nav li li blockquote{margin:0 0 0 25px;}

@media (min-width: 768px) and (max-width: 1023px){

    .nav{width: 50%;}
    .nav > li > .parent{background-position: 90% 50%;}

}

@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%;
    }

}