@charset "UTF-8";
ul.MenuBarVertical

{

            margin: 0;

            padding: 0;

            list-style-type: none;

            font-size: 100%;

            cursor: default;

            width: 180px;

}

/* 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 */

ul.MenuBarActive

{

            z-index: 1000;

}
ul.MenuBarVertical li

{
border-bottom: 1px dashed #fff;
            margin: 0;            padding: 0;font-weight:bold;
            list-style-type: none;    font-size: 100%;  position: relative; text-align: left; cursor: pointer; width: 175px;}
/* 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
{
            margin: -5% 0 0 95%;

            padding: 0;

            list-style-type: none;

            font-size: 100%;

            position: absolute;

            z-index: 1020;

            cursor: default;

            width: 13.5em;

            left: -1000em;
            top: 0;

            background-color:#F39981;

}

ul.MenuBarVertical ul.MenuBarSubmenuVisible

{

            left: 180px;

}

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

ul.MenuBarVertical ul li

{

            width: 150px;
font-weight:normal;

}

ul.MenuBarVertical

{

            border: none;

}

/* Submenu containers have borders on all sides */

ul.MenuBarVertical ul

{

             background-color:#F39981;

             color:#000;

            border: none;

}



ul.MenuBarVertical a

{

vertical-align:middle; line-height:28px;



            display: block;

            cursor: pointer;

            background-color: #F39981;
  padding: 0 0.75em;
 
 
            color: #000;

            text-decoration: none;

  }

ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus

{

            background-color: #FFCBBC;

            color: #000;

}
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{

            background-color: #FFCBBC;

            color: #000;
}

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{

            background-color: #FFCBBC;

            color: #000;

}
ul.MenuBarVertical a.MenuBarItemSubmenu

{

            background-image: url(images/SpryMenuBarRight.gif);

            background-repeat: no-repeat;

            background-position: 95% 50%;

}

ul.MenuBarVertical a.MenuBarItemSubmenuHover

{

            background-image: url(images/SpryMenuBarRightHover.gif);

            background-repeat: no-repeat;

            background-position: 95% 50%;

            color:#000;

}
ul.MenuBarVertical iframe

{

            position: absolute;

            z-index: 1010;

            filter:alpha(opacity:0.1);

}