белый слишком ярок...

в форуме текст название темы тоже смени на этот-же. Вместо белого

text-decoration: underline;
это есть подчеркивание

/* Site Menus */
.ma {font-weight:bold;}
a.ma:link {text-decoration:none; color:#4C74B6}
a.ma:visited {text-decoration:none; color:#4C74B6}
a.ma:hover {text-decoration:none; color:#4C74B6;}
li.f{border:1px solid #BAC6D9; margin: 2px; padding: 2px 2px 2px 13px; background: #FAFAFA;}
li.f:hover {border:1px solid #B8B8B8; margin: 2px; padding: 2px 2px 2px 13px; background: #F3FAFF;}
li.m {border:1px solid #E1E1E1; margin: 2px; padding: 2px 2px 2px 13px; background: #E0E0E0;}
li.m:hover {border:1px solid #B8B8B8; margin: 2px; padding: 2px 2px 2px 13px; background: #F3FAFF;}
.m {font-family:Tahoma,Arial,Helvetica;}
a.m:link {text-decoration:none; color:#4C74B6}
a.m:visited {text-decoration:none; color:#4C74B6}
a.m:hover {text-decoration:none; color:#4C74B6; font-weight:bold;}
a.m:active {text-decoration:none; color:#4C74B6; font-weight:bold;}
.ma {font-weight:bold;}
a.ma:link {text-decoration:none; color:#4C74B6}
a.ma:visited {text-decoration:none; color:#4C74B6}
a.ma:hover {text-decoration:none; color:#4C74B6;}
li.f{border:1px solid #BAC6D9; margin: 2px; padding: 2px 2px 2px 13px; background: #FAFAFA;}
li.f:hover {border:1px solid #B8B8B8; margin: 2px; padding: 2px 2px 2px 13px; background: #F3FAFF;}
li.m {border:1px solid #E1E1E1; margin: 2px; padding: 2px 2px 2px 13px; background: #E0E0E0;}
li.m:hover {border:1px solid #B8B8B8; margin: 2px; padding: 2px 2px 2px 13px; background: #F3FAFF;}

.uMenuH li {float:left;padding:0 5px;}

.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#7D7D7D}
.uMenuV li a:active {text-decoration:none; color:#7D7D7D}
.uMenuV li a:visited {text-decoration:none; color:#7D7D7D}
.uMenuV li a:hover {text-decoration:underline; color:#000000}

.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#000000}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#000000}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#000000}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 3px 0px;background:url('/.s/t/844/3.gif') repeat-x #E0E0E0;padding:5px;text-align:center;text-transform:uppercase;border:1px solid #DDDDDD;}
/* --------- */

/* Module Part Menu */
.catsTd {padding: 0 0 6px 11px; background: url('/.s/t/844/2.gif') no-repeat 0px 3px;}
.catName {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNameActive {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNumData {font-size:7pt;color:#6E6E6E;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#7D7D7D;}
a.catName:visited {text-decoration:none; color:#7D7D7D;}
a.catName:hover {text-decoration:none; color:#000000;}
a.catName:active {text-decoration:none; color:#7D7D7D;}
a.catNameActive:link {text-decoration:none; color:#000000;}
a.catNameActive:visited {text-decoration:none; color:#000000;}
a.catNameActive:hover {text-decoration:none; color:#000000;}
a.catNameActive:active {text-decoration:none; color:#000000;}
/* ----------------- */

отсюда и пляшем

Общий стиль меню

li.m {border:1px solid #E1E1E1; margin: 2px; padding: 2px 2px 2px 13px; background: #E0E0E0;}

li.m:hover {border:1px solid #B8B8B8; margin: 2px; padding: 2px 2px 2px 13px; background #F3FAFF;}

по порядку. Это ; конец описания чего либо
прописаны бордюр-border , отступы (margin-внешний отступ padding-внутренний отступ), и цвет фона- (background)

hover - описание поведения всего при наведении мышкой, то есть можно изменить фон при наведении мышкой, а можно и цвет бордюра:)...

стиль текста меню

.m {font-family:Tahoma,Arial,Helvetica;} (задает общий шрифт всего меню)

a.m:link {text-decoration:none; font-weight:bold; color:#4C74B6} (вот прописано отсутствие подчеркивания и цвет ссылок) если добавивь то что синее станет жирным если поставиш в декорации текста вместо нет underline будут ссылки подчеркнуты

a.m:visited {text-decoration:none; color:#4C74B6} - эти лучше сделать так-же как и a.m:link

a.m:hover {text-decoration:none; color:#4C74B6; font-weight:bold;} вот что меняется при наведении мышкой.., цвет лучше поменять на более темный

a.m:active {text-decoration:none; color:#4C74B6; font-weight:bold;} сделать так-же как hover

и еще вот это
li.m {border:1px solid #E1E1E1; margin: 2px; padding: 2px 2px 2px 13px; background: #E0E0E0;}
li.m:hover {border:1px solid #B8B8B8; margin: 2px; padding: 2px 2px 2px 13px; background: #F3FAFF;}
повторяется дважды и с одинаковми параметрами одно удали... то что внизу...