/* main menu look */

ul.menu				{ list-style:none; margin:0; padding:0; z-index:999; }
ul.menu *			{ margin:0;	padding:0; z-index:999; }
ul.menu a			{ display:block; color:#ffffff; background:#517a9e; text-decoration:none; z-index:999; }
ul.menu li 			{ position:relative; float:left; font:12px arial,helvetica; line-height:24px; margin:0; z-index:999; }
ul.menu ul 			{ position:absolute; display:none; top:24px; left:0; background:#517a9e; list-style:none; margin:0; padding:0; 
					  border:1px solid #ffffff; border-top:1px solid #517a9e; z-index:999; }
ul.menu ul li		{ position:relative; font:11px arial,helvetica; line-height:24px; margin:0; padding:0; text-align:left; z-index:999; }

/* this determines the submenu look */

ul.menu ul li a 	{ display:block; margin:0; border-top-width:1px solid; padding-left:6px; z-index:999; }
ul.menu ul ul 		{ left:148px; top:-1px; z-index:999; }

ul.menu ul li a:hover,
ul.menu .menulink:hover,
ul.menu .menuhover	{ background:#ffffff; color:#214c72; cursor:hand; text-decoration:none; z-index:999; }

.init				{ display:block; width:148px; z-index:999; }
.news				{ display:block; width:123px; z-index:999; }
.about				{ display:block; width:178px; z-index:999; }
.about2				{ display:block; width:123px; z-index:999; }
.pubs				{ display:block; width:178px; z-index:999; }

.navInit:hover,
.navNews:hover,
.navAbout:hover,
.navPub:hover		{ height:24px; background:#ffffff; color:#214c72; cursor:hand; text-decoration:none; border:1px solid #517a9e; 
					  border-top:0; border-bottom:0; z-index:999; }


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