/* Container for the menu and search bar */
#topMenu { position:relative; float:right; z-index:100; height: 44px; display:inline; } 

.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;
	height: 44px;
	margin: 0px 0px 0px 0px;
	position:relative; z-index:100;
	background:url(../images/siteImages/bg_nav_up.png) left top repeat-x;
}
#topMenu .MenuCategory li:hover, #topMenu .MenuCategory li.active {
	background:url(../images/siteImages/bg_nav_over.png) left top;
}
#topMenu .MenuCategory li#nav_first {
	background:url(../images/siteImages/bg_nav_up_first.png) left top;
}
#topMenu .MenuCategory li#nav_first:hover, #topMenu .MenuCategory li#nav_first.active {
	background:url(../images/siteImages/bg_nav_over_first.png) left top;
}
#topMenu .MenuCategory li#nav_last { margin-right:24px; border-right:none; float:right;}
#topMenu .MenuCategory li#nav_last:hover #nav_endcap, #topMenu .MenuCategory li#nav_last.active #nav_endcap {
	background:url(../images/siteImages/bg_nav_over_endcap.png) left top no-repeat;
}
#topMenu #nav_endcap { background:url(../images/siteImages/bg_nav_up_endcap.png) left top no-repeat; float:right; margin:-48px -24px 0px 0px; position:relative; width:24px; height:44px; }

#topMenu .MenuCategory li a { display:block; height:20px; margin:10px 0px 10px 0px; padding: 8px 9px 0px 8px; border-left:solid 1px #999999; border-right:solid 1px #FFFFFF; }
#topMenu .MenuCategory li#nav_first a { height:20px; margin:10px 0px 10px 0px; padding: 8px 10px 0px 45px; border-left:none; }
#topMenu .MenuCategory li#nav_last a { border-right:none; padding: 8px 0px 0px 10px;}


#topMenu .MenuCategory li:hover a  { color:#FFFFFF; }
#topMenu .MenuCategory li.active a  { color:#FFFFFF; font-weight:bold;}

#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;
	clear:left;
	margin:0px 0px 0px 0px;
	width: 160px;
	height:auto;
	min-height:16px;
	padding:0px 0px 0px 0px;
	position:relative; 
	z-index:100;
	background-color:#DDDDDD;
	background-image:none;
	color:#999999;
	border-bottom:solid 1px #D0D0D0;
}
#topMenu .MenuVertical li:hover 	{ background-image:none; background-color:#FFFFFF; color:#333; }
#topMenu .MenuVertical li a 		{ height:auto; margin:0px 0px 0px 0px !important; padding:5px 5px 5px 5px !important; display: block; color:#666666 !important; 
									  border:none;}
#topMenu .MenuCategory li.active ul li a  { font-weight:normal;}

/* MENU POSITIONING */
#topMenu .lev1 { position:relative; z-index:100;}
#topMenu .MenuCategory li .lev2 { position: absolute; z-index:100; top: 40px; left: -1px; display: none;  }
#topMenu .lev3 { position: absolute; display: none; z-index:100; top:0px; border-left:solid 1px #666666; left:160px;} /* left needs to match .MenuVertical width */
#topMenu .lev4 { position: absolute; display: none; z-index:100; top:0px; left:0px;} /* 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;}