/* common styling */

.menu {
	font-weight: bold;
	position:relative;
	z-index:100;
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
}

.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration: none;
	width: 100px;
	height: 18px;
	padding-left: 6px;
	margin: 0;
	text-align:left;
	color: #e5e5e5;
	background: none;
	line-height:18px;
	font-family: arial, helevitica, sans-serif;
	font-size:12px;
	overflow:hidden;}

.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/*main menu li */

.menu ul li {
	display: inline;
	float:left;
	padding: 0;
	margin: 0 0 0 0;
	position:relative;
	font-weight: bold;
	border-right: 1px #cccc99 solid;
}
.menu ul li ul li {
	border-right: none;
}

/* to remove border on last menu item */
.menu ul li.last {
	border-right: none;
}
/* adds border to last drop down item */
#container #idxcontentbody #menu .menu ul ul li.last {	
	border-right: none;
}
/* remove right border on sub menus */
.menu ul li ul {
	display: none;
	border-left: 1px solid #cb5400;
}

.menu ul li a {
	padding-right: 8px;
}

/* specific to non IE browsers */

/* main dropdown */

.menu ul li:hover a {
	color:#fff;
	background: #03235a;
	border: none;
	}
	

/* dropdown block spacing */

.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:18px;
	left:3px;
	width:100px;
}

/* dropdown1 primary background */

.menu ul li:hover ul li a.hide {
	background: #3f3065;
	color:#fff;
}

/* dropdown1 primary hover with flyout */

.menu ul li:hover ul li:hover a.hide {
	background: #cb5400;
	color:#fff;
}

.menu ul li:hover ul li ul {
	display: none;
}

/* dropdown hover  */

.menu ul li:hover ul li a {
	display:block;
	background:  #3f3065;
	color:#fff;
	padding: 0px 12px 2px 4px;
	width: 100px;
}

/* dropdown1  */

.menu ul li:hover ul li a:hover {
	background: #cb5400;
	color: #fff;
}

.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:116px;
	top:0;
}

.menu ul li:hover ul li:hover ul.left {
	left:-112px;
}