/*********************************************************
 * To be compliant with IE6, there are some duplicate
 * CSS definitions near the end of this file labeled
 * "IE6 Fixes" - some CSS changes will need to be made
 * in both places.
 *********************************************************/
.menu
{
	margin-left: 14px;
}
/* tier 1 list item */
#menuDiv .menu li
{
	margin: 11px 0px 0px 0px;
	background: url(../images/menuItemBg.gif) top right no-repeat;
	padding-right: 20px;
}
#menuDivDark .menu li
{
	margin: 11px 0px 0px 0px;	
	background: url(../images/menuItemBgDark.gif) top right no-repeat;
	padding-right: 20px;
}
/* tier 2 list item if different from tier 1*/
#menuDiv .menu ul li
{	
	text-align: left;
	margin: 0px;
}
#menuDivDark .menu ul li
{	
	text-align: left;
	margin: 0px;
}
/* tier 2 list (make sure to set the width! */
/* Be sure to set this value in the IE6 fixes as well */
.menu ul 
{
	width: 220px;
}
/* tier 1 anchor tag */
#menuDiv .menu a
{
	padding: 4px 6px 13px 5px;
	display: block;
	margin: 0px;
	text-decoration: none;	
	color: #808080;
	font-weight: normal;
}
#menuDivDark .menu a
{
	padding: 4px 6px 13px 5px;
	display: block;
	margin: 0px;
	text-decoration: none;	
	color: #696969;
	font-weight: normal;
}
/* tier 2 anchor tag if different from tier 1 */
#menuDiv .menu ul li a
{
	font-size: 14px;	
	padding: 10px 8px;
	width: 184px;
	background: url(../images/menuBg.gif) top left repeat-x;
	font-weight: normal;
}
#menuDivDark .menu ul li a
{
	font-size: 14px;	
	padding: 10px 8px;
	width: 184px;
	background: #2e2a27;
	font-weight: normal;
}
/* tier 1 anchor tag on hover */
/* Be sure to set this value in the IE6 fixes as well */
.menu li a:hover
{	
	color: #CCCCCC;
}
/* tier 2 anchor tag on hover if different from tier 1 */
#menuDiv .menu ul li a:hover, #menuDivDark .menu ul li a:hover
{
	background: #982e24;
	color: #CCCCCC;
}
/* if you have a border around the tier 2 list items, this will remove the top border on all the items except the first */
.menu ul>li + li 
{
	border-top: 0px;
}
/* this determines the position of the tier 2 menu */
/* Be sure to set this value in the IE6 fixes as well */
.menu li li:hover>ul 
{
	top: 3px;
	left: 100%;
}
/* IE6 Fixes */
.menu li li 
{
	width: 181px;
}
.menu a:hover
{
	color: #000000;
}
.menu .adxmhoverA 
{	
	background: #982e24;
	color: #debcb9;
}
/* this determines the position of the tier 2 menu */
.menu .adxmhoverUL .adxmhoverUL 
{
	top: 3px;
	left: 100%;
}