#menu {
font: bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
width:908px; 
letter-spacing:1.0;
position:relative;
/*background: #555555; /*colour for background bar. Buttons sit on top*/
background: url(../gradient.jpg) top left repeat;
z-index:5;
padding-top:0px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 110px;
float: left;
background: url(../gradient.jpg) top left repeat;
}

#menu a, #menu h2 {
font: bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
display: block;
margin: 0;
padding: 3px 0px;
color: #fff;
}

#menu ul li a, .menu ul li a:visited {
text-align: center;
}

#menu h2 {
color: #fff;
background: #414142;
background: url(../gradient.jpg) top left repeat;
background-color: transparent;
border:0px solid #ffffff; 
border-width:0px 0px 0px 0px;
}

h2 {
font : bold .85em Verdana, Geneva, Arial, Helvetica, sans-serif;
/*background:#555555;*/
}

#menu a {
color: #fff;
/*background: #555555;*/
text-decoration: none;
}

#menu a:hover {
color: #000;
background-color: #ce181c;
/*background: #fff;*/  /*  Changes the background colour when mouseover*/
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

/*General sub menu style & top level*/
#menu ul li:hover ul li a {
padding: 5px 5px;
display:block; 
text-decoration:none; 
color:#fff; /*text colour for sub menus*/
background:#414142;
text-align: left;
padding: 8px 1px;
border:0px solid #7c7c7c; 
border-width:0px 0px 0px 0px;
font: bold 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*On mouse over for sub menu*/
#menu ul li:hover ul li a:hover {
	color: #000;
	background-color: #ce181c;
}

/*The next two control the sub menu.*/
#menu ul li:hover ul li ul li a {
background:#414142;
color:#000;
}

/*On mouse over for sub sub menu*/
#menu ul li:hover ul li ul li a:hover {
color:#fff;
background-color: #ce181c;
}

/*The next two control the sub sub menu.*/
#menu ul li ul li:hover ul li ul li a {
background:#a00;
}

/*On mouse over for sub menu*/
#menu ul li ul li ul li:hover ul li a {
background:#a00;
}

#menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
top:0;
width:109px;
}

#menu ul li:hover ul li:hover ul.left {
left:-130px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul li ul li ul li,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul li ul li ul li:hover ul li,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {
	float: left; 
	width: 100%;
}
	
#menu ul li a {
	height: 100%;
} 

/*#menu a, #menu h2 {
font: bold 0.9em/1.4em arial, helvetica, sans-serif;
}*/
</style>
<![endif]-->