#menu {
position: absolute;
top: 161px;
left: 0;
width: 134px;
overflow: visible;
z-index: 20;
text-align: left;
background: #CCCCFF;
font-family: Arial, Helvetica, sans-serif;
}

* html #menu {
width: 100px;
padding: 15px 0;
}

/* IE makes the menu go all wierdly vertically spaced without this! */
* HTML #menu dd {
float: left;
width: 100%;
}

/* make the sub-menus sit to the left */
#menu dl dl, #menu dl dl dl {
position: absolute;
top: -16px;
left: 100%;
display: none;
z-index: 100;
background: #CCCCFF;
}

/* show sub-menus on hover */
#menu dl dd:hover dl {
display: block;
}

#menu dl dd:hover dl dl {
display: none;
}

#menu dl dl dd:hover dl {
display: block;
}

#menu dl dd:hover dl dl dl {
display: none;
}

#menu dl dl dl dd:hover dl {
display: block;
}

#menu dl {
list-style: none;
margin: 15px 0;
padding: 0;
z-index: 1;
}

#menu dd {
position: relative;
margin: 0 12px 3px 12px;
}

#menu dd span {
color: #CCCCFF;
}

#menu dd a {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 9pt;
display: block;
width: 94%;
}

* html #menu dd a {
width: 100%;
}

#menu dd a:link {
color: #CCFFFF;
background: Violet url('pix/buttonarrow.png') no-repeat 98% center;
text-decoration: none;
padding: 1px 2px;
border-top: solid 2px Thistle;
border-right: solid 2px Orchid;
border-bottom: solid 2px Orchid;
border-left: solid 2px Thistle;
}

#menu dd a:visited {
color: #CCFFFF;
background: Violet url('pix/buttonarrow.png') no-repeat 98% center;
text-decoration: none;
padding: 1px 2px;
border-top: solid 2px Thistle;
border-right: solid 2px Orchid;
border-bottom: solid 2px Orchid;
border-left: solid 2px Thistle;
}

#menu dd a:hover {
color: Fuchsia;
background: Thistle url('pix/buttonarrow2.png') no-repeat 98% center;
text-decoration: none;
padding: 1px 2px;
border-top: solid 2px Orchid;
border-right: solid 2px Thistle;
border-bottom: solid 2px Thistle;
border-left: solid 2px Orchid;
}

#menu dd a:active {
color: DarkViolet;
background: Violet url('pix/buttonarrow3.png') no-repeat 98% center;
text-decoration: none;
padding: 1px 2px;
border-top: solid 2px Orchid;
border-right: solid 2px Thistle;
border-bottom: solid 2px Thistle;
border-left: solid 2px Orchid;
}

#menu dd dd {
width: 200px;
margin: 2px 0;
padding: 0;
text-align: left;
}

#menu dd dd a {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 9pt;
display: block;
width: 100%;
}

#menu dd dd a:link {
color: #CCFFFF;
background: Violet url('pix/buttonarrow.png') no-repeat 98% center;
text-decoration: none;
padding: 1px 2px;
border-top: solid 2px Thistle;
border-right: solid 2px Orchid;
border-bottom: solid 2px Orchid;
border-left: solid 2px Thistle;
}

#menu dd dd a:visited {
color: #CCFFFF;
background: Violet url('pix/buttonarrow.png') no-repeat 98% center;
text-decoration: none;
padding: 1px 2px;
border-top: solid 2px Thistle;
border-right: solid 2px Orchid;
border-bottom: solid 2px Orchid;
border-left: solid 2px Thistle;
}

#menu dd dd a:hover {
color: Fuchsia;
background: Thistle url('pix/buttonarrow2.png') no-repeat 98% center;
text-decoration: none;
padding: 1px 2px;
border-top: solid 2px Orchid;
border-right: solid 2px Thistle;
border-bottom: solid 2px Thistle;
border-left: solid 2px Orchid;
}

#menu dd dd a:active {
color: DarkViolet;
background: Violet url('pix/buttonarrow3.png') no-repeat 98% center;
text-decoration: none;
padding: 1px 2px;
border-top: solid 2px Orchid;
border-right: solid 2px Thistle;
border-bottom: solid 2px Thistle;
border-left: solid 2px Orchid;
}

#menu p {
margin: 10px 15px;
}

* html #menu p {
margin: 10px 15px 0 15px;
}



#menu .nomenu {
margin: 20px 0;
}

* html #menu .nomenu {
margin: 20px 0 0 0;
}