#menu {
padding: 20px 30px;
width: 200px;
}

#menu ul {
list-style: none;
margin: 0; padding: 0;
}

#menu ul.subitems { padding-bottom: 3px; }
* html #menu ul.subitems { padding: 0 0 1px 0; }

#menu ul li {
padding-bottom: 2px;
}

#menu ul li a.mainpoint,
#menu ul li a.onlypoint,
#menu ul li a.mainactive,
#menu ul li a.mainpointact,
#menu ul li a.onlypointact {
display: block;
background: url("../images/button.jpg") left top no-repeat;
width: 180px; height: 23px;
padding: 5px 0 0 20px;
font-weight: normal;
font-size: 0.8em;
color: #333;
text-decoration: none;
}

#menu ul li a.mainpoint:hover,
#menu ul li a.onlypoint:hover {
background: url("../images/button.jpg") 0 -28px no-repeat;
}

#menu ul li a.mainpointact,
#menu ul li a.mainpointact:hover,
#menu ul li a.onlypointact,
#menu ul li a.onlypointact:hover {
background: url("../images/button.jpg") 0 -56px no-repeat;
font-weight: bold;
color: #fff;
}

#menu ul li a.subpoint,
#menu ul li a.subpointact {
display: block;
color: #333;
padding: 2px 0 2px 24px;
font-size: 0.6em;
text-decoration: none;
}

* html #menu ul li a.subpoint,
* html #menu ul li a.subpointact {
padding-top: 2px;
height: 12px;
}

#menu ul li a.subpoint:hover {
background-color: #cfd7e7;
color: #000;
}

#menu ul li a.subpointact,
#menu ul li a.subpointact:hover {
background-color: #526eaf;
color: #fff;
}