#nav { padding:0px; font-size:12px; background:#710111 url(../images/custom/navibg.gif) left center repeat-x; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; color:#fff; }



/************ 0 LEVEL  ***************/
#nav li { float: left; }
#nav li.active a { /*color: #fff;*/ }
#nav a {
 float: left;
 margin: 6px 0px 6px 0px;
 padding: 0px 10px 0px 10px;
 color: #fff;
 border-right: dotted 1px #fff;
 height: 18px;
}
#nav li:hover {
 background: #710111 url(../images/custom/navibg_act.gif) left center repeat-x;
}
#nav li:hover a {
 border-right: none;
 margin-right: 1px;
}
#nav li.spec {
 background: #710111 url(../images/custom/navibg_spec.gif) left center repeat-x;
}
#nav li.spec a {
 color: #000;
}
#nav li.spec:hover {
 background: #710111 url(../images/custom/navibg_spec_act.gif) left center repeat-x;
}
/************ 1ST LEVEL ************/
#nav ul {
 background-color: #9c161c;
 margin-top: -20px;
}
#nav ul li {
 width: 100%;
}
#nav ul li:hover {
 background-image: none;
 background-color: #222;
}
#nav ul a {
 width: 85%;
 margin: 0px 10px 0px 10px;
 padding: 8px 0px 4px 5px;
 border-bottom: dotted 2px #b44344;
}
#nav ul a:hover {
 border-bottom: none;
 margin-bottom: 2px;
 color: #9c161c;
}
/************ 2ND LEVEL ************/
#nav ul {
 position: absolute;
 width: 18em;
 top: 48px;
 left: -10000px;
}
#nav li.over > ul {
 left: 0;
}
#nav li.over > ul li.over > ul {
 left: 150px;
}
#nav li.over ul ul {
 left:-10000px;
}
/************ 3RD+ LEVEL ************/
#nav ul ul {
 top: 20px;
}