nav
{
    height: 24px;
}

#nav
{
    background-color: #485D7A;

        margin-bottom: 0px;
        padding-bottom:0px;
    }

    #nav, #nav ul
    {
        padding: 0;
        list-style-type: none;
        list-style-position: outside;
        position: relative;
        line-height: 1.5em;
        z-index: 100;
    }

        #nav a:link, #nav a:active, #nav a:visited
        {
            display: block;
            padding: 0px 7px;
            color: #fff;
            text-decoration: none;
            font-size: .8em;
            font-family: Verdana;
            border: none;
        }

        #nav a:hover
        {
            background-color: #fff;
            color: #333;
        }

        #nav li
        {
            float: left;
            position: relative;
            margin-left: 0px;
        }

        #nav ul
        {
            position: absolute;
            top: 1.5em;
            display: none;
        }

        #nav li ul a
        {
            background-color: #485D7A;
            width: 17em;
            float: left;
            word-wrap: none;
        }

        #nav ul ul
        {
            top: auto;
        }

        #nav li ul ul
        {
            left: 12em;
            margin: 0px 0 0 10px;
        }

        #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul
        {
            display: none;
        }

        #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul
        {
            display: block;
        }

        #nav li + li
        {
            border-left-style: solid;
            border-left-width: thin;
            border-left-color: #FFFFFF;
        }

        #nav li ul li + li
        {
            border-style: none;
        }

        #nav li ul
        {
            -moz-box-shadow: 5px 5px 2px #888;
            -webkit-box-shadow: 5px 5px 2px #888;
            box-shadow: 5px 5px 2px #888;
            border-width: thin;
            background-color: #485D7A;
        }