/* Basic code - don't modify */
 
 #nav { display: block;  padding: 0; position: relative; margin:0 ; width:955px; font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
 }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */
#nav ul { width: 245px;}
#nav ul ul { left: 245px;}

/* Everything else is theming */
 
#nav { background: #cecece url(images/menu_bg.jpg) left top no-repeat; height: 38px;  font-family:Arial, Helvetica, sans-serif;}
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid #d0d0d0; color: #343434; font-size: 13px; padding:12px 20px;    line-height: 1;  font-family:font-family:"Lucida Grande",helvetica,verdana,sans-serif;; font-weight: bold;
 text-decoration:none;  }
#nav a:hover { color:#802990; background:#009999 url(../images/mainmenu_over.gif) left top repeat-x; }



#nav .bottom  {  color: black; font-size: 2px; height:20px; background:url(../images/menu_bottom.png) left top no-repeat;    line-height: 20px;   font-family:Arial, Helvetica, sans-serif; margin:0 ; padding:0;  opacity: 0.9; filter: alpha(opacity=90);  }-->
 
#nav .top  {  color: black; font-size: 2px; height:20px; background:url(../images/menu_top.png) left bottom no-repeat;    line-height: 20px;   font-family:Arial, Helvetica, sans-serif; margin:0 ; padding:0;  opacity: 0.9; filter: alpha(opacity=90); }-->

<!--#nav .erasspaa a {  color: black; font-size: 12px; height:40px; background:url(../images/erp.png) 10px top no-repeat;    line-height: 40px; padding:0 0 0 60px;  font-family:Arial, Helvetica, sans-serif; width:280px; }-->





  
  #nav ul { top: 38px; }
    #nav ul li a { background: url(../images/menu_shadow.png) left bottom repeat-y;  height:30px; line-height:30px; font-size:11px; margin:0; padding:0 0 0 14px;  }
      #nav ul li.hover > a {  background: url(../images/menu_shadow_over.png) left repeat-y;color:#FFFFFF;  }
   #nav ul a { border-right: none;   opacity: 0.9; filter: alpha(opacity=90); font-weight:normal;}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */