
/* Affects character of all ul, li below the top level */
#nav, #nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 1em;
}


#nav li {
        margin: 0 0px 0 0;
        padding: 0;
        list-style: none;
        float: left;
        width: 18em;
/*
        list-style: none;
        float: left;
        width: 20em;
        font: bold 11px arial;
*/
}

#nav a:link, #nav a:active, #nav a:visited {
        display: block;
        margin: 0;
        padding: 5px 0;
        background-color: #EAEAEA;
        border: 1px solid white;
        color: #0A2390;
        text-align: center;
        font: bold 1em arial;
}


#nav a:hover {
        background-color:#E3E3E3;
        color: #0A2390;
        border: 1px solid #ccc;
        text-decoration:none;
}

#nav li ul a:link, #nav li ul a:active, #nav li ul a:visited {
        display: block;
        margin: 0 1px 0 0;
        padding: 5px 0;
        border: 1px solid #ccc;
        color: blue;
        text-align: center;
        width: 13em;
        text-decoration: none;
        background-color:white;
}

#nav li ul a:hover {
        background-color:#E3E3E3;
        color: blue;
}



/* This hides the dropdowns until rolled over */
#nav li ul {
        position: absolute;
        width: 18em;
        left: -999em;
}

/* This allows the dropdowns to display when mouse hovers over main heading */
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
        left: auto;
}

/*
#nav li ul ul {
        margin: -1em 0 0 20em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
        left: -999em;
}

/*

#nav li ul a:link, #nav li ul a:active, #nav li ul a:visited {
        display: block;
        margin: 0 1px 0 0;
        padding: 5px 0;
        border: 1px solid #ccc;
        color: blue;
        text-align: center;
        width: 20em;
        text-decoration: none;
        background-color:#D5EAFF;
}

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

#nav li a {
        display: block;
        width: 20em;
        text-align: center;
        text-decoration: none;
        padding: 5px 0;
        border: 1px solid #ccc;
}


#nav li ul {
        position: absolute;
        width: 20em;
        left: -999em;
}

#nav li ul ul {
        margin: -1em 0 0 20em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
        left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
        left: auto;
}

*/
