#menu { 
	height:21px;
	font-size:10px;
 	color:#676769; 
	background:transparent url(/web/design/img/top-menu-bg.png) repeat-x;
	margin-left:-12px;
}



#menu ul, #menu li, #subMenu ul, #subMenu li
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.menu 
{
	height:21px; 
	position:relative; 
	z-index:99999;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul 
{
	/*width:127px;*/
	/*margin-top:-2px;*/
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li 
{
	float:left;
	width:160px;
	position:relative;
}
.menu li.topLevelItem
{
	width:104px;
}

/*.menu li li
{
	float:left;
	width:127px;
	position:relative;
}*/
/* style the links for the top level */
.menu a, .menu a:visited 
{
	display:block; 
	font-size:10px;
	text-decoration:none; 
	color:#fff; 
	width:135px; 
	height:21px; 
	/*background:#758279; */
	line-height:21px;

}

.menu li.activeAncestor a
{
	background:transparent url(/web/design/img/top-menu-active-bg.png) repeat-x;
	color:#333;
}

.menu li.activeAncestor li a
{
	background:none;
}

.menu li a.topLevelLink, .menu li a.topLevelLink:visited
{
	width:104px;
	text-align:center;
}

.menu li li a, .menu li li a:visited 
{
	display:block;
	font-size:10px;
	text-decoration:none; 
	color:#333; 
	height:21px; 
	border-bottom:1px solid #d9d9da; 
	border-width:0 1px 0 0; 
	/*background:#758279; */
	text-align:left; /* BECAUSE IE 6 WANTS IT */
	line-height:12px;
}


/* style the second level background */
/*.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color:#d4d8bd;}*/
/* style the second level hover */
/*.menu ul ul a.drop:hover{background-color:#c9ba65;}*/
/*.menu ul ul :hover > a.drop 
{
	background-color:#c9ba65;
}*/
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited 
{
	background:#e8e9ea;
}
/* style the third level hover */
.menu ul ul ul a:hover  /* THIS SHOULD PROBABLY BE COMBINED WITH .menu ul ul a:hover LATER */
{
	background:#000 !important;
	color:#ffffff;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
{
	visibility:hidden;
	position:absolute;
	height:0;
	top:21px;
	left:0; 
	width:150px;
	
}


/* position the third level flyout menu */
.menu ul ul ul
{
	
	left:160px; 
	top:0px; 
	width:150px;
}

/* WIDTH OF THE THIRD LEVEL ITEM */
 


/* position the third level flyout menu for a left flyout */
/*.menu ul ul ul.left {left:-149px;}*/

/* HIDE THE FORTH LEVEL - NOW DONE IN BACK BUT IE 7 STILL WANTS TO SHOW SOME PHANTOM BORDERS */
.menu ul ul ul ul{display:none;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table 
{
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

.menu table td
{
	vertical-align:middle;
}

.menu ul ul li
{
	background:#e8e9ea;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited
{
	background:#e8e9ea; 
	color:#4a4b4d; 
	/*height:25px; */
	/*line-height:1em; */
	padding:4px 10px; 
	width:134px;
	/*width:expression("128px");*/
	border-width:0 1px 1px 1px;
	padding-left:16px;
}


/* style the top level hover */
.menu li a:hover
{
	color:#474747; 
	/*background-color:#ffffff;*/
	background:#d6d7d7 url(/web/design/img/top-menu-active-bg.png) repeat-x !important;
}
.menu ul ul li a:hover /* THIS SHOULD PROBABLY BE COMBINED WITH .menu ul ul ul a:hover LATER */
{
	background:#000 url(/web/design/img/top-menu-drop-hover-bg.png) repeat-x bottom !important;
	color:#ffffff;

}
/* HOLLY HACK */
.menu :hover > a, .menu ul ul :hover > a 
{
	/*color:#fff;
	background:#949e7c;*/
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



span.v-a
{
	vertical-align:middle;
	display:table-cell;
	height:24px;


}

li li span.v-a
{

}





/* SUB MENU */









#subMenu
{
	width:165px;
	background:transparent url(/web/design/img/submenu-bg.png) repeat-y;
}

ul#subMenuList
{
	background:transparent url(/web/design/img/submenu-bottom-bg.png) no-repeat bottom;
	padding:16px 0 50px 0;
}

li.subMenuItem
{
	display:block;
	margin:0px;
	width:160px;
}

li.subMenuItem a, li.subMenuItem span
{

	display:block;
	text-decoration:none;
	color:#000;
	line-height:14px;
	padding:0 5px 5px 12px;
	margin-bottom:6px;
}

li.subMenuItem a:hover, li.openActiveItem li a:hover
{
	/*background:none;*/
	color:#855e3a;
}

li.openActiveItem li ul li a:hover
{
	background:none !important;
	color:#855e3a;
}

li.openActiveItem
{
	background:#e7e7e8
}

li.openActiveItem a, li.openActiveItem span, li.openActiveItemNC a, li.openActiveItemNC span
{
	background:transparent url(/web/design/img/submenu-open-active-bg.png) repeat-x center;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:6px;
	color:#fff;
}



li.openActiveItem a:hover
{
	color:#855e3a;
	/*background:transparent url(/web/design/img/submenu-open-active-bg.png) repeat-x center;*/
}

li.openActiveItem li a, li.openActiveItem li span
{
	background:none;
	color:#3d3e3f;
	padding:0 5px 5px 12px; /* reset nested items to default */
}

li.openActiveItem li a:hover
{
}

li.activeItem span
{
	color:#855e3a !important;
}


li.subMenuItem li a, li.subMenuItem li span
{
	padding-left:26px;
}

li.subMenuItem li li a, li.subMenuItem li li span
{
	padding-left:38px;
}

li.subMenuItem li li li a, li.subMenuItem li li li span
{
	padding-left:50px;
}



/*.subMenuItem a, .subMenuItem span
{
	padding:6px 4px 6px 16px;
	display:block;

	text-decoration:none;


}





.subMenuItem a:hover
{

	background-repeat:no-repeat;
	background-position:center left;
	background-color:#00463E;
	color:#ffffff;
}

li .subMenuItem a:hover
{
	background-image:url(/web/design/sub-sub-menu-arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	background-color:#00463E;
	color:#ffffff;
}

li li .subMenuItem a:hover
{
	background-image:url(/web/design/sub-sub-sub-menu-arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	background-color:#00463E;
	color:#ffffff;
}

.subMenuItem li a, .subMenuItem li span
{

	text-indent:0em;
	line-height:12px;
	font-size:10px;
}




.subMenuItem ul
{
	background-color:#ccd9d7;
}

.subMenuItem a, .subMenuItem span
{

}

.subMenuItem ul li li li a
{

	padding-left:46px;
}


.subMenuItem ul li li a
{

	padding-left:36px;
}

.subMenuItem ul li a
{
	padding-left:26px;
}







.subActive, .subActiveAncestor, .subActiveBarren
{
	background-image:url(/web/design/sub-menu-arrow-active.gif);
	background-repeat:no-repeat;
	background-position:center left;
	background-color:#00463E;
	color:#ffffff;
	
}

.subActiveBarren
{
		background-image:url(/web/design/sub-menu-arrow-active-barren.gif);
}

.subSubSubActive
{
	background-image:url(/web/design/sub-sub-menu-child-arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	color:#666666;
}

.subSubSubSubActive
{
	background-image:url(/web/design/sub-sub-sub-menu-child-arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	color:#666666;
}

.subMenuItem li .subActive, .subSubActiveAncestor
{
	background-image:url(/web/design/sub-menu-child-arrow.gif);

	background-repeat:no-repeat;
	background-position:center left;
	background-color:transparent;
	color:#00463E;
	font-weight:normal;

	
}

.subMenuItem li .subActive
{
	background-image:url(/web/design/sub-menu-child-arrow-no-children.gif);
}

.subActiveAncestor
{

	color:#ffffff;

}

.subMenuLink
{
	color:#666666;
	display:block;
	
}



.subMenuItem a, li .subMenuItem a, .subMenuItem span, li .subMenuItem span
{
	font-family:verdana;
	font-size:11px;
	text-transform:lowercase;
}



.reubensIndent span, .reubensIndent a
{
	padding-left:26px;
	display:block;
}

.reubensIndent2 span
{
	padding-left:36px;
	display:block;

}

.reubensIndent3 span
{
	padding-left:46px;
	display:block;

}






/* IE Hacks */

/*.menuparent a, .menuparenth a, .menuactive a, .menuactiveh a, .menuparent a:hover, .menuparenth a:hover, .menuactive a:hover, .menuactiveh a:hover*/
	.menuparenth, .menuactiveh
	{
		/*width:expression("106px");*/
		/*border-left:solid 1px #ffffff;*/
	}