/*green*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #000000!important;background:#a90000;}

#dropMenuWrapper {
	width:960px;
	height:50px;
	margin:0;
	font-size:11px;
	
	}
	
div#dropMenu {
  	width:960px;
  	margin:0 auto;
    text-align:center;
    position:relative;
    z-index:2000;
	}

div#dropMenu ul {
	margin: 0; 
	padding: 0;
	/*z-index:1100;*/
	/*position:relative;*/ /*  <---- This is causing IE7 issues ---- */
	 background-color:#a90000;
	}
	
div#dropMenu li {
	 background-color:#a90000;
	list-style: none; 
	margin: 0; 
	position:relative;
	float: left; 
	line-height: 1em;
	/*z-index:1100;*/
	}
	
div#dropMenu ul.level1 {
	width:960px;
	margin:0 auto; 
	text-align:center;
	height:26px;
	}
	
div#dropMenu li:hover {}
div#dropMenu li.submenu {}
div#dropMenu li.submenu:hover {}
div#dropMenu li a {  display: block; padding: 7px 16px ;text-decoration: none; text-transform:uppercase; color:#ffffff; text-align:center; border-right:0px solid #666666;} /*this is for the main categories*/
div#dropMenu ul ul {position: absolute; width: 19.5em; display:none; background-color:#a90000;}
div#dropMenu ul ul li {border-bottom: 0px solid #666666; width:9.75em;}

div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5 {display:block;}

div#dropMenu ul.level1 {z-index:1001;}
div#dropMenu ul.level2 {z-index:1002;}
div#dropMenu ul.level3 {z-index:1003;}
div#dropMenu ul.level4 {z-index:1004;}
div#dropMenu ul.level5 {z-index:1005;}

div#dropMenu ul.level1 a{z-index:1001;}
div#dropMenu ul.level2 a{z-index:1002;}
div#dropMenu ul.level3 a{z-index:1003;}
div#dropMenu ul.level4 a{z-index:1004;}
div#dropMenu ul.level5 a{z-index:1005;}



         

                           
/*div#dropMenu li.submenu li.submenu {z-index:1002;}
div#dropMenu ul.level1 li.submenu:hover ul.level2 {z-index:1002;}
div#dropMenu ul.level2 li.submenu:hover ul.level3 {z-index:1003;}
div#dropMenu ul.level3 li.submenu:hover ul.level4 {z-index:1004;}
div#dropMenu ul.level4 li.submenu:hover ul.level5 {z-index:1005;}
}*/

div#dropMenu ul.level2 {top: 2.17em; background:#a90000; border:solid 2px #000000;} /*this is the width and colour of the subcategories*/
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 15px; left: 75px; border:solid 2px #000000; position:absolute;}
div#dropMenu ul.level2 a {padding: 0.5em 0.25em; text-transform:none;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}