/* no ie */

/* common styling */
.menu {
	font-family: arial, sans-serif; 
	height:400px; 
	position:relative; 
	margin:0; 
	font-size:11px; 
	margin-top: 10px;
	z-index:1000;
}
.menu ul li a, .menu ul li a:visited {
	border-left:0px solid #fff; 
	border-right:0px solid #fff; 
	border-top:0px solid #0b7fd2; 
	border-bottom:1px solid #096ab1; 
	display:block; 
	text-decoration:none; 
	width:179px; 
	height:18px; 
	text-align:left; 
	background:none; 
	font-size:10px;
	color: white;
	text-indent:25px;
	font-weight: bold;
	background-image:url(images/menu_level1_off.jpg);
	background-repeat:no-repeat;
	background-position: left center;	
	padding-top: 4px;
	padding-bottom: 4px;
	z-index:1000;
	
}
.menu ul li a.subcat, .menu ul li a.subcat:visited { background-image:url(images/menu_level1_off_subcat.jpg); z-index:1000;}
.menu ul {padding:0; margin:0;list-style-type: none; z-index:1000;}
.menu ul li {float:left; margin-right:1px; position:relative;z-index:1000;}
.menu ul li ul {display: none;z-index:1000;}

/* specific to non IE browsers */

/* level 1 */
.menu ul li:hover a { color:#87c9ff; background-image:url(images/menu_level1_on.jpg);z-index:1000;}
.menu ul li:hover a.subcat { color:87c9ff; background-image:url(images/menu_level1_on_subcat.jpg);z-index:1000;}


/* level 2 */
.menu ul li:hover ul {display:block; position:absolute; top:0; left:179px; width:260px; font-weight: normal;z-index:1000;}
.menu ul li:hover ul li a.hide {z-index:1000;background:#f1f1f1; color:#000; font-size: 10px; font-weight: bold; border-bottom: 1px solid #aaaaaa; text-indent:10px; background-image:url(images/menu_arrow_sub_off.jpg); background-position:right center; background-repeat:no-repeat;}
.menu ul li:hover ul li:hover a.hide {width:260px; color: white; background-color: #032c50; background-image:url(images/menu_arrow_sub_on.jpg); background-position:right center; background-repeat:no-repeat; font-weight: normal;}

.menu ul li:hover ul li ul {display: none;z-index:1000;}
.menu ul li:hover ul li a {display:block;z-index:1000; background:#f1f1f1; color:#000; width:260px; font-size: 10px; font-weight: bold; border-bottom: 1px solid #aaaaaa; text-indent:10px; }
.menu ul li:hover ul li a:hover {background:#032c50; color:white;z-index:1000;}


/* level 3 */

.menu ul li:hover ul li:hover ul{z-index:1000; display:block; position:absolute; top:0; left:260px; width:300px; font-weight: normal;}
.menu ul li:hover ul li:hover ul li a.hide {z-index:1000; background:#f1f1f1; width: 300px; color:#000; font-size: 10px; font-weight: bold; border-bottom: 1px solid #aaaaaa; text-indent:10px; background-image:url(images/menu_arrow_sub_off.jpg); background-position:right center; background-repeat:no-repeat;}
.menu ul li:hover ul li:hover ul li:hover a.hide {z-index:1000;width:300px; color: white; background-color: #032c50; background-image:url(images/menu_arrow_sub_on.jpg); background-position:right center; background-repeat:no-repeat; font-weight: normal;}

.menu ul li:hover ul li:hover li ul {display: none;z-index:1000;}
.menu ul li:hover ul li:hover ul li a {z-index:1000;display:block; background:#f1f1f1; color:#000; width:300px; font-size: 10px; font-weight: bold; border-bottom: 1px solid #aaaaaa; text-indent:10px; }
.menu ul li:hover ul li:hover ul li a:hover {z-index:1000;background:#032c50; color:white;}


/* level 4 */

.menu ul li:hover ul li:hover ul li:hover ul{z-index:1000;display:block; position:absolute; left:300px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li:hover ul li a {z-index:1000;display:block; width:260px; background:#f1f1f1; color:#000; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; text-indent:10px;}
.menu ul li:hover ul li:hover ul li:hover ul li a:hover {z-index:1000;background:#032c50; color:#000; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; text-indent:10px; color: white;}