/* Basic code - don't modify */
 
div#header ul.nav { display: block; /*margin: 0; padding: 0; position: relative;*/ z-index: 30; }
div#header ul.nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
div#header ul.nav a { display: block; }
div#header ul.nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html div#header ul.nav ul { line-height: 0; } /* IE6 "fix" */
div#header ul.nav ul a { zoom: 1; } /* IE6/7 fix */
div#header ul.nav ul li { float: none; }
div#header ul.nav ul ul { top: 0; }
    
/* Essentials - configure this */

div#header ul.nav ul { width: 173px; left: 10px; z-index: 20; }
div#header ul.nav ul ul { left: 166px; }

/* Everything else is theming */
 
div#header ul.nav {  }
div#header ul.nav *:hover { background-color: none; }
div#header ul.nav a {}
div#header ul.nav li.hover a { }
div#header ul.nav ul { top: 50px; background: #fff url(../img/tpl/bg_dropdown.png) no-repeat top left; padding: 5px 0 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;}
div#header ul.nav li ul li {padding: 0 1px;}
div#header ul.nav li ul li a {background: none; height: auto; padding: 5px 10px; margin: 0; font-size: 14px; line-height: 18px; font-weight: normal; color: #414141; width: 151px;} 
div#header ul.nav li ul li a:hover {background: #5d60a7; color: #fff;}
/*div#header ul.nav li.menuactive ul li a, div#header ul.nav li.currentpage ul li a { background-color: #2b363b; } */
div#header ul.nav ul a.hover { background-color: none; }
div#header ul.nav ul a { border-right: none; /*opacity: 0.95; filter: alpha(opacity=95);*/ }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


/*ul.nav li.hover.sfhover a.hover {background: #5e0a0a;}
div#header ul.nav ul li.hover.sfhover a.hover {background: #5e0a0a;}*/