/* menu bars */
#menuBarOuter {width:920px; padding-bottom:0px;} /* this ensures that the content area doesn't move up if there's no submenu */

#menuBar {
background:#F7A836; border:0px solid #dcdcdc; height:35px; width:920px;
}

#menuBar .x1,
#menuBar .x1a, 
#menuBar .x2,
#menuBar .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:10px;  /* set height to the size of the corner */
   background: url(/images/rc_noborder_white.gif) no-repeat;
   position:relative;
}
#menuBar .x1, #menuBar .x2 {width:100%; right:-1px;}
#menuBar .x1a, #menuBar .x2a {width:12px; left:-2px;}

#menuBar .x1 {background-position:100% 0; top:-1px; text-align:left;}
#menuBar .x1a { background-position:0 -20px;}
#menuBar .x2 {background-position:100% -10px; top:-9px; height:10px; bottom:0px; text-align:left;}
#menuBar .x2a {background-position:0 -30px;}

#menuBar #mainMenu {
width:100%; background:#F7A836; height:25px;
}
#menuBar #mainMenu ul {list-style:none; vertical-align:middle; margin:0px; padding:0; height:25px;}
#menuBar #mainMenu li {width:auto; border-right:1px solid #eeeeee; float:left; margin-top:-10px; margin-bottom:-10px; padding:0; list-style: none outside none;}
#menuBar #mainMenu a {font-size:14px; font-weight:bold; color:#fff; padding:10px 20px 0px 20px; display:block; height:25px;}
#menuBar #mainMenu a:hover { text-decoration:none;}
#menuBar #mainMenu li:hover, #menuBar #mainMenu li.active {background:#067cc7;}

#menuBar #subMenu {background:#067cc7;}
#menuBar #subMenu ul {list-style:none;height:25px; vertical-align:middle; padding:0; margin:0;}
#menuBar #subMenu li {width:auto; float:left; padding:0; display:block; }
#menuBar #subMenu a {color:#fff; padding:5px 20px 0px 20px; display:block;}
#menuBar #subMenu li.active {font-weight:bold;background:url(/images/icons/bullet_orange.png) no-repeat 5px 5px;}