/*--------------------------- LAYOUT ----------------------------*/
#cmc-mainnav, #cmc-mainnav ul {
	padding: 0;
	margin: 0;

}

#cmc-mainnav a {
	display: block;
	margin: 0;
	padding-top:12px;
	padding-bottom:12px;

}

#cmc-mainnav li { /* all list items */
	float: left;
	margin: 0;
	padding: 0;
	
}

#cmc-mainnav li ul { /* second-level lists */
	position: absolute;
	width: 14em;
	/*
	 * Using left instead of display to hide menus because display: none isn't
	 * read by screen readers
	 */
	left: -999em;
}

#cmc-mainnav ul ul a { /* sub-links */
	width: 14em;
	
}

#cmc-mainnav li ul ul { /* third-and-above-level lists */
	margin: -40px 0 0 200px;
}

#cmc-mainnav li:hover ul ul,
#cmc-mainnav li:hover ul ul ul,
#cmc-mainnav li.sfhover ul ul,
#cmc-mainnav li.sfhover ul ul ul {
	left: -999em;
	width: 14em;	
}

#cmc-mainnav li:hover ul,
#cmc-mainnav li li:hover ul,
#cmc-mainnav li li li:hover ul,
#cmc-mainnav li.sfhover ul,
#cmc-mainnav li li.sfhover ul,
#cmc-mainnav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	width: 14em;	
}
/*--------------------------- VISUAL ----------------------------*/
/* -------- All levels -------- */
#cmc-mainnavwrap {

	background-repeat:repeat-x;
	height:45px;
	background: url(../images/micareme_menu_01.png) repeat-x bottom center;		
}
#cmc-mainnav ul, #cmc-mainnav li {
	background-image: none;
	list-style: none;
	
}

#cmc-mainnav span.separator {
	display:none;
}

/* -------- Top level -------- */
#cmc-mainnav > ul {
	padding-left: 12px;


}

#cmc-mainnav > ul > li {
	border-left: thin solid #CCCCCC;
}

#cmc-mainnav > ul > li.active {
	background: url(../images/arrow2.png) no-repeat bottom center #061e33;
	color: #CCCCCC;

}

#cmc-mainnav > ul > li:hover,
#cmc-mainnav > ul > li:active,
#cmc-mainnav > ul > li:focus {
	background: url(../images/arrow2.png) no-repeat bottom center #061e33;
	color: #FFFFFF;
	
}

/* -------- sub-levels -------- */
#cmc-mainnav ul ul li {
	border-top: thin solid #666666;
	border-right: thin solid #CCCCCC;
	border-left: thin solid #CCCCCC;
	border-bottom: thin solid #CCCCCC;
	width: 14em;
}

#cmc-mainnav li ul { /* second-level lists */
	background-color: #061e33;
	width: 14em;	
}

#cmc-mainnav li a {
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
	
}

#cmc-mainnav ul ul  li:hover,
#cmc-mainnav ul ul  li:active,
#cmc-mainnav ul ul  li:focus {
	background: #061e33;
	color: #FFFFFF;
	width: 14em;	
}
/*old css---------------------*/

#cmc-mainnav ul.menu {
	margin: 0; /* all lists */
	padding: 0;
	float: left;
	
}

#cmc-mainnav ul.menu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#cmc-mainnav ul.menu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
	position: relative;
	list-style: none;

}

#cmc-mainnav ul.menu li ul {
	position: absolute; /* second-level lists */
	z-index: 99;
	height: auto;
	width: 14em;
	w\idth: 15.0em;	
}

#cmc-mainnav ul.menu li ul ul {
	margin: -1.75em 0 0 14em; /* third-and-above-level lists */
}

#cmc-mainnav ul.menu li li {
	padding: 0 0 0 0;
	margin: 0;

}

#cmc-mainnav ul.menu ul a {
	width: 14em;
	w\idth: 12.5em;	
}

#cmc-mainnav ul.menu li ul {
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width: 14em;	
}

