#nav { padding: 0 20px; font-size: 11px; }

/************** ALL LEVELS  *************/
#nav li { position: relative; text-align: left; }
#nav li.over { z-index: 999; }
#nav a,
#nav a:hover { display: block; line-height: 1.4em; text-decoration: none; }
#nav span { display: block; cursor: pointer; white-space: nowrap; }
#nav li ul span { white-space: normal; }

/************ 0 LEVEL  ***************/
#nav li { float: left; }
#nav li.active a { color: #ccd900; }
#nav a { float: left; padding: 7px 12px 10px 8px; color: #fff; font-weight: bold; }
#nav li.over a,
#nav a:hover { color: #ccd900; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float: none; margin: 0; padding-bottom: 0; background: #eee; }
#nav ul li.last { background: #eee; padding-bottom: 0; }

#nav ul a,
#nav ul a:hover { float: none; padding: 0; background: none; }
#nav ul li a { font-weight: normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position: absolute; width: 18em; top: 25px; left: -10000px; border: 1px solid #999; }

/* Show menu */
#nav li.over > ul { left: 0; }
#nav li.over > ul li.over > ul { left: 100px; }
#nav li.over ul ul { left: -10000px; }

#nav ul li a { background: #eee; }
#nav ul li a { color: #000 !important; }
#nav ul li a:hover { color: #ccd900 !important; background: url(../images/nav_bg.jpg) bottom left; }
#nav ul span, #nav ul li.last li span { padding: 4px 15px 6px 15px; }

/************ 3RD+ LEVEL ************/
#nav ul ul { top: 5px; }