/*  menu stuff */
#nav, #nav ul, #nav ul li a:link, #nav ul li a:visited, #nav ul li a:active
{
    color: White;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    /*line-height: 1em;*/
    z-index: 9999;
    text-align: left;
    vertical-align: middle;
    zoom: 1;
}

/* this is used for the style of the second-level menu systems, the ones that are on the white background */
#nav li ul
{
    color: #336699;
    background-color: #803bb2; /* IE */
    zoom: 1; /* Other */
    border-right: outset 2px #E3E3E3;
    border-bottom: outset 2px #E3E3E3;
}

/* menu item links with mouse-over */
#nav li ul a:hover
{
    background-color: #e6e6e6;
    color: #803bb2;
}


/* menu item links without mouse-over */
#nav a:link, #nav a:active, #nav a:visited
{
    display: block;
    padding: 0px 5px;
     /*border:1px solid #333;*/
    color: White;
    text-decoration: none;
    font-family: Verdana;
    font-size: 10pt; /*background-color:#333;*/
}

/*Menu items - margins set to create spacing between items*/
#nav li
{
    float: left;
    position: relative;
    font-family: Arial Verdana;
    margin-left: 15px;
    margin-right: 15px;
    zoom: 1; /*background-color: #666666;*/
}

#nav ul
{
    position: absolute;
    zoom: 1;
    width: 13em;
    /*top: 1.2em;*/
    display: none;
}

#nav li ul a
{
    width: 13em;
    float: left;
    color: #336699;
}

#nav ul ul
{
    top: auto;
    zoom: 1;
}

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

#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 img
{
    vertical-align: middle;
}