#catMenu 							
{ 
width: 945px; 
height: 35px; 
font-family: Arial, Times New Roman;
}

/* hack to correct IE5.5 faulty box model */
* html #catMenu 					
{ 
width: 100%;
w\idth: 100%;
}

/* remove all the bullets, borders and padding from the default list styling */
#catMenu ul 						
{ 
padding: 0;
margin: 0;
list-style-type: none;
}
/*
#catMenu ul ul 					
{ 
width: 150px; 
}
*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#catMenu li 						
{ 
float: left;
/*width: 110px; */
position: relative; 
/*border-right: 3px solid #A8670A; */
padding: 2px; 
background-color: #E6E0C8;
}
/*
#catMenu ul ul li 				
{ 
/*width: 150px; 
border-width: 1px 1px 0 1px; 
border-style: solid; 
border-color: #e6e6e6; 
background-color: #ffffff; 
}

#catMenu ul ul li.last 			
{ 
border: 1px solid #e6e6e6; 
}
*/
/* style the links for the top level */
#catMenu a, 
#catMenu a:visited 				
{ 
text-decoration: none;
display: block; 
/*width: 110px; */
height: 30px; 
text-align: center; 
line-height: 30px; 
font-size: 14px; 
text-transform: uppercase;
padding-left: 12px;
padding-right: 12px;
color: black;
font-weight: bold;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #catMenu a, 
* html #catMenu a:visited 		
{ 
float: left;
width: auto; 
w\idth: auto; 
}

/*
/* style the second level background 
#catMenu ul ul a.drop, 
#catMenu ul ul a.drop:visited 	
{ 
background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;
}

/* style the second level hover 
#catMenu ul ul a.drop:hover		
{ 
background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;
}

#catMenu ul ul :hover > a.drop	
{ 
background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;
}
/*
/* style the third level background 
#catMenu ul ul ul a, 
#catMenu ul ul ul a:visited 		{ background:#e2dfa8; }
/* style the third level hover 
#catMenu ul ul ul a:hover 		{ background:#b2ab9b; }
*/

/* hide the sub levels and give them a positon absolute so that they take up no room 
#catMenu ul ul 					
{ 
visibility: hidden; 
position: absolute; 
height: 0; 
top: 29px; 
left: -1px; 
width: 150px; 
}

/* another hack for IE5.5 
* html #catMenu ul ul 			
{ 
top: 27px;
t\op: 27px; 
padding-top: 2px; 
}

/* position the third level flyout menu 
#catMenu ul ul ul					
{ 
left: 149px; 
top: 0px; 
width: 149px; 
}
*/
/* position the third level flyout menu for a left flyout 
#catMenu ul ul ul.left 			
{ 
left: -149px; 
}

/* style the table so that it takes no ppart in the layout - required for IE to work 
#catMenu table 					
{ 
position: absolute; 
top: 0; 
left: 0; 
border-collapse: collapse; 
}

/* style the second level links 
#catMenu ul ul a, 
#catMenu ul ul a:visited 			
{ 
width: 138px; 
text-align: left; 
padding-left: 12px; 
background-color: #ffffff; 
text-transform: none; 
height: 20px; 
line-height: 20px; 
}
/* yet another hack for IE5.5 
* html #catMenu ul ul a, 
* html #catMenu ul ul a:visited 	
{ 
width:138px;
w\idth:138px; 
}
*/
/* style the top level hover */
#catMenu a:hover, 
#catMenu a.mi-actmainmenu			
{ 
color:#ffffff; 
background:#996836; 
}
/*
#catMenu ul ul a:hover,
#catMenu ul ul a.mi-actsubmenu 	
{ 
color:#ca0002; 
background:#f1f1f1; 
background-image:url(../img/design/gray1x1.gif);
}
*/
#catMenu :hover > a 				
{ 
color:#ffffff; 
background:#996836; 
line-height: 20px;
}
/*
#catMenu ul ul :hover > a 		
{ 
color:#ca0002; 
background:#f1f1f1; 
}

/* make the second level visible when hover on first level list OR link 
#catMenu ul li:hover ul,
#catMenu ul a:hover ul			
{ 
visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link 
#catMenu ul :hover ul ul			
{ 
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link 
#catMenu ul :hover ul :hover ul	
{ 
visibility:visible;
}
*/