@charset "utf-8";
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
#MenuBar1 {
    position: absolute;
    top: 205px;
    left: -25px;
    height: 210px;
    width: 174px;
    z-index: 2000
    }
ul.MenuBarActive {
    z-index: 2000;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
    position: relative;
    text-align: right;
    cursor: pointer;
    width: 17em;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul {
    padding: 0;
    list-style-type: none;
    font-size: 11px;
    position: absolute;
    z-index: 2000;
    cursor: default;
    left: -1000em;
    top: 0;
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible {
    left: 0;
    width: 11em;
    background-color: #F1E5F2;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li {
    width: 11em;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/
/* Outermost menu container no borders */
ul.MenuBarVertical {
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
/* Menu items are a light gray block with padding and no text decoration  these are main nav items that have no sub menu*/
ul.MenuBarVertical a {
    display: block;
    cursor: pointer;
    padding: 0.6em 1em;
    text-align: right;
    text-decoration: none;
    color: #9A5C9F;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
/* Menu items that have mouse over or focus are grey */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus {
    color: #636363;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
/* Menu items that are open with submenus are set to MenuBarItemHover*/
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible {
    color: #636363;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
submenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #F1E5F2
    }
/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu {
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    color: #9A5C9F;
    background-color: #FFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover {
    background-image: url(SpryMenuBarRightWhite.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    color: #636363;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe {
    position: absolute;
    z-index: 2000;
    filter: alpha(opacity: 0.1);
    color: #636363;
    font-size: 14px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none
    }
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
    ul.MenuBarVertical li.MenuBarItemIE {
        display: inline;
        float: left;
        background: #FFF;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none
        }
    }