@charset "utf-8";
/* CSS Document */

#menuHolder{
width: 192px;
float: left;
margin: 0;
padding: 0;
height: auto;
}

#menu {
width: 192px; /* set width of menu */
background: #FFF;
float: left;
margin: 20px 0 15px 0;
padding: 0;
height: auto;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */

#menu a.levelone{
text-decoration:none;
padding: 9px 10px 9px 0px;
text-align: left;
margin: 0px 0px 0px 0px;
border-bottom: #CCC solid 2px;
font-size: 11px;
font-weight: 700;
background: url(../IMAGES/NAV/level-1.gif);
color: #333333;
display:block;
width: 182px;
}
#menu a.levelone:hover{
border-bottom: #900 solid 2px;
background: url(../IMAGES/NAV/level-1-roll.jpg);
color: #FFF;
padding: 9px 5px 9px 5px;
}

#menu a.leveltwo{
background: #FF0000 url(../IMAGES/top-nav-drop.jpg) no-repeat;
color: #FFFFFF;
border: #990000 solid 1px;
text-decoration: none;
padding: 9px 0px 9px 10px;
margin:0px;
font-size: 11px;
display:block;
width: 182px;
}
#menu a.leveltwo:hover{
color: #ffffff;
background: url(../IMAGES/NAV/level-2-roll.jpg);
background-position: center;
}
#menu a.levelthree{
background: #FF0000 url(../IMAGES/top-nav-drop.jpg) no-repeat;
color: #FFFFFF;
border: #990000 solid 1px;
text-decoration: none;
padding: 9px 0px 9px 10px;
margin:0px;
font-size: 11px;
display:block;
width: 150px;
}
#menu a.levelthree:hover{
color: #ffffff;
background: url(../IMAGES/NAV/level-2-roll.jpg);
background-position: center;
}
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

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

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->