
/*************************/
/*  Standard main menu   */
/*************************/

#mainmenu, #mainmenu ul {z-index: 1;padding: 0; margin: 0; list-style: none; line-height: 1;}
#mainmenu a { display:block; color:#000000; font-weight:bold; font-size:1.1em; text-decoration:none; text-align:center; }
#mainmenu .mainlevel { height:42px; line-height:42px;}
#mainmenu .twoline .mainlevel { line-height:normal; height:38px; padding:4px 0 0 0;}
#mainmenu li { float:left; width:160px; display:inline-block; background:url(/templates/radian_v2/images/mm_button.gif) no-repeat 0 0; background-color:#f7a03f; }
#mainmenu li:hover, #mainmenu li.sfhover { text-decoration:none; background-color:#fab884; background-position:0 -42px; }

#mainmenu .firstItem { width:161px; background-image:url(/templates/radian_v2/images/mm_button_first.gif); }
#mainmenu .lastItem { background-image:url(/templates/radian_v2/images/mm_button_last.gif); }
#mainmenu .active { background-color:#fab884; background-position:0 -42px; }





#mainmenu li ul li { /* all list items */
	float: left;
	width: 159px; /* width needed for Opera */

	background:#f5a242;
	border:1px solid #ffffff;
	border-width:0 1px 1px 1px;
}
#mainmenu li ul li a { font-size:0.9em; padding:8px 3px 7px 3px; }

#mainmenu li ul { /* second-level lists */
	position: absolute;
	margin: 0 0 0 -1px;
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mainmenu li ul .firstItem { width:159px; background-image:none; }
#mainmenu .firstItem ul li { width:160px;} /* first item is a little wider make all submenu items wider */
#mainmenu li ul .lastItem { background-image:none; }


#mainmenu li ul li:hover, #mainmenu li ul li.sfhover { text-decoration:none; background-color:#f26521; color:#ffffff; }
#mainmenu li ul li:hover a, #mainmenu li ul li.sfhover a { text-decoration:none; color:#ffffff; }


#mainmenu li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 120px;
	width: 130px;
	border:1px solid #c6c6c6;
	border-width:1px 0 0 0;
}

#mainmenu li:hover ul ul, #mainmenu li:hover ul ul ul, #mainmenu li.sfhover ul ul, #mainmenu li.sfhover ul ul ul {
	left: -999em;
}

#mainmenu li:hover ul, #mainmenu li li:hover ul, #mainmenu li li li:hover ul, #mainmenu li.sfhover ul, #mainmenu li li.sfhover ul, #mainmenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#mainmenu li:hover ul { visibility: visible; left: auto; }


/*************************/
/*     Double menu       */
/*************************/

/* Top Half */ 
#dlMainmenu {list-style:none;}
#dlMainmenu a { display:block; color:#f28145; font-weight:bold; font-size:1.1em; text-decoration:none; text-align:center; line-height:22px; }
#dlMainmenu li { float:left; width:167px; display:table; height:22px;  background:url(/templates/radian_v2/images/topmenu/top_item.gif) no-repeat 0 0; background-color:#ffe4b8; }
#dlMainmenu li:hover, #dlMainmenu li.sfhover { text-decoration:none; background-color:#f79859; background-position:0 -22px; }
#dlMainmenu li:hover a, #dlMainmenu li.sfhover a { color:#FFFFFF; }

#dlMainmenu .firstItem { width:116px; background-image:url(/templates/radian_v2/images/topmenu/top_firstitem.gif); }
#dlMainmenu .secondItem { width:116px; background-image:url(/templates/radian_v2/images/topmenu/top_seconditem.gif); }
#dlMainmenu .thirdItem { width:228px; background-image:url(/templates/radian_v2/images/topmenu/top_thirditem.gif); }
#dlMainmenu .lastItem { background-image:url(/templates/radian_v2/images/topmenu/top_lastitem.gif); }
#dlMainmenu .active { background-color:#f79859; background-position:0 -22px; }
#dlMainmenu .active a { color:#FFFFFF; }


/* Bottom Half */
#dlMainmenuBottom {list-style:none;}
#dlMainmenuBottom a { display:block; color:#000000; font-weight:bold; font-size:1.0em; text-decoration:none; text-align:center; line-height:20px; }
#dlMainmenuBottom li { float:left; width:192px; display:table; height:20px; background:url(/templates/radian_v2/images/topmenu/bottom_item.gif) no-repeat 0 0; background-color:#f28145; border:1px solid #f28145; border-width:0 0 0 0; }
#dlMainmenuBottom li:hover, #dlMainmenuBottom li.sfhover { text-decoration:none; background-color:#ec4324; background-position:0 -20px; }
#dlMainmenuBottom li:hover a, #dlMainmenuBottom li.sfhover a { color:#FFFFFF; }

#dlMainmenuBottom .firstItem { border-width:0 0 0 1px; }
#dlMainmenuBottom .lastItem { width:191px; border-width:0 1px 0 0; background:url(/templates/radian_v2/images/topmenu/bottom_lastitem.gif) repeat-x 0 0; background-color:#f28145;}
#dlMainmenuBottom .active { background-color:#ec4324; background-position:0 -20px; }
#dlMainmenuBottom .active a { color:#FFFFFF; background-position:0 -20px; }
