@charset "UTF-8"; 

ul.mainNav {margin:0; padding:0; list-style-type:none; cursor:default; width:auto; font-weight:bold;font-size:12px;}
ul.mainNavActive{z-index:1000;}/* 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.mainNav li {margin:0; padding:8px 7px 0 7px; list-style-type:none; position:relative; text-align:left; cursor:pointer; float:left;}

ul.mainNav ul{margin:0; padding:0; list-style-type:none; font-size:100%; z-index:1020; cursor:default; position:absolute; left:-1000em; } /* Submenus should appear below their parent (top:0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.mainNav ul.mainNavSubVisible{ left:auto; } /* Set left to auto so it comes onto the screen below its parent menu item */
ul.mainNav ul li{ width:190px; padding:0; }
ul.mainNav ul ul{position:absolute; margin:-5% 0 0 95%; }/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.mainNav ul.mainNavSubVisible ul.mainNavSubVisible{left:auto; top:0; } /* Set left to 0 so it comes onto the screen */

/*******************************************************************************
 DESIGN INFORMATION:describes color scheme, borders, fonts
 *******************************************************************************/

ul.mainNav ul{ border:1px solid #ccc; width:190px;}
ul.mainNav a{ display:block; cursor:pointer; background-color:#fff; padding:5px; color:#000; text-decoration:none; }
ul.mainNav a:hover, ul.mainNav a:focus{background-color:#fff; text-decoration:underline; }
ul.mainNav a.MenuBarItemHover, ul.mainNav a.mainNavSubHover, ul.mainNav a.mainNavSubVisible{background-color:#fff;}

ul.mainNav a.navCurrent{color:#657a56;}

/*******************************************************************************
 SUBMENU INDICATION:styles if there is a submenu under a given menu item
 *******************************************************************************/

ul.mainNav a.mainNavSub { background-repeat:no-repeat; background-position:95% 50%; }/* Menu items that have a submenu have the class designation mainNavSub and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.mainNav ul a.mainNavSub{ background-repeat:no-repeat; background-position:95% 50%; }/* Menu items that have a submenu have the class designation mainNavSub and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.mainNav a.mainNavSubHover{ background-repeat:no-repeat; background-position:95% 50%; }/* Menu items that are open with submenus have the class designation mainNavSubHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.mainNav ul a.mainNavSubHover{ background-repeat:no-repeat; background-position:95% 50%; }/* Menu items that are open with submenus have the class designation mainNavSubHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */


/*******************************************************************************
 BROWSER HACKS:the hacks below should not be changed
 *******************************************************************************/

ul.mainNav iframe{ position:absolute; z-index:1010; filter:alpha(opacity:0.1); } /* HACK FOR IE:to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

@media screen, projection {
	ul.mainNav li.MenuBarItemIE	{display:inline; f\loat:left; background:#FFF; }
} /* HACK FOR IE:to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */