/* *** NEW DROPDOWN NAV *** */

#container {
    /*width: 36em;*/
    /*background: #F4ECD9;*/
    text-align: left;
    /*border: 1px solid #eda;*/
    margin: 0 auto;
    height:25px;
}

#nav, #nav ul {
    list-style: none;
    line-height: 1;
    /*background: white;*/
    font-weight: bold;
    font-size: 12px;
    padding: 0;
    border: solid #eda;
    border-width: 0px 0;
    margin: 0 0 0 0; 
    z-index:999;
}

#nav li:hover, #nav li.hover {
    position: static;
}

#nav a {
    display: block;
    /*width: 10em;
    w\idth: 6em;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#ffffff;
    text-decoration: none;
    padding: 0.4em 1em;
}

#nav a.header {
    padding:0;
}

#nav a.daddy {
    background: url(../../../common/images/rightarrow.gif) center right no-repeat;
}

/* rolloff menu background: */
#nav li {
    float: left;
    padding: 0px 0px;
    /*width: 10em;*/
}

#nav li ul {
    position: absolute;
    left: -999em; 
    height: auto;
    width: 11.8em;
    /*w\idth: 13.9em;*/
    font-weight: normal;
    /*border-width: 0.25em;*/
    margin: 0;
    margin-left:0px;
    border: 1px solid #83140d;
    background-color: #ed1c24;
}

/* width of an li inside ul dropdowns for IE: */
* html #nav li ul {
    width: 9.8em;
}

/* remember to match these li's with the ul's defined above */
#nav li li {
    /*padding-right: 1em;*/
    width: 9.8em;
}
/* and match this with the IE version: */
* html #nav li li {
    width: 9.7em;
}

#nav li ul a {
    width: 9.8em;
    border-bottom: 1px solid #83140d;
}

/* width of the anchors in ul dropdowns for IE: */
* html #nav li ul a {
    width:9.7em;
}

#nav li ul a.last {
    border-bottom: 0;
}

/* this positions the menus relative to their parents */
#nav li ul ul {
    margin: -1.4em 0 0 9.5em;
}

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

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}
 
/* rollover highlight */
#nav li a:hover, #nav li a.sfhover {
    background-color: #000000;
}

#nav li a.daddy:hover {
    background: url(../../../common/images/rightarrow_r.gif) center right no-repeat;
}