#nav { padding:0 20px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:998; }
#nav a { color:#ff0000; }
#nav a:hover { display:block; 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; text-decoration:none;}
#nav li.active a { color:#e3e1e2; text-decoration:none; background: url(../images/nav-highlight-bkg.gif) repeat-x 0 100%;}
#nav a { float:left; padding:5px 12px 6px 8px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
#nav li.over a { color:#e3e1e2; text-decoration:none; background: url(../images/nav-highlight-bkg1.gif) repeat-x 0 100%;}
#nav a:hover { color:#e3e1e2; text-decoration:none;}

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#222222 url(../images/nav_divider.gif) repeat-x 0 100%; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { background:#222222; 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:15em; top:25px; left:-10000px; border:0px solid #cccccc; }

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:190px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:#000000; }
#nav ul li a:hover { background:#d50007;}
#nav ul li a { color:#ffffff !important; }
#nav ul li a:hover { color:#ffffff !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }
