.menu1 {
float:left; width:100%; font-family: Comic Sans MS; font-size:12px;
color: #6F6A5A;
background:#EAE8DO  ; 
border-top:1px solid #EAE8D0;  border-bottom:0px solid #000;
margin:0px 0px 0px 0px; 
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;font-weight:normal;
z-index:10000;}	/* stops menu hiding under stuff */

.menu1 ul li {
float:left; position:relative; background:#6E6A5A;no-repeat top right;}

.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#EAE8D0; padding:3px 9px; line-height:13px; height:auto; border-bottom:3px solid #fff; 
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#CC3333; color:#000;BACKGROUND:#EAE8D0;}
.menu1 ul li a.menu1two:hover {border-color:#000; color:#000;BACKGROUND:#EAE8D0;}
.menu1 ul li a.menu1three:hover {border-color:#000; color:#000;BACKGROUND:#EAE8D0;}
.menu1 ul li a.menu1four:hover {border-color:#000; color:#000;BACKGROUND:#EAE8D0;}
.menu1 ul li a.menu1five:hover {border-color:#000; color:#000;BACKGROUND:#EAE8D0;}
.menu1 ul li a.menu1six:hover {border-color:#000; color:#000;BACKGROUND:#EAE8D0;}

.menu1 ul li:hover a.menu1one {border-color:#CC3333; color:#000;BACKGROUND:#EAE8D0;}
.menu1 ul li:hover a.menu1two {border-color:#000; color:#CC6666;BACKGROUND:#EAE8D0;}
.menu1 ul li:hover a.menu1three {border-color:#000; color:#CC6666;BACKGROUND:#EAE8D0;}
.menu1 ul li:hover a.menu1four {border-color:#000; color:#CC6666;BACKGROUND:#EAE8D0;}
.menu1 ul li:hover a.menu1five {border-color:#000; color:#CC6666;BACKGROUND:#EAE8D0;}
.menu1 ul li:hover a.menu1six {border-color:#000; color:#CC6666;BACKGROUND:#EAE8D0;}


.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:10px; position:absolute; top:0; left:0;
}

	
/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:22px;margin-top:0px; left:0;width:154px;
}
.menu1 ul li:hover ul.endstop {
left:-108px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
	display:block;
	background:#6E6A5A;
	color:#fff;
	height:auto;
	line-height:12px;
	padding:2px 14px;
	width:130px;
	text-transform:uppercase;
	
	/*THE BORDER AROUND THE DROP DOWN BIT*/
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.menu1 ul li:hover ul li a.drop {
background:#6E6A5A; 
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #EAE8D0 ;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #EAE8D0;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:0px;
/*this next bit is the gap between the nav bar and drop down*/ t\op:22px;/*that bit */ 
text-decoration:none;background:#EAE8D0;left:0; 
}

.menu1 ul li a:hover ul.endstop {
left: -111px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#6E6A5A;text-decoration:none;color:#FFF; height:1px; line-height:11px; padding:3px 16px; width:154px; w\idth:130px; 

/*THE BORDER AROUND THE DROP DOWN BIT*/
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.menu1 ul li a:hover ul li a.drop {
background:#6E6A5A ; padding-bottom:1px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
text-decoration:none;color:#000; background: #EAE8D0 ;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #EAE8D0;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#CC6666; text-decoration:none;left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}






<style type="text/css">