modifying menu text too long

It would stretch the full width of the text if you updated:

ul#cssmw ul.level-1 > li > a {menu.css (line 92)
background-color:#000000;
background-image:none;
background-repeat:repeat-y;
border-bottom:1px none #9BB6D2;
color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
height:18px;
line-height:18px;
margin:0;
padding:6px 10px 6px 6px;
text-decoration:none;
width:134px;
}

and removed the width. But the next level would still overlap. Having varying widths may not be the best solution. Perhaps you should update the white-space:nowrap and change it to white-space:normal for this tag to allow the text to wrap.