<!-- CSS FOR MENU -->

dl#navmenu {
width: auto;
}

dl#navmenu dt {
cursor: pointer;
margin: 2px 0;
height: 28px;
line-height: 28px;
text-align: left;
color:#ffffff;
font-weight: bold;
border: 0px solid #ffffff;

}

dl#navmenu dd {
border: 1px solid #d42a32;
margin-left:0em;
margin-bottom:-7px;
font-size:.9em;
}

dl#navmenu li {
text-align: left;
background: #fff;
margin-left:-40px;
padding-left:3px;
}

dl#navmenu li.first a{
color:#d42a32;
font-weight:bold;
padding-top:.2em;
}

dl#navmenu li a, dl#navmenu dt a {


color: #e6717b;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}


dl#navmenu li a:hover, dl#navmenu dt a:hover {
color: #ffffff;
background-image: url(../images/navgrad2b.gif);
<!-- background-color:#d42a32; this may be irrelevant -->
background-repeat: repeat-y;
background-position: right;
margin-left:-3px;
padding-left:.2em;
padding-right:0;
border-left: 5px solid #5da25b;
}


* html body dl#navmenu li a:hover{
	background-color:#d42b32;
}