/* Basic code - don't modify */
 /*
#MainMenu{}
#MainMenu div{padding-top:5px;height:23px;color:#fff;}
#MainMenu a,#MainMenu div a{color:#fff;font:normal 13px Tahoma;}
#MainMenu div div{padding-top:0px;margin-left:2px;margin-right:4px;float:right;height:20px;width:120px;background:#eb0101;filter:alpha(opacity=80);opacity: 0.80;text-align:center;}
*/
 
 /*#MainMenu {background:transparent url('../images/MenuBG.gif') repeat-x;height:28px;text-align:right;direction:rtl; display: block; margin: 0; padding: 0; position: relative; }*/
 #MainMenu {background:transparent url('../images/MenuBG.gif') repeat-x;height:28px;text-align:right;direction:rtl; display: block; margin: 0; padding: 0; position: relative; }
  #MainMenu li {color:#fff; display: block; list-style: none; margin: 0; padding: 0; float: right; position: relative; }
  #MainMenu a { display: block;color:#fff;font:normal 13px Tahoma; }
  #MainMenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #MainMenu ul { line-height: 0; } /* IE6 "fix" */
  	#MainMenu ul a { zoom: 1; } /* IE6/7 fix */
    #MainMenu ul li { float: none; }
    #MainMenu ul ul { top: 0; }
    
/* Essentials - configure this */

#MainMenu ul { width: 130px; }
#MainMenu ul ul { left: 131px; }

/* Everything else is theming */
 
#MainMenu { background-color: #30A8C3; height: 24px;padding-right:15px; }
#MainMenu *:hover { background-color: none; }
#MainMenu a { color: white; font-size: 12px; padding: 6px; line-height: 1; }
  #MainMenu li.hover a {background:#b81111;filter:alpha(opacity=70);opacity: 0.70;text-decoration:none; }
  #MainMenu ul { top: 25px; }
    #MainMenu ul li a { background-color: #5E5A5A; }
      #MainMenu ul a.hover { background-color: #5E5A5A; }
      #MainMenu ul,#MainMenu ul li,#MainMenu ul li a,#MainMenu{z-index:1000}
   #MainMenu ul a { border-bottom: 1px solid white; border-right: none; }
 #nav ul a { border-bottom: none; }/* - I also needed this for IE6/7 */