#navigation
{
	height: 35px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
	background: url(images/menu/menu_bg.gif) no-repeat;
}

#dropdown .menu
{
	position: relative;
	z-index: 100;
	float: left;
	width: 115px;
	height: 35px;
	padding-left: 30px;
	color: #E4B259;
}

img.on              { display: none;   }
img.off             { display: inline; }
.menu_hover img.on  { display: inline; }
.menu_hover img.off { display: none;   }


/*** submenu container ***/

.submenu_container
{
	position: absolute;
	top: 35px;
	left: -9999px;
	width: 147px;
	background: url(images/menu/drop_bg.gif) -288px 0 no-repeat;
}

.expanded .submenu_container
{
	width: 288px;
	background-position: -435px 0;
}

.menu_hover .submenu_container
{
	left: 30px;
}

.smc_inner1
{
	padding: 20px 0 15px 8px;
	background: url(images/menu/drop_bottom.gif) -288px 100% no-repeat;
}

.expanded .smc_inner1
{
	background-position: -435px 100%;
}

.submenu
{
	width: 139px;
}

.expanded .submenu
{
	width: 146px;
}

.submenu_title
{
	display: block;
	text-decoration: none;
	color: #E4B259;
	cursor: pointer;
}

.expanded .submenu_title
{
	color: #AF8040;
}

.submenu_hover .submenu_title
{
	color: #E4B259;
	background-color: #2E0804;
}

.title_cap
{
	display: block;
	width: 110px;
}

.smt_inner1
{
	display: block;
}

.has_children .smt_inner1
{
	background: url(images/menu/highlight_top.gif) -500px 0 no-repeat;
}

.expanded .submenu_hover .smt_inner1
{
	background-repeat: repeat-x;
}

.smt_inner2
{
	display: block;
	padding: 7px 10px 7px 11px;
}

.has_children .smt_inner2
{
	background: url(images/menu/highlight_bottom.gif) -500px 0 no-repeat;
}

.expanded .submenu_hover .smt_inner2
{
	padding: 6px 10px 6px 10px;
	border: 1px solid #9F7139;
	border-width: 1px 0 1px 1px;
	background-repeat: repeat-x;
}

.submenu .items
{
	position: absolute;
	left: -9999px;
	top: 0;
	width: 140px;
	background: url(images/menu/transparent.gif);
}

.submenu_hover .items
{
	left: 147px;
}

.submenu .items_inner1
{
	padding: 25px 20px 0 20px;
}

.menu_item a
{
	display: block;
	padding: 0 0 0 10px;
	margin: 0 0 6px 0;
	line-height: 9px;
	text-decoration: none;
	color: #E4B259;
	background: url(images/menu/arrow.gif) 0 -100px no-repeat;
}

.menu_item a:hover
{
	background-position: 0 4px;
}