@charset "utf-8";

/* CSS Document */

/* #Lists fixes for nav
================================================== */
	#nav_wrap ul, ol { margin-bottom: 0; }
	#nav_wrap ul { list-style: none inside; }
	#nav_wrap ol { list-style: decimal; }
	#nav_wrap ul ul, #nav_wrap ul ol,
	#nav_wrap ol ol, #nav_wrap ol ul { margin: 0; font-size: 100%;  }
	#nav_wrap ul ul li, #nav_wrap ul ol li,
	#nav_wrap ol ol li, #nav_wrap ol ul li { margin-bottom: 0; }
	#nav_wrap li { line-height: 1; margin-bottom: 0 }
	
	


#nav_wrap {
	z-index: 10;
	position: relative;
	height: 78px;
	font: 14px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: absolute;
	top: 16px;
	right: 2px;
}

.toggleMenu, .toggleMenu:visited {
	display: none;
	background: #8f261a;
	padding: 10px 10px;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	border-left: 1px solid white;
	/*border: 1px solid white;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
            border-radius: 6px;  future proofing */
}

.toggleMenu:hover {
	color: rgba(255,255,255,0.6);
}

.toggleMenu:hover img.imghover {
	opacity: 0.6;
}

#nav_wrap nav {
	position: relative;
	margin: auto;
	padding: 0;
	text-align: right;
	
}

nav ul {
	list-style: none;
	padding: 10px 0 0 0;
	font-size: 0px;
	*zoom: 1;
	white-space: nowrap;
}

nav ul li {
	color: #000000;
	text-align: left;
	display: inline-block;
	border-left: none;
	border-collapse: collapse;
	position: relative;
	*display: inline;
	zoom: 1;
}

nav ul > li > .parent {
	margin-right: 3px;
	background: url("../images/downArrow.png") no-repeat right center;
}

nav ul li a, nav ul li a:visited {
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	padding: 8px 12px 8px 12px;
}

nav ul li a:hover, nav ul li.current a, nav ul li.current ul li a:hover, nav ul li.current ul li.current a {
	color: #ffffff;
}

nav ul li a:hover {
	color: #ffffff;
	background: #8f261a;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.7);
	   -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.7);
  	        box-shadow: 0 2px 4px 0 rgba(0,0,0,.7);
}

nav ul li.current ul li a {
	color: gray;
}

nav ul li ul {
	position: absolute;
	left: -9999px;
}

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

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

nav ul li ul {
	padding: 1px 0px 0px 0px;
	position: absolute;
	left: -9999px;
	z-index: 100;
	width: 185px;
	background: #ffffff;
	background: rgba(255,255,255,.875);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.7);
	   -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.7);
  	        box-shadow: 0 2px 4px 0 rgba(0,0,0,.7);

}

nav ul li ul li {
	display: block;
	border-top: 0px;
}

nav ul li li a, nav ul li li a:visited {
	display: block;
	color: #000000;
	position: relative;
	z-index: 100;
	font-size: 13px;
	padding: 8px;
}

nav ul li li a:hover {
	color: white;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
  	        box-shadow: none;
}

nav ul li li li a {
	background: #590807;
	z-index: 200;
}


/* Screen Size smaller than 959
======================================== */
@media screen and (min-width: 768px) and (max-width: 959px) {
	.gone {
		display: none;
	}
}


/* Screen Size smaller than 767px
======================================== */
@media screen and (max-width: 767px) {

	
	#nav_wrap {
		height: auto;
		background: #8f261a;
		line-height: 22px;
		text-align: right;
		position: relative;
		top: 0;
		right: 0;
		border: 3px solid #ffffff;
		-webkit-box-shadow: none;
	    -moz-box-shadow:    none;
  	    box-shadow:         none;
	}
	
	#nav_wrap nav {
		width: auto;
		padding: 0px;
		height: auto;
	}
	
	nav ul {
		padding: 0px;
		white-space: normal;
		font-weight: bold;
	}
	
	nav ul li {
		margin: 0px;
		display: block;
		width: auto;
		border: #fde7cd solid 1px;
		background: #8f261a;
	}
	
	nav ul li a {
		display: block;
		padding: 12px 30px;
	}
	
	nav ul li a:hover {
	background: #cb6f02;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
  	        box-shadow: none;
	}
	
	nav ul li ul {
		position: relative;
		display: none;
		width: 100%;
		border: none;
	}
	
	nav ul li.hover ul {
		display: block;
	}
	
	nav ul li ul li {
		border-left: none;
		border-bottom: none;
		border-right: none;
		border-top: 1px solid #590807;
		text-indent: 10px;
		background: #fde7cd;
	}
	
	nav ul li ul li a {
		display: block;
		padding: 12px 30px;
		color: #590807;
	}
	
	.active {
		display: block;
	}
	
	nav > li {
		display: block;
	}
	
	nav ul {
		display: block;
		width: 100%;
	}
	
	nav > li.hover > ul , nav li li.hover ul {
		position: static;
	}
	
	nav ul > li > .parent {
		margin-right: 0;
		background-image: url("../images/downArrow.png");
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	
	nav ul li li .parent {
		background-image: url("../images/downArrow.png");
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}

}