/*Multi-level drop down menu with overrun and overlap */

/* Style the outer div to give it width */
.horizontal_menu_class
{
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	padding:0px;
	width:1000px; /*total width of top-level menu bar*/
}

/* Remove all the bullets, borders and padding from the default list styling */
.horizontal_menu_class ul
{
	padding:0;
	margin:0;
	list-style-type:none;
	height:30px;
	background:transparent;
}

/* 1st level menu list */
.horizontal_menu_class ul ul
{
	width:80px;
}

/* Float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.horizontal_menu_class ul li
{
	display:block;
	float:left;
	height:30px; /*height of top-level menu block*/
	line-height:30px; /*height of inline text block*/
}

/* 2nd level submenu list */
.horizontal_menu_class ul ul li
{
	display:block;
	width:120px;
	height:auto;
	line-height:1em;
}

/* style the links for the top level */
.horizontal_menu_class a,
.horizontal_menu_class a:visited
{
	display:block;
	float:left;
	height:100%;
	width:auto; /* 98px; /*width of top-level menu item text*/
  padding:0 11px 0 11px; /* 0 5px 0 5px; */ /* spacing from left and right between menu text */
	text-align:center;
	font-size:12px; /*top-level menu font size*/
	text-decoration:none;
	color:#70ffff;
	background:#303070 url("../images/MenuImages/GradientArcRedDim1x50.png") center bottom;
	border-right:1px solid #737;
}
/* Hack IE5.x to get the correct the faulty box model and get the width right */
* html .horizontal_menu_class a,
* html .horizontal_menu_class a:visited
{
	width:120px;
	w\idth:7em;
}

/* 2nd level submenu links */
.horizontal_menu_class ul ul a,
.horizontal_menu_class ul ul a:visited
{
	display:block;
	background:#444488 url("../images/MenuImages/GradientHorizRed250x80.png") ;
	color:#70ffff;
	text-align:left; /*left align submenu*/
	width:120px; /*width of dropdown submenu*/
	height:100%;
	line-height:1em;
	font-size:11px; /* 2nd level menu font size */
	padding:0.4em 0.7em; /*give text some space around the submenu box*/
/*	border-top:1px solid #c7c; /*submenu divider*/
	border-bottom:1px solid #a7a; /*submenu divider*/
	border-right:0px;
}

* html .horizontal_menu_class ul ul a,
* html .horizontal_menu_class ul ul a:visited 
{
	width:120px;
	w\idth:12em;
}


/* Style the table so that it takes no part in the layout - required for IE to work */
.horizontal_menu_class table
{
	border-collapse:collapse;
	padding:0;
	margin:-1px;
	width:0;
	height:0;
	font-size:1em;
	z-index:1;
}


/* 3rd level submenu background */
.horizontal_menu_class ul ul ul a,
.horizontal_menu_class ul ul ul a:visited
{
	background:#6666aa url("../images/MenuImages/GradientHorizRed250x80.png");
}

/* 4th level submenu background */
.horizontal_menu_class ul ul ul ul a,
.horizontal_menu_class ul ul ul ul a:visited
{
	background:#8888cc url("../images/MenuImages/GradientHorizRed250x80.png");
}

/* 1st level menu style background */
.horizontal_menu_class ul :hover a.submenu1_class
{
	background:#ffa0a0 url("../images/MenuImages/GradientHorizRed250x80.png");
}

/* 2nd level submenu style background */
.horizontal_menu_class ul ul :hover a.submenu2_class
{
	background:#a0a0ff url("../images/MenuImages/GradientHorizRed250x80.png");
}

/* Hover styles */
/* 1st level hover style */
* html .horizontal_menu_class a:hover
{
	color:yellow;
	background:#ffa0a0 url("../images/MenuImages/GradientArcRedLite1x50.png") center bottom;
	position:relative;
	z-index:100;
}
.horizontal_menu_class li:hover
{
	position:relative;
}
.horizontal_menu_class :hover > a
{
	color:yellow;
	background:#ffa0a0 url("../images/MenuImages/GradientArcRedLite1x50.png") center bottom;
}
/* 2nd level hover style */
* html .horizontal_menu_class ul ul a:hover
{
	color:#ffff00;
	background:#7070d0;
	position:relative;
	z-index:110;
}
.horizontal_menu_class ul ul li:hover
{
	position:relative;
}
.horizontal_menu_class ul ul :hover > a
{
	color:#ffff00;
	background:#ffa0a0;
}
/* 3rd level hover style */
* html .horizontal_menu_class ul ul ul a:hover
{
	background:#a0a0ff;
	position:relative;
	z-index:120;
}
.horizontal_menu_class ul ul ul :hover > a
{
	background:#ffa0a0;
}
/* 4th level hover style */
.horizontal_menu_class ul ul ul ul a:hover
{
	background:#a0a0ff;
	position:relative;
	z-index:130;
}


/* Hide the sub levels and give them a positon absolute so that they take up no room */
.horizontal_menu_class ul ul
{
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px; /*spacing submenu down from top-level menu*/
	left:0;
	width:120px;
}

/* Position the 3rd level flyout menu */
.horizontal_menu_class ul ul ul
{
	left:12em;
	top:0;
	width:120px;
}


/* Make the second level visible when hover on first level list OR link */
.horizontal_menu_class ul :hover ul
{
	visibility:visible;
	height:auto;
	padding:0 2em 2em 2em;
	background:transparent url("../images/MenuImages/Transparent8x8.png");
	left:-2em;
}
/* Keep the 3rd level hidden when you hover on 1st level list OR link */
.horizontal_menu_class ul :hover ul ul
{
	visibility:hidden;
}
/* Keep the 4th level hidden when you hover on 2nd level list OR link */
.horizontal_menu_class ul :hover ul :hover ul ul
{
	visibility:hidden;
}
/* Make the 3rd level visible when you hover over 2nd level list OR link */
.horizontal_menu_class ul :hover ul :hover ul
{
	visibility:visible;
	left:9em;
}
/* Make the fourth level visible when you hover over third level list OR link */
.horizontal_menu_class ul :hover ul :hover ul :hover ul {visibility:visible;}


.horizontal_menu_class li.selected_horizontal_menu_class a
{
	background:#a0b0f0 url("../images/MenuImages/GradientArcRed1x50.png") repeat-x center bottom;
	color: yellow;	/* HiLite color */
}

<!--[if lte IE 6]>
.horizontal_menu_class ul ul
{
	left:-1px;
	margin-left:-1px;
}
<![endif]-->