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

body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

a {text-decoration: none;}

.container {
	width: 90%;
	max-width: 900px;
	z-index: 200 !important;
}

.toggleMenu {
	display:  none;
	background: #9E0000;
	padding: 20px;
	color: #fff;
}

.nav {
	list-style: none;
	*zoom: 0.5;
	display: block;
	position: relative;
	background:#9E0000; /* menu background color */
	border-right: 2px solid #ffffff;
	z-index: 200 !important;
}

.nav:before,
.nav:after {
	content: " "; 
	display: table; 
	z-index: 200 !important;
}

.nav:after {
    clear: both;
	z-index: 200 !important;
}

.nav ul {
    list-style: none;
    width: 9em;
	z-index: 200 !important;
}

.nav a, .nav a:visited {
    color:#fff;
	z-index: 200 !important;
}



.nav li {
	position: relative;
	z-index: 200 !important;
}

.nav > li {
	float: left;
	border-top: 2px solid #590000;
	z-index: 200 !important;
}

.nav > li > .parent {
	background-image: url("images/downArrow.png");
	background-size: 20px 11px;
	background-repeat: no-repeat;
	background-position: right;
	width: 450px;	/* menu width */
	z-index: 200 !important;
}

.nav > li > a {
	display: block;
	position: relative;
	z-index: 200 !important;
}


.nav > li > a:hover, .nav li li a:hover {
	color: #bbbbbb; /* text hover color */
	position: relative;
	z-index: 200 !important;
}

.nav li  ul {
	position: absolute;
	left: -9999px;
	z-index: 200 !important;
}

.nav > li.hover > ul {
	left: 0;
	z-index: 200 !important;
}

.nav li li.hover ul {
	left: 100%;
	top: 0;
	z-index: 200 !important;
}

.nav li li a {
	display: block;
	background: #7E0000; /* expanded menu background color */
	position: relative;
	border-top: 2px solid #590000;
	z-index: 200 !important;
padding-left: 30px;
}



.nav li li li a {
	background:#750000;
	border-top: 2px solid #590000;
	z-index: 200 !important;
padding-left: 60px;
}


@media screen {
    .active {
	display: block;
	z-index: 200 !important;
    }

    .nav > li {
	float: none;
	z-index: 200 !important;
    }

    .nav > li > .parent {
	background-position: 95% 50%;
	z-index: 200 !important;
    }

    .nav li li .parent {
	background-image: url("images/downArrow.png");
	background-size: 20px 11px;
	background-repeat: no-repeat;
	background-position: 95% 50%;
	z-index: 200 !important;
    }

    .nav ul {
	display: block;
	width: 100%;
	z-index: 200 !important;
    }

   .nav > li.hover > ul , .nav li li.hover ul {
	position: static;
	z-index: 200 !important;
    }


}


.lastItem {
	border-bottom: 2px solid #ffffff;
}




/* Three Line Menu Navicon from 
css-tricks.com/three-line-menu-navicon/
*/

.box-shadow-menu {
	position: relative;
	padding-left: 1.25em;
}

.box-shadow-menu:before {
	content: "";
	position: absolute;
	left: 0.7em;
	top: 0.9em;
	width: 1em;
	height: 0.15em;
	background: #ffffff;
	box-shadow: 
		0 0.25em 0 0 white,
		0 0.5em 0 0 white;
}