/* main menu look */

ul.menu						{ list-style:none; margin:0; padding:0;	}
ul.menu * 					{ margin:0; padding:0; }
ul.menu a 					{ display:block; color:#FFFFFF; background:#8ebef4; text-decoration:none;	}
ul.menu li 					{ position:relative; float:left; font:12px arial,helvetica; margin:0; }
ul.menu ul 					{ position:absolute; background:#242756; display:none; list-style:none; }
ul.menu ul li 				{ position:relative; font:11px arial,helvetica; margin:0;	}

/* this determines the submenu look */
	
ul.menu ul li a 			{ display:block; padding:6px; margin:0;	border:1px solid #5799d6; background:#242756; z-index:999; }
ul.menu ul ul 				{ left:148px; top:-1px;	}
ul.menu .menulink 			{ border-top-width:0; border-left-width:0; padding-top:6px; padding-bottom:6px; text-align:center; }

ul.menu ul li a:hover,	
ul.menu .menulink:hover,
ul.menu .menuhover 			{ background:#5799d6; color:#FFFFFF; cursor:hand; text-decoration:none; z-index:999;	}
ul.menu .sub 				{ background:#0782bf; }

.wid1 						{ width:107px; border-top-width:0; }


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