/* below is an optional but suggested clearing utility class */
.clear_both
{
    clear: both;
    height: 0;
    overflow: hidden;
    margin: -1px 0 0 0;
}
#main_nav
{
    margin: 0 0 0 0;
    position: relative;
    padding: 0;
    text-align: left;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size : 11px;
}
#main_nav ul
{
    padding: 0;
    margin: 0;
}
/* first tier nav menu */
#main_nav ul li
{
    float: left;
    margin: 0;
    padding: 3px 0 5px 7px;
    display: inline;
    width:145px;
    background: #000;
}
#main_nav ul li:hover
{
    background: #737374;
}
#main_nav ul li.sfhover
{
    background: #000;
}
/* top level link style */
#main_nav ul li a
{
    color: #DACAB0;
    text-decoration: none;
}
#main_nav ul li a:hover
{
    color: #DACAB0;
    text-decoration: none;
}
#main_nav ul li ul
{
    display: none;
    list-style: none;
}

/* 2nd tier nav menu */
#main_nav ul li ul li
{
    width:150px;
    border:none;
    margin: 3px 0 5px -7px;
    padding: 0;
}
/* 2nd tier link style */
#main_nav ul li ul li a
{
    padding-left:5px;
    text-decoration: none;
    color: #DACAB0;
}
#main_nav ul li ul li a:hover
{
    text-decoration: none;
    color: #DACAB0;
}

/* styles for activated 2nd tier menu */
#main_nav ul li:hover ul, #main_nav ul li.sfhover ul
{
    width: 160px;
    display: block;
    position: absolute;
    margin: 0;
}
#main_nav ul li:hover ul li, #main_nav ul li.sfhover ul li
{
    padding:2px 0 1px 2px;
}    
/* hides 3rd tier menu on 2nd tier activation */
#main_nav ul li:hover ul li ul, #main_nav ul li.sfhover ul li ul
{
    display: none;
}

/* 3rd tier nav menu */
#main_nav ul li ul li ul
{
    list-style: none;
    border: none;
    width: 200px;
    overflow: hidden;
    position: relative;
    margin-top: 4px;
    z-index: 999 !important;
}
#main_nav ul li ul li ul li
{
    margin: 0;
    padding: 0;
}
/* 3rd tier link style */
#main_nav ul li ul li ul li a
{
    width: 200px;
    background: #171c21;
    color: #888888;
}
/* styles for activated 3rd tier menu also overridden in ie7.css */
#main_nav ul li ul li:hover ul, #main_nav ul li ul li.sfhover ul
{
    width: 200px;
    display: block;
    position: absolute;
    margin: -28px 0 0 198px;
}
#main_nav li:hover ul, #main_nav li.sfhover ul
{
    display: block;
}