@charset "utf-8";

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Special Hand-Editing, Extra CSS Additions and Debugging by
Copyright 2008 CSSPIXELS.COM - Roger Ledergerber - Adelaide Australia 
for KlagesWebDesign.com - Chico California USA - WhitewaterVoyages.com 
5225 San Pablo Dam Road - El Sobrante CA 94803 - All Rights Reserved */

/************************************
LAYOUT INFORMATION: 
box model, positioning, z-order
***********************************/

/* Outermost Menu Bar Container 
fixed width box - ul
---------------------------------- */
ul.MenuBarVertical
{
margin:0;
padding:0;
list-style-type:none;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
cursor:default;
width:169px;
}

/* Set active Menu Bar - ul
set z-index to accomodate IE bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
---------------------------------- */
ul.MenuBarActive
{
z-index:1000;
}

/* Menu Item Containers - ul li relative
---------------------------------- */
ul.MenuBarVertical li
{
margin:0;
padding:0;
list-style-type:none;
font-size:12px;
position:relative;
left:0px;
text-align:left;
cursor:pointer;
width:169px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#aaa;
}

/* Submenus Appearance - ul ul
change margin from -5% to -2% to fix IE6 underlap problem
---------------------------------- */
ul.MenuBarVertical ul
{
margin:-2% 0 0 95%;
padding:0;
list-style-type:none;
font-size:12px;
position:absolute;
z-index:1020;
cursor:default;
width:169px;
left:-1000em;
top:0;
}

/* Submenu showing - Visibility
---------------------------------- */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left:0;
}

/* Menu Item Containers - ul ul li
---------------------------------- */
ul.MenuBarVertical ul li
{
width:169px;
}
/* 

/************************************
DESIGN INFORMATION: 
color scheme, borders, fonts
***********************************/

/* Outermost Menu Container - ul
---------------------------------- */
ul.MenuBarVertical
{
border-left:1px solid #6399C0;
border-right:1px solid #6399C0;
}

/* Submenu Containers - ul ul
---------------------------------- */
ul.MenuBarVertical ul
{
border:1px solid #ccc;
}

/* Menu Item Blocks - ul a
---------------------------------- */
ul.MenuBarVertical a
{
display:block;
cursor:pointer;
padding:3px 5px;
color:#333;
text-decoration:none;
font-weight:normal;
background:#9ce url(../images/newimages/g.jpg) repeat-x;
}

/* Menu Items - mouseover - focus 
---------------------------------- */
ul.MenuBarVertical a:hover, 
ul.MenuBarVertical a:focus
{
font-weight:bold;
background-color:#cff;
color:#f00;
}

/* Menu Items - Submenus open 
---------------------------------- */
ul.MenuBarVertical a.MenuBarItemHover,
ul.MenuBarVertical a.MenuBarItemSubmenuHover, 
ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-color:#cff;
color:#f00;
}

/* Menu Items - Sub-Submenus open 
---------------------------------- */
ul.MenuBarVertical li a.MenuBarItemHover,
ul.MenuBarVertical li ul li a.MenuBarItemHover,
ul.MenuBarVertical li ul li ul li a.MenuBarItemHover
{
background:#cff;
color:#f00;
}

/************************************
SUBMENU INDICATION: 
if submenu under given menu item
***********************************/

/* Menu Items - with Submenu
can use bg image - not necessary
---------------------------------- */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.jpg);
background-repeat:no-repeat;
background-position:50%;
}

/* Menu Items - open with Submenus 
can use "hover" bg image  - not necessary
---------------------------------- */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat:no-repeat;
background-position:95% 50%;
}

/************************************
BROWSER HACKS: 
only change if expert
***********************************/

/* HACK FOR IE: 
show sub menus above form controls
underlay each submenu with iframe 
Ken added iframe display:none; to see if it fixes false problem
---------------------------------- */
ul.MenuBarVertical iframe
{
position:absolute;
z-index:1050; /* was 1010 but had problem with this */
display:none;
}

/* HACK FOR IE 5.0: 
stabilize appearance of menu items
keep IE 5.0 from parsing
with slash in float  
---------------------------------- */
@media screen, projection
{
ul.MenuBarVertical li.MenuBarItemIE
{
display:inline;
f\loat:left;
background:#ff0; /* BRIGHT YELLOW */
}
}