@CHARSET "UTF-8";

div#topNav {
    width:682px;
    height: 40px;
    margin-left: 42px;
    margin-top: 41px;
}

.topNav_spacer {
    float: left;
    height: 40px;
    width: 9px;
    background-image: url(../images/topNav/spacer.png);
    display: inline;
}

/*** ESSENTIAL STYLES ***/
ul#topNav {
    display: inline;
    list-style: none;
    float: left;
}

ul#topNav ul {
    display:        none;
    list-style:     none;
    position:       absolute;
    margin-top:     10px;
    width:          10em; /* left offset of submenus need to match (see below) */
}

ul#topNav ul li {
    width:          100%;
    padding: 5px 10px 5px 10px;
    background-color:     #6F4311;
}

ul#topNav li:hover {
    visibility:     inherit; /* fixes IE7 'sticky bug' */
}
ul#topNav li {
    float: left;
    position:       relative;
}
ul#topNav a {
    display:        block;
}
ul#topNav li:hover ul,
ul#topNav li.sfHover ul {
    left:           0;
    top:            2.5em; /* match top ul list item height */
    display: block;
}

/*** DEMO SKIN ***/
ul#topNav {
    float:          left;
}

ul#topNav li li:hover {
    background-color: #FFFFFF;
}

ul#topNav li li a:link, ul#topNav li li a:visited {
    color: #FFFFFF;
}

ul#topNav li li:hover a:link, ul#topNav li li:hover a:visited {
    color: #330000;
}
    
ul#topNav li:hover, ul#topNav li.sfHover,
ul#topNav a:focus, ul#topNav a:hover, ul#topNav a:active {
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}