@charset "UTF-8";

#centersMenu ul
{
	margin: 0;
	padding: auto;
}

#centersMenu ul li
{
	display: inline;
	margin: 0;
	list-style: none;
}

#centersMenu ul li ul
{
	display: inline;
}

#centersMenu a:link, #centersMenu a:visited {
	padding: 5px;
	font-weight: bold;
}

#centersMenu a:hover, #centersMenu a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333399;
}

ul.menu
{
	margin: 0;
	padding: 0;
}

ul.menuActive
{
	z-index: 1000;
}

ul.menu li
{
	margin: auto;
	padding: 0;
	position: relative;
	float: left;
	width: 120px;
	min-height: 25px;
	background-image: url(../images/buttons/mainMenu_Level1-01.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: middle;
	list-style-type: none;
}

ul.menu ul
{
	margin: 0 0 0 100%;
	padding: 0;
	position: absolute;
	z-index: 1020;
	left: -1000em;
	top: 0;
	width: 180px;
}

ul.menu ul li
{
	width: 150px;
	background-image: url(../images/buttons/mainMenu_Level2-01.jpg);
	background-repeat: no-repeat;
/**	border-style: solid;
	border-width: 1px;
	border-color: #999999;*/
}

ul.menu ul.menuSubVisible
{
	left: auto;
}

ul.menu a
{
	display: block;
	padding: 3px 10px 3px 10px;
	color: #333399;
	font-weight: bold;
	text-decoration: none;
}

ul.menu a:hover
{
	background-image: url(../images/buttons/mainMenu_Level1-02.jpg);
	color: #FFF;
}

ul.menu a.menuItemHover, ul.menu a.menuItemSubHover, ul.menu a.menuSubVisible
{
	background-image: url(../images/buttons/mainMenu_Level2-02.jpg);
	color: #FFF;
}

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.menu a.MenuBarItemSubmenu
{
	background-image: url(../images/buttons/mainMenu_Level1-03.jpg);
	background-repeat: no-repeat;
	/**background-image: url(../images/gadgets/900-r001.gif);
	background-position: 95% 50%;*/
}

/* Menu items that are open with submenus have the class designation menuItemSubHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.menu a.menuItemSubHover
{
	background-image: url(../images/buttons/mainMenu_Level1-04.jpg);
	background-repeat: no-repeat;
	/**background-image: url(../images/gadgets/900-r002.gif);
	background-position: 95% 50%;*/
}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.menu iframe
{
	position: absolute;
	z-index: 1010;
}

/* 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.menu li.menuItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}*/