#dropdownContent {
	background-color: #000099;
	border: solid 1px #ccc;
	color: #ffffff;
	font-weight: bold;
	display: none;
	font-size: 20px;
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	position: absolute;
}
#dropdownContent, #dropdownContent a {
	z-index: 3000;
}
#narrowMenu {
	display: none;
}
#narrowMenu:hover #dropdownContent {
	display: block;
}
ul.menu {
	padding: 0px;
	z-index: 1000;
	margin: 0px 0px;
	position: relative;
	list-style: none;
	text-align: center;
}
.menu li {
	display: inline;
}
.menu a {
	background-color: #000099;
	border: solid 1px #ccc;
	padding: 0px 15px;
	box-shadow: none;
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	font-size: 20px;
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	line-height: 40px;
}
.menu a.active {
}
.menu a:after {
	left: 0;
	bottom: -1.0em;
	display: block;
	width: 100%;
	position: absolute;
	opacity: .3;
	text-align: center;
}
.menu a:hover {
	background-color: #009900;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 24px;
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
}
ul.menu li ul {
	padding-top: 0px;
	left: 0px;
	padding-left: 0px;
	display: none;
	width: 100%;
	position: absolute;
}
ul.menu li ul li a.active {
	border: none;
}
ul.menu li ul.active {
	border: none;
	box-shadow: 0px 2px 3px #ccc;
	display: block;
}
ul.active a {
}
@media (max-width: 1250px) {
	#narrowMenu {
		left: 0px;
		display: inline-block;
		position: absolute;
	}
	#dropdownContent a {
		display: block;
	}
}