/* This menu code will run in ie6+ and firefox.
		Notes: I have had to move the top of the "ul li ul li" from 5px to 3px to
		take into account the gap IE allows when changing from the over state to the non over
		state (and make the likewise -3 adjustment in #menu ul li.over ul li.over ul */
	
#menu {
	background-color:transparent;
       	color:#fff;
       	width:960px;
       	padding-bottom:12px;
       	position:relative; top:-155px;
}

#menu li.noLine {
	list-style-type: none;
	float: left;
	border-right-width:1px;
	border:1px black solid;
	}

#menu ul {
	margin: 0px;
	padding-left: 0px;
	list-style: none;
	 /* Width of Menu Items */
	}

#menu ul li {
	border-color:#000;
	border-style:solid;
	border-width:1px;
	position: relative;
	text-align:center;
	display:inline;
	float:left;
	margin-left:18px;
	margin-right:14px;
	padding-left:7px;
	padding-right:8px;
	top:0px;
	list-style-type:none;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#ffffff;
	background-color:transparent;	
	}


#menu ul li.listitem_level1_last {
	border-right-width:1px;

}
	
#menu ul li ul li {
position:relative;
top:-3px;
width:120px;
border-right-width:1px;
background-color:transparent;
}

#menu ul li ul li ul li{
margin-top:0px;
margin-bottom:0px;
margin-left:15px;
width:120px;
padding:0px;
}

#menu ul li ul li ul li ul li {
margin-top:0px;
margin-bottom:0px;
margin-left:15px;
width:120px;
padding:0px;
}


#menu ul li ul li ul li ul li ul li {
margin-top:0px;
margin-bottom:0px;
margin-left:15px;
width:120px;
padding:0px;
}

#menu li ul {
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	top: 15px;
	display: none;
	z-Index:3;
	}
	
#menu li ul li ul {
	position: absolute;
	left: 121px; /* Set 1px less than menu width */
	top:9px;
	z-index:2;
	height:24px;
	display: none;
	width:120px;
	padding:0px;
	margin:0px;
	}


#menu li ul li ul li ul {
	position: absolute;
	left: 106px; /* Set 1px less than menu width */
	top:9px;
	z-index:2;
	height:24px;
	display: none;
	width:120px;
	padding:0px;
	margin:0px;
	}

#menu li ul li ul li ul li ul {
	position: absolute;
	left: 106px; /* Set 1px less than menu width */
	top:9px;
	z-index:2;
	height:24px;
	display: none;
	width:120px;
	padding:0px;
	margin:0px;
	}

/* Styles for Menu Items */
#menu ul li a {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	display: block;
	text-decoration: none;
	color: #fff;
	/*background: #fff;  IE6 Bug */
	text-align:center;
	padding:3px;
	}

/* Styles for Menu Items 2*/
#menu ul li ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #00a0df; /* IE6 Bug */
	background-color:transparent;
	font-weight:normal;
	text-align:left;
	background-image: url(http://www.dmlmarketing.co.uk/edm/mcfina_web_ie6/images/arrow.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:20px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#fff;
	margin-left:-10px;
	margin-right:-10px;
	}
	
/* Styles for Menu Items 3*/
#menu ul li ul li ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #666; /* IE6 Bug */
	background-color: #666;
	font-weight:normal;
	background-image: url(http://www.dmlmarketing.co.uk/edm/mcfina_web_ie6/images/arrow.gif);
	background-repeat: no-repeat;
	background-position:left;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#fff;
	}

/* Styles for Menu Items 4*/
#menu ul li ul li ul li ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #666; /* IE6 Bug */
	background-color: #666;
	font-weight:normal;
	background-image: url(http://www.dmlmarketing.co.uk/edm/mcfina_web_ie6/images/arrow.gif);
	background-repeat: no-repeat;
	background-position:left;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#fff;
	}


/* Styles for Menu Items 5*/
#menu ul li ul li ul li ul li ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #666; /* IE6 Bug */
	background-color: #666;
	font-weight:normal;
	background-image: url(http://www.dmlmarketing.co.uk/edm/mcfina_web_ie6/images/arrow.gif);
	background-repeat: no-repeat;
	background-position:left;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#fff;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#menu ul li a:hover { color: #fff; border-width:0px; border-color:#ffffff; border-style:solid; background-color:white; color:black; border-radius:3px; padding:3px;} /* Hover Styles */

#menu ul li ul li a:hover  { 
	color: #fff; 
	background: #666; 
	background-image: url(http://www.dmlmarketing.co.uk/edm/mcfina_web_ie6/images/arrow.gif);
	background-repeat: no-repeat;
	background-position:left;
	} /* Hover Styles */	


#menu ul li ul li ul li a:hover  { 
	color: #fff; 
	background: #cc092f; 
	background-image: url(http://www.dmlmarketing.co.uk/edm/mcfina_web_ie6/images/arrow.gif);
	background-repeat: no-repeat;
	background-position:left;
	} /* Hover Styles */	

#menu ul li ul li ul li ul li a:hover  { 
	color: #fff; 
	background: #cc092f; 
	background-image: url(http://www.dmlmarketing.co.uk/edm/mcfina_web_ie6/images/arrow.gif);
	background-repeat: no-repeat;
	background-position:left;
	} /* Hover Styles */	

#menu ul li ul li ul li ul li ul li a:hover  { 
	color: #fff; 
	background: #cc092f; 
	background-image: url(http://www.dmlmarketing.co.uk/edm/mcfina_web_ie6/images/arrow.gif);
	background-repeat: no-repeat;
	background-position:left;
	} /* Hover Styles */	

	
#menu li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#menu ul li:hover ul, #menu ul li.over ul { display: block; } /* The magic */
#menu ul li:hover ul li ul , #menu ul li.over ul li ul { display: none;   } /* The magic */

#menu ul li:hover ul li:hover ul , #menu ul li.over ul li.over ul { display: block; } /* The magic */
#menu ul li:hover ul li:hover ul li ul , #menu ul li.over ul li.over  ul li ul { display: none;   } /* The magic */

#menu ul li:hover ul li:hover ul li:hover ul , #menu ul li.over ul li.over ul li.over ul{ display: block; } /* The magic */
#menu ul li:hover ul li:hover ul li:hover ul li ul, #menu ul li.over ul li.over ul li.over ul li ul { display: none; } /* The magic */

#menu ul li:hover ul li:hover ul li:hover ul li:hover ul, #menu ul li.over ul li.over ul li.over ul li.over ul{ display: block; } /* The magic */