/***********************************************************
 Structural CSS for the structure and behavior of the menu 
                   USE EXTREME CAUTION!
   Modifying the CSS here will most likely break the menu!
************************************************************/

div.CssMenu { /* div containing the menu */
	margin: 0;
	border: 0;
	padding: 0;
}

div.CssMenu>ul.Root /* root-level menu list (UL) */
{
    position: relative;
    z-index: 111;
	margin: 0;
	border: 0;
	padding: 0;
    display: block;
	white-space: nowrap;
    list-style: none;
}

div.CssMenu ul.Root ul /* submenu lists (ULs) */
{
    position: absolute;
	z-index: 222;
	margin: 0;
	border: 0;
	padding: 0;
    display: block;
	white-space: nowrap;
    list-style: none;
    visibility: hidden;
}

div.CssMenu ul.Root li  /* menu items */
{
    position: relative;
    list-style: none;
    float: left;
	display: inline;  /* */
}

div.CssMenu ul.Root a,  /* menu item links */
div.CssMenu ul.Root span
{
    display: block;
    text-decoration: none;
}

/* Add more rules here if your menus have more than four (4) tiers */
div.CssMenu ul.Root li:hover ul ul,
div.CssMenu ul.Root li:hover ul ul ul,
div.CssMenu ul.Root li:hover ul ul ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than four (4) tiers */
div.CssMenu ul.Root li:hover ul,
div.CssMenu ul.Root li li:hover ul,
div.CssMenu ul.Root li li li:hover ul,
div.CssMenu ul.Root li li li li:hover ul
{
    visibility: visible;
}

.ArrowPointer
{
	cursor: default;
}