/*  OVERALL MENU */

.pf-cssmenu-left-menu {
    float: left;
    text-align: left;
    padding: 0px;
    margin: 0px;
    line-height: 12px;
    list-style-type: none;
    width: 185px;
    padding-left:10px;
    float:right;
    margin-bottom:5px;
}



/* UNORDERED LIST ITEMS (GROUP OF SUB LEVEL) */

.pf-cssmenu-left-menu ul {
    _ position: absolute;
    clear: both;
    display: none;
    padding: 0px;
    margin: 0px;
    margin-left:-10px;
    padding-left:10px;
    list-style-type: none;
    overflow: visible;
    background: #455723;
    padding-top:10px;
    padding-bottom:10px;
}


/* LIST ITEMS OF MENU */

.pf-cssmenu-left-menu li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}



/* MAIN MENU ITEMS */

.pf-cssmenu-left-menu a:link,
.pf-cssmenu-left-menu a:visited {
    _ float: left;
    padding: 0px 20px 0px 10px;
    display: block;
    color: #FFF;
    font-size: 13px;
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none;
    padding:8px 0;
    text-transform:uppercase;
}

/* SUB CAPITON (if applicable) */

.pf-cssmenu-left-menu .menu-sub-caption {
    height:12px;
}


/* ACTIVE MENU ITEMS (not compatible with IE 6) */

.pf-cssmenu-left-menu a.item-on {
    background: #33460c;
    margin-left:-10px;
    padding-left:10px;
    font-weight: bold;

    padding-top:9px;
    padding-bottom:9px;
    margin-top:-1px;
    margin-bottom:-1px;
}


/* HOVER OVER MAIN MENU ITEMS */

.pf-cssmenu-left-menu a:hover,
.pf-cssmenu-left-menu a:active {
    background: #33460c;
    margin-left:-10px;
    padding-left:10px;
    font-weight: bold;

    padding-top:9px;
    padding-bottom:9px;
    margin-top:-1px;
    margin-bottom:-1px;
}


/* SUB LEVEL MENU ITEMS */

.pf-cssmenu-left-menu .lev2 a:link,
.pf-cssmenu-left-menu .lev2 a:visited {
    padding: 6px 20px;
    height:auto;
    line-height: 14px;
    font-size: 12px;
    font-weight: bold;
    * width:130px;  /* IE6 fix - sets width of submenu item to the width of "li.lev1 li" minus any padding applied to these anchors */
}


/* HOVER OVER SUB LEVEL MENU ITEMS */

.pf-cssmenu-left-menu .lev2 a:hover,
.pf-cssmenu-left-menu .lev2 a:active {
    color: #c1c3a2;
    background:none;
    margin:0;
    * width:130px;  /* IE6 fix - sets width of submenu item to the width of "li.lev1 li" minus any padding applied to these anchors */
}


/* LIST ITEM HOVER ON UNORDERED LISTS (NOTHING TO EDIT) */

.pf-cssmenu-left-menu li:hover > ul {
    position: absolute;
    display: block;
}


/* HOVER OVER ON MAIN MENU ITEM BLOCKS (a:hover, a:active takes precendence) */

.pf-cssmenu-left-menu li.lev1:hover {

    /* if you need to use two images for a rollover effect this may help */
}


/*  MENU ITEMS WITH SUBNAV */

.pf-cssmenu-left-menu li.sub-lev1 {

}


/* SUB NAVIGATION MENU ITEMS WITH SUBNAVIGATION */

.pf-cssmenu-left-menu .lev2 a.sub {

}


/* MAIN NAVIGATION LIST ITEMS */

.pf-cssmenu-left-menu li.lev1 {
    clear: left;
    display: block;
    _ height:0px;
    border-bottom:1px solid #FFF;
}

.pf-cssmenu-left-menu li.lev1.last {
    border-bottom:0;
}


/* SUB NAVIGATION */

.pf-cssmenu-left-menu li.lev1 li {
    float: left;
    clear: left;
    width: 150px;
    background: #455723;
}


/* UNORDERED LIST ITEMS (GROUP OF SUB LEVEL) */

.pf-cssmenu-left-menu .lev1 ul {
    margin: -35px 0px 0px 185px;
    z-index: 1000;
    display: none;
}

.pf-cssmenu-left-menu .lev2 ul {
    * margin: 0px;
    _ margin: -20px 0px 0px 150px;
    margin-left: 150px;
    position: absolute;
    z-index:1000;
}

.pf-cssmenu-left-menu .lev2 li {
    * margin: 0px 0px -1px 0px;
}

.pf-cssmenu-left-menu ul.active_sub_menu {
    display: block;
}