body {
margin: 0;
padding: 0;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
vertical-align:middle;
line-height: 20px;
}
#menu {
position: relative; /* Menu position that can be changed at will */
top: 0;
left: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
dl#menu {
width: 225px;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;
height: 23px;
line-height: 20px;
text-align: left;
font-weight: bold;
color:#FFFFFF;
background-image: url(images/menu_off.gif);
}
dl#menu dd {
border: 0px;
}
dl#menu li {
text-align: left;
height: 24px;
background-image: url(images/sub_menu_off.gif); 
background-repeat:no-repeat;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu dt a {
color: #FFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover {
background-image: url(images/sub_menu_on.gif); 
background-repeat:no-repeat;
}
#menu dt a:hover { 
background-image:url(images/menu_on.gif);
color: #000;
background-repeat:no-repeat;
}
.dthover { 
background-image:url(images/menu_on.gif);
color: #000000;
background-repeat:no-repeat;
}
.lihover {
background-image: url(images/sub_menu_on.gif); 
background-repeat:no-repeat;
}