/************************************************
 * Living at Cornell Header Navigation stylings
 ************************************************/

/* LAC Logo and home page link */
img.lacBrandLogo           {z-index: 10000; position: absolute; top: 0; margin-top: 45px; border: 0;}
a.lacBrandLogoLink         {text-decoration: none;}

/* Header navigation area */
.mainNavLinkBar            {width: 960px; background-color: #000; color: #FFF; height: 50px; z-index: 10001; position: absolute; top: 0; margin-top: 95px;}
ul.MenuBarHorizontal       {margin: 0; padding: 0; list-style-type: none; cursor: default;}

/* 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.MenuBarActive           {z-index: 10010;}
ul.MenuBarHorizontal li    {margin: 0; padding: 0; list-style-type: none; position: relative; cursor: pointer; width: 160px; float: left;}

/* 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.MenuBarHorizontal ul    {margin: 0; padding: 0; list-style-type: none; z-index: 10020; cursor: default; width: 376px; position: absolute; left: -1000em; background-color: #666;}
ul.MenuBarHorizontal ul li {width: 364px; border-bottom: 1px solid #999; margin: 0 6px;}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {left: auto; position: absolute;} 
ul.MenuBarHorizontal ul#Connect               {margin-left: -224px;}
ul.MenuBarHorizontal ul#Participate           {margin-left: -224px;}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {position: absolute;}

ul.MenuBarHorizontal ul li a {display: block; cursor: pointer; text-decoration: none; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
                              padding: 8px;}

/* Menu items that have mouse over or focus have a gray background and white text */
ul.MenuBarHorizontal a:hover {background-color: #CCC; color: #000; border-bottom: 0;}
ul.MenuBarHorizontal a:focus {background-color: #CCC; color: #000;}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{}

/* Submenu styling */
ul.MenuBarHorizontal ul    {border: 4px solid #999999; background-color: #666;
                            filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90;}


/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 10010;
	filter:alpha(opacity:0.9);
}
/* 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.MenuBarHorizontal li.MenuBarItemIE
	{
		display: block; */ /* inline */
	/*	f\loat: left;
		background: #666;
	}
}  */