/* VERTICAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulistVert, .menulistVert ul {
    margin: 0;
    padding: 0;
    width: 12em;
    list-style: none;
}

    /* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
    .menulistVert ul {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 12.01em;
        z-index: 1;
    }

    /*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
    .menulistVert li {
        position: relative;
        border: 1px solid #330;
        margin-bottom: -1px;
    }

    .menulistVert ul > li:last-child {
        margin-bottom: 1px;
    }

    /* Links inside the menu */
    .menulistVert a {
        font: bold Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small;
        display: block;
        color: white;
        text-decoration: none;
        padding: 6px;
        line-height: 100%;
    }

    .menulistVert ul a {
        font: bold Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small;
        display: block;
        padding: 3px;
        text-decoration: none;
        padding: 6px;
        line-height: 100%;
    }

    /*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
    .menulistVert a:hover, .menulistVert a.highlighted:hover, .menulistVert a:focus {
        color: #FFE090;
        font: bold Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small;
        padding: 6px;
        line-height: 100%;
    }

    .menulistVert a.highlighted {
        color: #FFF;
        background-color: #C86;
    }

    /*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulistVert a#xyz {
      background-image: url(out.gif);
    }
    .menulistVert a#xyz:hover, .menulistVert a.highlighted#xyz, .menulistVert a:focus {
     background-image: url(over.gif);
    }
*/


    /* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
    .menulistVert a .subind {
        width: 7px;
        float: right;
        height: 100%;
        background-image: url(navigationArrow.gif);
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    /* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
    * html .menulistVert li {
        float: left;
        height: 1%;
    }

    * html .menulistVert a {
        height: 1%;
    }

.ui-menu .ui-menu-item a {
    line-height: 1.5;
}

.vcard .Department {
    margin-bottom: 3px;
    font-style: italic;
}
/* End Hack */