/* @override http://70.87.76.2/~howells/assets/templates/wayfinder/basic_dd.css */

/* @override http://70.87.76.2/~howells/assets/templates/wayfinder/basic_dd.css */

/* common styling */
/* set up the overall width of the menu div, the font and the margins */

#menu {
	background: #1E395A url(http://70.87.76.2/~howells/assets/templates/HM/images/menu_background.gif) top left repeat-x;
	height: 52px;
	border-top: 1px #FDF6E7 solid;
	border-bottom: 1px #FDF6E7 solid;
	font-family: "Trebuchet MS", sans-serif;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	z-index:100;
}

/* remove the bullets and set the margin and padding to zero for the unordered list */
#menu ul {
	list-style: none;
	font-size: 16px;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
#menu ul li {
	float: left;
	position: relative;
	background: url(http://70.87.76.2/~howells/assets/templates/HM/images/menu_sep.gif) top right repeat-y;
	padding-right: 1px;
}

#menu ul li.last {
	background: none;
}

#menu ul li.last a{
	padding: 0 20px;
}

/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
	float: left;
	text-decoration: none;
	color: #FDF6E7;
	line-height: 52px;
	padding: 0 17px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}

#menu ul li a:hover {
	background: url(http://70.87.76.2/~howells/assets/templates/HM/images/menu_background_hover.gif) repeat-x top left; 
}

#menu ul li a.current {
	background: url(http://70.87.76.2/~howells/assets/templates/HM/images/menu_background_hover.gif) repeat-x top left;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
/* make the sub menu ul visible and position it beneath the main menu list item */
#menu ul li:hover ul {
	display: block; 
	position: absolute; 
	top: 52px; 
	left: 0; 
	border-left: 1px solid #0D1826;
	border-right: 1px solid #0D1826;
	border-bottom: 2px solid #0D1826;
}/* style the background and foreground color of the submenu links */
#menu ul li:hover ul li a {
	display: block; 
	width:  125px;
	background: #1E395A; 
	color: #FFF;
	padding: 5px 5px;
	font-size: 12px;
	border-top: 1px solid #FDF6E7;
	line-height: 1.2em;
}
/* style the background and forground colors of the links on hover */
#menu ul li:hover ul li a:hover {
	background: #3F5672; 
	color: #FDF6E7;
}