/* Container for the menu and search bar */
#topMenu { position:relative; z-index:100; height: 28px; display:inline; width:700px; background-color:#009900; overflow:hidden;} 

.MenuBar { padding: 0px 0px 0px 0px;  text-align: center; position:relative; z-index:100; } /* container for the menu buttons */
.MenuBar a { text-decoration: none; } /* default link styles for menu */   

/* STYLES FOR MAIN HORIZONTAL TOP MENU */
#topMenu .MenuCategory { padding: 0px; margin: 0px; list-style: none; position:relative; z-index:100; }
  
/* Visual style for main menu items */
#topMenu .MenuCategory li {
	cursor: pointer;
	float: left;
	line-height: 28px;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	position:relative; z-index:100;
}
#topMenu .MenuCategory li a {  }
#topMenu .MenuCategory li ul li { background-image: none; min-height:20px; line-height:20px;  } 

#topMenu .MenuCategory li a:hover { text-decoration: none;}

/* STYLES FOR FOLD OUTS */

/* Container style for submenus/foldouts */
#topMenu .MenuVertical {	padding: 0px; margin: 0px; list-style: none; position:relative; z-index:100; }
/* Style for individual submenu items */
#topMenu .MenuVertical li {
	cursor: pointer ;
	float: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	padding: 0px 4px 0px 4px;
	position:relative; 
	z-index:100;
}
#topMenu .MenuVertical li a { width: 100%; display: block; }
html>body #topMenu .MenuVertical li a { _display: inline;  _width: 100%; _display: block; }

/* MENU POSITIONING */
#topMenu .lev1 { position:relative; z-index:100;}
#topMenu .MenuCategory li .lev2 { position: absolute; z-index:100; top: 28px; left: -1px; display: none;  }
#topMenu .lev3 { top:0px; position: absolute; display: none; z-index:100;} /* left needs to match .MenuVertical width */
#topMenu .lev4 { top:0px; position: absolute; display: none; z-index:100;} /* left needs to match .MenuVertical width */

/* The classes below are used to display the foldout menus */
#topMenu .lev1 li:hover ul.lev2, #topMenu .lev1 li.over ul.lev2 { display: block; -moz-opacity:0.9; opacity:0.9; clear: left; z-index:100;}
html>body #topMenu .lev1 li:hover ul.lev2, #topMenu .lev1 li.over ul.lev2 { _display: inline; _-moz-opacity:0.9; _opacity:0.9; z-index:100;}
#topMenu .lev2 li:hover ul.lev3, #topMenu .lev2 li.over ul.lev3 { display: block; clear: left; z-index:100;}
html>body #topMenu .lev2 li:hover ul.lev3, #topMenu .lev2 li.over ul.lev3 { _display: inline; z-index:100;}
#topMenu .lev3 li:hover ul.lev4, #topMenu .lev3 li.over ul.lev4 { display: block; clear: left; z-index:100;}
html>body #topMenu .lev3 li:hover ul.lev4, #topMenu .lev3 li.over ul.lev4 { _display: inline; z-index:100;}

/* QUICK LINKS */

#quickLinks { float:right; width:250px; height: 28px; display:inline; }
#quickLinks a { float:right; padding:5px 10px 0px 10px; font-weight:bold; height:23px; color:#FFFFFF; text-decoration:none; border-left:solid 1px #FFFFFF;}
#quickLinks a:hover { color:#191C49;}
#quickLinks a.activeMenu { background:url(/bespoke/bg_bluebar.jpg) repeat-x; }