body, nav, ul, li, a  {margin: 0; padding: 0;}


/* menu */


.menu-wrap {
    display:  none;
    background: #4b182c; /*background of word MENU */
    color: #fff;
    font-weight : normal;
    line-height : 30px;
}
.toggleMenu,
.menu-wrap .toggleMenu {
    display:  none;
    color: #ffffff!important;
}
.nav {
    width: 980px;
    list-style: none;
     *zoom: 1;
     background:#ceceae; /*background to nav bar */
     margin: 0 auto;
}

.firstnav {
padding-left : 200px;

}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none; 
}
.nav a:link {
    height : 24px;
    line-height : 24px;
    padding-left: 45px;
    font-weight : normal;
    color:#4e2614;
    letter-spacing: 0.03em;
    text-decoration: none;
}
.nav a:hover {
    height : 24px;
    line-height : 24px;
    padding-left: 45px;
    font-weight : normal;
    color: #4e2614;
    letter-spacing: 0.03em;
    background-color: #ffffff;
    text-decoration: underline;
}
.nav a:visited {
    height : 24px;
    line-height : 24px;
    padding-left: 45px;
    font-weight : normal;
    color:#4b182c;
    letter-spacing: 0.03em;
    text-decoration: none;
}
.toggleMenu a:link {
    height : 24px;
    line-height : 24px;
    font-weight : normal;
    color:#4e2614;
    letter-spacing: 0.03em;
    text-decoration: none;
}
.toggleMenu a:hover {
    height : 24px;
    line-height : 24px;
    font-weight : normal;
    color: #4e2614;
    letter-spacing: 0.03em;
    background-color: #ffffff;
    text-decoration: none;
}
.toggleMenu a:visited {
    height : 24px;
    line-height : 24px;
    font-weight : normal;
    color:#4e2614;
    letter-spacing: 0.03em;
    text-decoration: none;
}
.nav li {
    position: relative;
    border-top: 1px solid #4b182c;
}

.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  ul {
    position: absolute;
    left: -9999px;   
}

.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}

/* secondary nav */

.nav li li a {
    display: block;
    background: #c8c9c7;
    position: relative;
    z-index:100;
}

.nav li li a:hover {
    display: block;
    background: #c8c9c7;
    width: 160px;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    text-align: left;
    z-index:100;
}


/* tertiary nav */
.nav li li li a {
	background-color: #e3eadd; /* light green */
    font-size: 17px;
    font-weight : normal;
    font-family: 'Source Sans Pro', sans-serif;
    color:#000;
    z-index:200;
    border-top: 1px solid #000000;
    text-decoration:none;
    padding: 4px 15px;   
}
.nav li li li a.topround, a.bottomround {
border-top: none;  
}
.topround
{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-top-left-radius:8px;
    -moz-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;    
    border-top: none;    }

.bottomround
{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius:8px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom: none;
}
    



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

.mainnav {
    display:  none;
}

.toggleMenu,
.menu-wrap .toggleMenu  {
color: white!important;
}

.menu-wrap {
    display:  block;
}

.active {
        display: block;
    }
    
    .nav {
    width: 100%; 
    list-style: none;
     *zoom: 1;
     background:#e6a65d; /*background to nav bar */
     margin: 0 auto;
     padding: 0;
}
.nav a:link {

padding-left: 0px;

}
.nav a:hover {
    padding-left: 0px;
}
    .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%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
.firstnav {
padding-left : 0px;

}

/* secondary nav */
.nav li li a {

    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;

}
.nav li li a:hover {

    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;

}



}