.top-nav-menu {
	background-image: url(/wp-content/themes/cmohf/nav-bg.gif);
	background-repeat: repeat-x;
	height:37px;
	width:944px;
}

.top-nav-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
	font-weight: bold;
	border: solid #A1B0BD;
	border-width: 0;
	font-size:9pt;
}

/* Style of the global navigation links */
.top-nav-menu li a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 8px 12px;
}

.top-nav-menu li a:hover {
	text-decoration: underline;
}


.top-nav-menu li {
	float: left;
	padding: 0;
	width: auto;
}

.top-nav-menu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 300px; /* Default size; will be changed by script for each menu */
	font-weight: normal;
	border-width: 1px;    /* The border thickness around the drop-down menus */
	border-color:#071c2f; /* The border color around the drop-down menus */
	margin: 0;
	z-index: 2;
}

.top-nav-menu li li {
	width: 100%;
}

/* Link style for dropdown menus */
.top-nav-menu li ul a {
	width: auto; /* Must be "auto" to accomdate for varying widths of dropdown menus */
	margin:0;
}

.top-nav-menu li ul ul
 {
	/* Note: the use of a percentage as the left padding keeps the submenu
	flush aligned with its parent menu.  */
	margin: -18px 0 0 98%;	
}

.top-nav-menu li:hover ul ul,
.top-nav-menu li:hover ul ul ul,
.top-nav-menu li.sfhover ul ul,
.top-nav-menu li.sfhover ul ul ul {
	left: -999em;
}

.top-nav-menu li:hover ul,
.top-nav-menu li li:hover ul,
.top-nav-menu li li li:hover ul,
.top-nav-menu li.sfhover ul,
.top-nav-menu li li.sfhover ul,
.top-nav-menu li li li.sfhover ul {
	left: auto;
}

/* -------------------------------------------------------------------------------- */
/* The following sets the style the active (mouseover) GLOBAL navigation menu items */
.top-nav-menu li:hover,
.top-nav-menu li.sfhover {
	background-color:#071c2f;
}

.top-nav-menu li:hover a,
.top-nav-menu li.sfhover a {
	color:white;
}


/* -------------------------------------------------------------------------------- */
/* Set the default color of links and active menu text... */
.top-nav-menu li:hover ul a,
.top-nav-menu li li:hover ul a,
.top-nav-menu li li li:hover ul a,
.top-nav-menu li.sfhover ul a,
.top-nav-menu li li.sfhover ul a,
.top-nav-menu li li li.sfhover ul a {
	background-color: #071c2f;
}

/* The following sets the style <LI> that encloses the active (mouseover) menu items.
   Note that the changing of the text takes place in the in the next definition */
.top-nav-menu li li:hover,
.top-nav-menu li li.sfhover,
.top-nav-menu li li li:hover,
.top-nav-menu li li li.sfhover {
	background-color: #0d375b;
}

/* Set the color of active (mouseover) links and active menu text... */
.top-nav-menu li li:hover a,
.top-nav-menu li li.sfhover a,
.top-nav-menu li li li:hover a,
.top-nav-menu li li li.sfhover a {
	color:#d8c653;
	background-color: #0d375b;
}