/* ----- Top Navigation Bar ----- */
#header #topNavbar {
	display: block;
	clear: both;
	height: 28px;
	background-image: url("/sitelocator/images/top_nav_background.jpg");
	background-repeat: repeat;
	text-align: right;
}

#header .header_top_nav_items {
	float: right;
}

#header #topNavbar ul.main_menu {
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 30;
}

#header #topNavbar ul.single_menu {
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 30;
}

/* start top menu bar ------------------------------------------------- */

/* top bar highest nav level */
#header #topNavbar ul.main_menu li {
	height: auto;
	padding: 5px 30px 5px 10px;
	color: #666666;
	font-family: Arial;
	font-size: 11px;
	text-align: left;
	text-decoration: none; 
	vertical-align: middle; 
	font-weight: bold;
}

/* top bar highest nav level - hover */
#header #topNavbar ul.main_menu li:hover {
	height: auto;
	background-color: #999999;
	color: white;
	font-family: Arial; 
	font-size: 11px;
	font-weight: bold; 
	text-align: left;
	text-decoration: none; 
	vertical-align: middle;
	
}

/* top bar highest nav level */
#header #topNavbar ul.single_menu li {
	height: auto;
	padding: 5px 30px 5px 10px;
	color: #666666;
	font-family: Arial;
	font-size: 11px;
	text-align: left;
	text-decoration: none; 
	vertical-align: middle; 
	font-weight: bold;
}

/* top bar highest nav level - hover */
#header #topNavbar ul.single_menu li:hover {
	height: auto;
	background-color: #999999;
	color: white;
	font-family: Arial; 
	font-size: 11px;
	font-weight: bold; 
	text-align: left;
	text-decoration: none; 
	vertical-align: middle;
}

/* end top menu bar --------------------------------------------------- */

.IE7LessMenu 
{
	position: absolute; 
	z-index: 10; 
	background-color: white;
	top: 50px; 
	left: 150px;
}

.IE8NSMenu
{
	position: absolute; 
	z-index: 10; 
	background-color: white;
	top: 47px; 
	left: 145px;
}

#header #topNavbar ul ul li {
	height: auto;
}

/* ----- Top-Level Floating Navigation Menus ----- */
#menu {
	clear: none;
	margin: 0px;
	padding: 0px;
	height: 26px;
}

#menu li.parent_menu {
	background-image: url("/atcweb/images/bullet.gif");
	background-position: 95% 50%;
	background-repeat: no-repeat;	
	color: #666666;
	padding: 5px 5px 5px 5px;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none; 
	font-weight: normal;
}

#menu li.parent_menu:hover {
	background-color: #cccccc;
	background-image: url("/atcweb/images/bullet_white.gif");
	color: white;
	padding: 5px 5px 5px 5px;
	cursor: hand;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none; 
}

#menu li.child_menu {
	color: #666666;
	padding: 5px 5px 5px 5px;
	text-decoration: none; 
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
}

#menu li.child_menu:hover {
	color: white;
	padding: 5px 5px 5px 5px;
	text-decoration: none; 
	font-size: 11px;
	cursor: hand;
	background-color: #cccccc;
	font-weight: bold;
}

#menu ul {
	position: relative;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu ul ul {
	display: none;
	float: right;
	clear: none;
	width: 12em;
	position: absolute;
	left: 0px;
	top: 24px; /* auto;*/
	z-index: 500;
	background-color: #F0F0F0;
}

#menu ul ul ul {
	position: absolute;
	left: 95%;
	top: 0px;
	width: 14em;
	z-index: 501;
	margin: 0px;
	padding: 0px;
}
/*
#menu ul li:hover ul li, #menu ul li ul:hover li
{
	display: block;
}
*/
#menu ul ul li 
{
	/*display: none;*/
	position: relative;
	text-align: left;
	background-color: #EEEEEE;
}

#menu li:hover, #menu li.hover {
	z-index: 100;
	cursor: pointer;
}

#menu li:hover ul ul, #menu li.hover ul ul {
	display: none;
}

#menu li li:hover ul ul, #menu li li.hover ul ul {
	display: none;
}

#menu li li li:hover ul ul, #menu li li li.hover ul ul {
	display: none;
}

#menu li li li li:hover ul ul, #menu li li li li.hover ul ul {
	display: none;
}

#menu li:hover ul, #menu li.hover ul {
	display: block;
}

#menu li li:hover ul, #menu li li.hover ul {
	display: block;
}

#menu li li li:hover ul, #menu li li li.hover ul {
	display: block;
}

#menu li li li li:hover ul, #menu li li li li.hover ul {
	display: block;
}
