@charset "UTF-8";

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
 
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 8em;
}

/* Set the active Menu Bar with this class*/
ul.MenuBarActive

{
z-index: 1000;
}

/* Menu item containers*/

ul.MenuBarVertical li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */

ul.MenuBarVertical ul
{
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
left: -1000em;
top: 0;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible */

ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
}

/* Menu item containers are same fixed width as parent */

ul.MenuBarVertical ul li
{
width: 8.2em;
}

/*color scheme, borders, fonts*/
/* Outermost menu container has borders on all sides */

ul.MenuBarVertical
{
border: 1px solid #CCC;
}

/* Submenu containers have borders on all sides */

ul.MenuBarVertical ul
{
border: 1px solid #CCC;
}

/* Menu items are a light gray block with padding and no text decoration */

ul.MenuBarVertical a
{
display: block;
cursor: pointer;
background-color: #EEE;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
}

/* Menu items that have mouse over or focus have a blue background and white text */

ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
background-color: #33C;
color: #FFF;
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-color: #33C;
color: #FFF;
}

/* submenu styles*/

ul.MenuBarVertical a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/*  submenus with class designation MenuBarItemSubmenuHover */

ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}