#navbar {
    position: relative; 
    width: 100%;
    display: block;
    height: 32px;
    z-index: 100; 
    background-color: #333333;
}
#nav {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    height: 25px !important;
}
#nav img {
    border: none;
}
/***********************************/
/* FIRST LEVEL MENU
/***********************************/
#nav a {
    background: #333333; /* First Level Background #8F8D84;*/
    color: #ffffff;
    position: relative;
    display: inline; 
    text-decoration: none;
    padding: 10px 10px 12px 10px;
    line-height: 100%;
    margin: 0;
    width: auto;
    text-align: center;
    font: bold 10px/100% Verdana, Arial, Helvetica, sans-serif; 
    border-top: 2px solid #333333;
    border-bottom: 0;
}
/* commented backslash hack v2 for IE5 Mac \*/
#nav a {
    background: #333333; /* First Level Background #8F8D84;*/
    color: #ffffff;
    position: relative;
    display: block; 
    text-decoration: none;
    padding: 10px 10px 12px 10px;
    line-height: 100%;
    margin: 0;
    width: auto;
    text-align: center;
    font: bold 10px/100% Verdana, Arial, Helvetica, sans-serif; 
    border-bottom: 0;
    border-top: 2px solid #333333;
}
/* end hack */
#nav a:hover {
    background: #000000; /* First Level Mouseover #716E62;*/
    color: #ffffff;
    border-bottom: 0;
    position: relative;
    display: block; 
    text-decoration: none;
    padding: 10px 10px 12px 10px;
    line-height: 100%;
    margin: 0;
    width: auto;
    font: bold 10px/100% Verdana, Arial, Helvetica, sans-serif; 
    border-top: 2px solid #FF6600;
}
/***********************************/
/* SECOND LEVEL MENU
/***********************************/
#nav ul {	
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
}
#nav ul li {
    position: relative;
    float: left;
    padding: 0;
    list-style: none;
}
#nav li ul {
    /* Border color of drop down menu */
    border-left: 10px solid #333333; /*#C1CDB9; */
    border-bottom: 1px solid #333333; /*#D8D7D2;*/
    position: absolute;
    left: -999em;
    height: auto;
    width: 200px;
    font-weight: normal;
    margin: 0;
    float: left;
    filter: alpha(opacity=95);
    opacity: 0.95;
    -moz-opacity: 0.95;
}
#nav li ul a {
    /* Border color of drop down menu */
    border-top: 1px solid #333333; 
    border-right: 1px solid #333333; 
    padding: 7px 5px 5px 5px;
    margin: 0;
    font: 11px/100% Verdana, Arial, Helvetica, sans-serif; 
    text-decoration: none;
    border-bottom: none;
    width: 100%;
}
#nav ul li ul li a {
    /* drop down menu color */
    color: #333333; 
    background: #999999; 
    padding: 7px 5px 7px 10px; 
    text-align: left;
    font: 10px Verdana, Arial, Helvetica, sans-serif; 
    margin: 0;
    display: block;
    width: 100%;
}
#nav ul li ul li a:hover {
    /* drop down menu mouseover color */
    color: #ffffff; 
    background: #333333; 
    padding: 7px 5px 7px 10px; 
    font: 10px Verdana, Arial, Helvetica, sans-serif; 
    margin: 0;
    display: block;
    width: 100%;
    border-top: 0;
}

#nav li li {
    width: 100%;
}
#nav li ul ul {
    margin: -2.4em 0 0 199px;	
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}
#nav li:hover, #nav li.sfhover {
    background: #999999; 
}
