/* LEVEL ONE */
ul.dropdown { 
position: relative;
clear: both; 
list-style: none; 
width: 825px;
height: 32px;
background: #0c5f2e url(../img/nav-bg.gif) 0 0 repeat-x;
padding: 0 0 0 25px;
border-bottom: 5px solid #d1bd81;
}
ul.dropdown li {
height: 32px;
font: bold 1.35em/1.2em "Arial", Helvetica, san-serif;
float: left;
display: inline;
zoom: 1;
background: url(../img/nav.gif) 0 -30px ;
text-align: center;
letter-spacing: -0.02em;
}
ul.dropdown li a {
display: block;
height: 24px;
color: #fff;
float: left;
text-decoration: none;
outline: none;
padding: 8px 26px 0 25px;
background: transparent url(../img/nav-divider.gif) right 0 no-repeat ;
}
ul.dropdown li:last-child a { margin: 0; }
ul.dropdown li.active {
background: #d1bd81 url(../img/nav-active.gif) 0 0 ;
height: 36px;
margin: -4px 0 0; }
ul.dropdown li.active a {
color: #0c5f2e;
background: transparent url(../img/nav-active.gif) right -36px no-repeat ;
height: 26px;
padding-top: 10px; }
ul.dropdown li.active a:hover {color: #0c5f2e;}
/* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover {

position: relative; 
}
ul.dropdown li.hover a { color: #d1bd81; }
ul.dropdown li.hover ul li a { color: #fff; } 
ul.dropdown li.hover ul li a:hover { color: #d1bd81; } 
 
/* 	LEVEL TWO */
ul.dropdown ul {
width: 180px;
visibility: hidden;
position: absolute;
top: 100%;
left: -7px; 
background: transparent url(../img/dropdown_pane.png) 0 bottom no-repeat;
padding: 0 0 10px 7px;
}
ul.dropdown ul li {
font-weight: normal;
height: 25px;
float: none; 
color: #444;
width: 168px;
font: normal 0.9em/1.2em "Arial", Helvetica, san-serif;
}
 
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
border-right: none;
width: 153px;
height: 25px;
padding: 0 5px 0 10px;
line-height: 1.9em;
display: inline-block; 
text-align: left;
color: #444;
background: none;
border-top: 1px dotted #40805a;
}
ul.dropdown ul li a:hover {color: #d1bd81;}
ul.dropdown li:hover > ul { visibility: visible; }
* html ul.dropdown ul { background-image: url(../img/dropdown_pane_8bit.png); }