@charset "utf-8";

/*---------------------------------------------------*/
/*------------------ banner top level menu -----------------*/

#topNavMenu
{
	position:relative;
	z-index:60;
}

#topNavMenu #navTop
{
	position:relative;
	padding:0;
	margin:0;
	height:33px;
	background:#c2c2c2 url("../images/topMenuBackground.png") left top repeat-x;
	z-index:50;
}

#navTop .menu
{
	position:relative;
	padding:0;
	margin:0;
	list-style:none;
	height:auto;
}

#navTop .menu > li
{
	position:relative;
	float:right;
	text-transform:uppercase;
	height:33px;

	padding:0;
	margin:0;

	font-family:/*Myriad Pro,*/Helvetica Nueue,Helvetica,Verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#444444;
}

#navTop a
{
	position:relative;
	display:block;
	text-decoration:none;

	padding:9px 12px;
	height:15px;
}

#navTop a:link,
#navTop a:visited
{
	color:#444444;
	font-weight:bold;
}

#navTop .menu > li > a:link,
#navTop .menu > li > a:visited
{
	text-shadow:1px 1px 0 #efefef;
}

#navTop li:focus,
#navTop li:hover,
#navTop li:active
{
	height:33px;
}

#navTop li:focus,
#navTop li:hover,
#navTop li:active,
#navTop a:focus,
#navTop a:hover,
#navTop a:active
{
	color:#ffffff !important;
	font-weight:bold;
	background-color:#7d7d7d;
}

#navTop a:focus,
#navTop a:hover,
#navTop a:active
{
	color:#fff !important;
	text-shadow:none !important;
}

/*#navTop .menu .sub-menu li*/
#navTop .menu > li > ul > li
{
	background-image:none;
	height:auto;
}

/* --------------- end top level menu ---------------*/
/*---------------------------------------------------*/

/*---------------------------------------------------*/
/*--------------- secondary level menus -------------*/
/*
 Notes
.menu is <ul>
.menu-item is <li>
.sub-menu is <ul>

*/
/*#navTop .menu .sub-menu*/
#navTop .menu > li > ul
{/* all sub-menus, regardless of depth */
	height:auto;
	width:0;
}

/*#navTop > .menu > .menu-item > .sub-menu*/
#navTop > .menu > li > ul
{/* sub-menu immediately under top level menus, containing other sub-menus */
	position:absolute;
}


/*#navTop .menu .menu-item .sub-menu*/
#navTop .menu > li > ul
{/* second-level lists */
	padding:0;
	margin-left:-5000px; /* using left instead of display to hide menus because display:none isn't read by screen readers */
	color:#ffffff;
	width:0;
}

#navTop .menu > li:hover > ul,
#navTop .menu > li:focus > ul,
#navTop .menu > li:active > ul
{/* lists nested just under hovered top level menus */
	margin-left:0;
	background:#717171;
	width:auto;
}

#navTop .menu > li > ul a
{/* links in sub-menus, regardless of depth */
	display:block;
	text-decoration:none;
	margin:0 !important;
	text-transform:none;
	font-size:14px;
	font-weight:normal;

	text-align:left !important;
	color:#ffffff;
	white-space:nowrap;
}

#navTop .menu > li > ul a:hover,
#navTop .menu > li > ul a:focus,
#navTop .menu > li > ul a:active
{/* links in sub-menus, regardless of depth, when they are moused over */
	background-color:#333333;
}

#navTop .menu > li > ul li
{/* list items in sub-menus, regardless of depth */
	display:block;
	float:none;
	border:1px solid #717171;
	white-space:nowrap;
}

#navTop .menu > li > ul li:hover,
#navTop .menu > li > ul li:focus,
#navTop .menu > li > ul li:active
{/* list items in sub-menus, regardless of depth, when they are moused over */
	background-color:#717171;
}

#navTop .menu > li > ul > li > a
{/* links of sub-menus just under the top level menu */
	padding-left:20px;
}

#navTop .menu > li > ul > li > ul > li a
{/* icon for second level sub menus */
	background-image:url("../images/sub-menu-item-icon.png");
	background-repeat:no-repeat;
	background-position:40px center;
	padding-left:52px;
	color:#e6e5e5;
}


/*------------- end secondary level menus -----------*/
/*---------------------------------------------------*/
