/* Basic code - don't modify */
 
 #nav { height:36px; background:url(../images/bg-menu.jpg) repeat-x top left; width:100%; display: block; margin: 0; padding: 0; position: relative; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold;}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: right; position: relative; margin:0; }
  #nav li.line {background:url(../images/bg-menu-line.jpg) no-repeat center center; height:36px; width:1px; margin:0px;}
  #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: 200px; }
#nav ul ul { left: 201px; width:200px; }

/* Everything else is theming */
 
#nav {  height: 36px; text-align:left;}
#nav *:hover { background-color: none; }
#nav a { font-size:15px; color:#ffffff; padding: 10px 17px 11px 17px; line-height: 1; text-decoration:none; }
  #nav li.hover a { color:#ed1b2e;  text-decoration:none;}
  #nav ul { top: 31px; }
    #nav ul li a { background: #014b8c; text-decoration:none; padding: 5px 17px; color:#ffffff; line-height:16px; font-size:11px; }
      #nav ul a.hover { background: #014b8c; color:#fff; }
   #nav ul a {  border-right: none; opacity: 1; filter: alpha(opacity=100); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav ul li {margin-bottom:0px;}

#nav a.selected {color:#f7941d;}