@charset "utf-8";

/* NOTES *****************************************
This style sheet styles the .menu-dropdown elements
#0F2351 dark
#6B90D4 light
#9fdaed lighter
#3F4673 dark-non-active
*************************************************/

.menu-dropdown {
	/* parent menu */
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 120%;
	height: 35px; /* set this so the menu has substance, otherwise, it will float */
}
.menu-dropdown a, .menu-dropdown a:visited {
	/* change color, font, etc here */
	text-decoration: none;
	color: white;
	font-weight: bold;
	display: block;
	padding: 4px 10px;
}
.menu-dropdown a:hover {
	text-decoration: none;
}
.menu-dropdown li {
	position: relative;
	float: left;
	margin: 0 4px;
	padding: 0px 0px; /* adjust vertical and horizontal spacing here */
	border: 1px solid transparent;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #6B90D4 no-repeat top left;
}
.menu-dropdown li:hover {
	background: #ffffff;
	border: 1px solid black;
	border-width: 1px;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.menu-dropdown li:hover a, .menu-dropdown li:hover a:visited{
	color: black;
}
.menu-dropdown li ul {
	/* child menu */
	top: 100%;
	left: -1px;
	position: absolute;
	z-index: 2;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border-width: 1px;
	border-style: solid; 
	border-color: black;
	border-width: 0px 1px 1px 1px;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
	}
.menu-dropdown li:hover > ul{
	display: block;
}
.menu-dropdown li ul li:hover {
	background: #9fdaed;
}
.menu-dropdown li ul li {
	width: 250px; /* set this to keep all child menu items the same width */
	margin: 0;
	background: transparent;
	border-width: 0 !important;
	-moz-border-radius: 0;
	border-radius: 0;
}
.menu-active-li {
	background: #ffffff !important;
}
.menu-active-a {
	color: black !important;
}