.menu1 {
float:left; width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #6F6A5A;
border-bottom:1px solid #D5CB96; border-top:1px solid #D5CB96; background-color: #000000; margin:0px 0px 0px 0px;
text-align: left; }

.menu1 ul {
padding:0;margin:0;list-style-type:none;font-weight:bold; /*stops menu hiding under stuff */z-index:10000;}/*stops*/	

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

.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none; color:#D5CB96; padding:0px 6px 0px 6px; line-height:14px; height:auto;}

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

/*same as below for IE 5 and 6??*/
.menu1 ul li a.menu1one:hover {border-color:#000; color:#fff; background:#4B6234;}

/*for firefox and IE 7 - color of the selected nav cell when u roll down onto the dropdown list - no colors stated and the nav cell will return to its original color */
.menu1 ul li:hover a.menu1one { color:#fff; border-bottom-color: #000; border-top-color: #000; background-color: #4B6234;}	

.menu1 ul li ul 
{display: none; }

.menu1 table {
margin:0; border-collapse:collapse; font-size:9px; position:absolute; top:0; left:1px; }

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:14px; margin:0; 
/*changes the top border color of drop down block*/border-top:1px solid #D5CB96;border-bottom:1px solid #444444;border-left:1px solid #444444;
left:0; width:155px; }

.menu1 ul li:hover ul.endstop 
{left:-111px;border-top:1px solid #D5CB96; width:auto;}

.menu1 ul li:hover ul li ul {
display: none; }

/*DROP DOWN BIT*/
.menu1 ul li:hover ul li a {
display:block; 	background:#000; color:#D5CB96; height:auto; line-height:14px; 	margin:0px 3px 0px 3px; padding-top: 0px;
width:135px; text-transform:capitalize;	

/*BORDER AROUND THE DROP DOWN BIT*/
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #222222; }

.menu1 ul li:hover ul li a:hover 
{color:#fff; background: #222222 ; }

.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;
/*gap between the nav bar and drop down block*/ t\op:14px;/*gap*/ 
text-decoration:none;background:#000;left:0; border-top:1px solid #D5CB96;border-bottom:1px solid #444444;border-left:1px solid #444444;width:155px;}

.menu1 ul li a:hover ul.endstop 
{left: -111px;border-top:1px solid  #D5CB96;}

/*DROP DOWN BIT*/
.menu1 ul li a:hover ul li a 
{display:block;background:#000;text-decoration:none;color:#D5CB96; height:auto; line-height:14px; padding:1px 3px 1px 3px; width:136px; w\idth:136px; 

/*BORDER AROUND THE DROP DOWN BIT*/
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #222222; }

.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:#fff; background: #000;}

.menu1 ul li a:hover ul li a:hover ul 
{visibility:visible; position:absolute; top:0; color:#000; text-decoration:none; left:153px;}

.menu1 ul li a:hover ul li a:hover ul.left 
{left:-153px;}