#cmc-mainnav ul.menu li:hover ul ul, #cmc-mainnav ul.menu li:hover ul ul ul,
#cmc-mainnav ul.menu li.sfhover ul ul, #cmc-mainnav ul.menu li.parentsfhover ul ul, #cmc-mainnav ul.menu li.parent-activesfhover ul ul, #cmc-mainnav ul.menu li.activesfhover ul ul,
#cmc-mainnav ul.menu li.sfhover ul ul ul, #cmc-mainnav ul.menu li.parentsfhover ul ul ul, #cmc-mainnav ul.menu li.parent-activesfhover ul ul ul, #cmc-mainnav ul.menu li.activesfhover ul ul ul {
	left: -999em;
	width: 14em;	
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#cmc-mainnav ul.menu li:hover ul, #cmc-mainnav ul.menu li li:hover ul, #cmc-mainnav ul.menu li li li:hover ul,
#cmc-mainnav ul.menu li.sfhover ul, #cmc-mainnav ul.menu li.parentsfhover ul, #cmc-mainnav ul.menu li.parent-activesfhover ul, #cmc-mainnav ul.menu li.activesfhover ul,
#cmc-mainnav ul.menu li li.sfhover ul, #cmc-mainnav ul.menu li li.havesubchildsfhover ul, #cmc-mainnav ul.menu li li.havesubchild-activesfhover ul, #cmc-mainnav ul.menu li li.activesfhover ul,
#cmc-mainnav ul.menu li li li.sfhover ul, #cmc-mainnav ul.menu li li li.havesubchildsfhover ul, #cmc-mainnav ul.menu li li li.havesubchild-activesfhover ul, #cmc-mainnav ul.menu li li li.activesfhover ul {
	left: auto;
	width: 14em;
		
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#cmc-mainnav ul.menu li a {
	margin: 0;
	padding-top:14px;
	padding-right:1.5em;
	padding-left:1.6em;
	display: block;
	color: #FFFFFF;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
	

}

#cmc-mainnav ul.menu li a:hover,
#cmc-mainnav ul.menu li a:active,
#cmc-mainnav ul.menu li a:focus {
	color: #FFFF00;	
}


#cmc-mainnav ul.menu li {
	margin: 0;
}

#cmc-mainnav ul.menu li:hover,
#cmc-mainnav ul.menu li.sfhover,
#cmc-mainnav ul.menu li.parentsfhover,
#cmc-mainnav ul.menu li.parent-activesfhover {
	color: #FFFFFF;	
	
}

#cmc-mainnav ul.menu li.active a,
#cmc-mainnav ul.menu li.active a:hover,
#cmc-mainnav ul.menu li.active a:active,
#cmc-mainnav ul.menu li.active a:focus {

	color: #FFFFFF;
	

}


/* 2nd level and above */
#cmc-mainnav ul.menu li ul {
	background-color: #061e33;
	font-weight: normal;
	width: 12em;		
}

#cmc-mainnav ul.menu li ul li {

	background: none;
}

#cmc-mainnav ul.menu li ul a {
	margin: 0;
	padding: 7px 8px;
	background: none;
	color: #CCCCCC;
	font-weight: normal;
	line-height: normal;
	text-transform: none;

}

#cmc-mainnav ul.menu li.havesubchild,
#cmc-mainnav ul.menu li.havesubchild-active {
	background: url(../images/bullet2.gif) no-repeat 94% 50%;

}

#cmc-mainnav ul.menu li ul a:hover,
#cmc-mainnav ul.menu li ul a:active,
#cmc-mainnav ul.menu li ul a:focus,
#cmc-mainnav ul.menu ul li:hover,
#cmc-mainnav ul.menu ul li.sfhover,
#cmc-mainnav ul.menu ul li.havesubchildsfhover,
#cmc-mainnav ul.menu ul li.havesubchild-activesfhover,
#cmc-mainnav ul.menu ul ul li:hover,
#cmc-mainnav ul.menu ul ul li.sfhover,
#cmc-mainnav ul.menu ul ul li.havesubchildsfhover,
#cmc-mainnav ul.menu ul ul li.havesubchild-activesfhover {
	background:#0b637b;
	color: #FFFFFF;	
	}

#cmc-mainnav ul.menu ul li.active a,
#cmc-mainnav ul.menu ul li.active a:hover,
#cmc-mainnav ul.menu ul li.active a:active,
#cmc-mainnav ul.menu ul li.active a:focus {
	background: none !important;
	color: #FFFFFF;
	font-weight: normal;
	width: 13em;	

}

#cmc-mainnav ul.menu li.active li a,
#cmc-mainnav ul.menu li.active li a:hover,
#cmc-mainnav ul.menu li.active li a:active,
#cmc-mainnav ul.menu li.active li a:focus {
	background: none !important;
	
}

#cmc-mainnav h3 {
	display: none;
}

#cmc-mainnav .moduletable_menu {
	background: none;
	margin: 0;
	padding: 0;
	width: 14em;	
}
