@charset "UTF-8";

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

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

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar*/
ul.MenuBarVertical{	margin: 0px 0px 0px 0px; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width:100%;}

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

/* 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: 100%; position: relative; text-align: center; cursor: pointer; width:100%;}

/* Spacer used to visually breakup toplevel menu items */
ul.MenuBarVertical li a.spacer{width:92%; height:2px;	border-bottom:1px white solid; border-top:1px white solid; margin:0px auto; background-image:none; cursor:default;}

/* The first Submenu should appear slightly more to the right to clear the background container */
ul.MenuBarVertical ul{margin: 0 0 0 105%;	padding: 0; list-style-type: none; font-size: 100%; position: absolute;	z-index: 1020; cursor: default; width: 100%; left: -1000em; top: 0;}

/* The second Submenu should appear directly to the right of the first Submenu */
ul.MenuBarVertical ul ul{margin: 0px 0px 0px 214px;	padding: 0;	list-style-type: none; font-size: 100%; position: absolute; z-index: 1020; cursor: default; width: 100%; left: -1000em; top: 0;}

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

/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li{width:100%;}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Menu items are brown and have no text decoration */
ul.MenuBarVertical a{height:40px;	line-height:40px;	display: block; cursor: pointer; text-decoration: none;color: #876f58;}

/* Menu items that have mouse over or focus have a shaded background and green text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus{background-image:url('../images/kgwd_over.png'); color: #678b88;}

/* Menu items that are open with submenus are set to MenuBarItemHover with a shaded background and green text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible{background-image:url('../images/kgwd_over.png'); color: #678b88;}

/*******************************************************************************

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

 *******************************************************************************/

/* 1st SubMenu items that have a different background and height than first level */
ul.MenuBarVertical li ul a.MenuBarItemSubmenu{width:214px; height:43px; line-height:48px; background-image:url('../images/kgwd_navL2.png');}

/* Bottom SubMenu items that have a different height and image position than first Submenu level items */
ul.MenuBarVertical li ul a.MenuBarItemSubmenuBottom{width:214px; height:48px; line-height:48px; background-image:url('../images/kgwd_navL2.png'); background-position:left bottom;}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* 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: 1010; filter:alpha(opacity:0.1);}
/* 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; f\loat: left;}}