@charset "utf-8";
/* CSS Document */

#nav ul {
	margin:0px;
	padding:0px;
}
#nav ul li {
	list-style-type: none;
	float:left;
}

#nav ul ul, #nav ul ul ul, #nav ul ul ul ul {
	display: none;
}
#nav ul li:hover ul {
	display: block;
}
#nav ul li ul {
	position: absolute;
	z-index:1000;
	/*border:#513710 1px solid;*/
	border-top: none;
	margin:0px;
	padding:0px;
	margin: 0px 0px 0px -1px;
	padding:0px 0px 10px 0px;
	width: 190px;
	background: #cc0000;
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	box-shadow: #000000 3px 3px 5px;
	-moz-box-shadow: #000000 3px 3px 5px;
	-webkit-box-shadow: #650202 3px 3px 5px;
}
#nav ul li ul li {
	clear: left;
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
}
#nav ul li ul li a:link, #nav ul li ul li a:active, #nav ul li ul li a:visited {	
	height:auto;
	font-size:11px;
	width: 178px;
	color: #FFFFFF;
	display: block;
	background: #cc0000;
	margin: 0px;
	padding: 8px 6px 8px 6px;	
	border-bottom:#e37575 solid 1px;
	text-decoration:none;
	line-height:normal;
	font-weight:normal;
}
#nav ul li ul li a:hover {
	color: #FFFFFF;
	background: #e37575;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	text-decoration:none;
}
#nav ul li:hover ul li ul {
	display: none;
}
#nav ul li ul li:hover ul {
	display: block;
}
#nav ul li ul li ul {
	position: absolute;
	display: block;
	margin: 0px;
	margin: 0px 0px 0px 190px;
	border:#1DB0E6 solid 1px;
	/*border:#513710 1px solid;*/
}
#nav ul li:hover ul li ul li ul {
	display: none;
}
#nav ul li ul li ul li:hover ul {
	display: block;
}

#nav .expand {
	position: absolute;
	width: 7px;
	height: 9px;
	margin: -12px 0 0 170px;
	background: url(../images/expand.png) no-repeat;
}
@media screen and (min-width: 1025px) {
	.medium-nav {
		display: none;
	}
}
@media screen and (max-width: 1024px) {
	#nav {
		display: none;
	}
}
.medium-nav {
	padding: 0;
}
@media screen and (max-width: 767px) {
	.medium-nav {
		background:#263976;
	}
}
.medium-nav ul {
	display: none;
	position: static;
	margin:0;
	background:#263976;
	padding: 10px 0;
}

.medium-nav a, .medium-nav li {
	display: block;
	float: none;
}

.medium-nav li {
	position: relative;
	line-height: 40px;
	font-size: 20px;
}
.medium-nav li a {
	padding: 0px 20px;
	color: white;
	text-decoration: none;
	font-size: 0.7em;
	text-transform: uppercase;
}
.medium-nav li a:hover {
	background-color: #0a1c33;
	opacity: 0.8;
}

.medium-nav li.expand {
	cursor: pointer;
}
.medium-nav li.expand > a ul {
	padding:0;
}
.medium-nav li.left {
	display:none;
}
.medium-nav li.expand a.opened {
	background-color: #112a4a;
}

.medium-nav-switcher {
	font-size: 2em;
	padding: 10px 0;
	padding-left: 20px;
	text-transform: uppercase;
	color: #263976;
	text-decoration: none;
}
.medium-nav-switcher span { 
	padding-left: 10px; 
	line-height: 5px;
} 
.medium-nav-switcher img.mobile-menu {
	display:none;
}
.medium-nav-switcher img {
	margin-top: -5px;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.medium-nav-switcher {
		color:white;
	}
	.medium-nav-switcher img.mobile-menu {
		display: inline-block;
	}
	.medium-nav-switcher img.medium-menu {
		display:none;
	}
}