Проблема с CSS кнопками

[vachtang]

Добрый день,

Проблема вот в чём:

Описываю кнопку в сss:
картинкa button_114x25.gif на фоне c белым треугольником на краю а сама прозрачная

/*button*/
.button_new_green div a {
 padding-top: 5px;
 padding-left: 10px;
 color: white;
 text-decoration: none;
 display: block;
 background-color: #59AAB3;
 background-image : url('/img/button_114x25.gif');
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 width: 104px;
 height: 20px;
}

.button_new_green div a.active, .button_new_green div a:hover {
 background-color: #83C2CC;
 background-image : url('/img/button_114x25.gif');
}
/*button end*/

описываю html так:

<td class="button_new_green"><div>[Только зарегистрированные пользователи могут видеть ссылки. ]</div></td>

Проблема в том:
При попытке поменять цвет кнопки и тот цвет когда наводиш на кнопку, мне надо сново описывать новый класс, но с другим цветом.

Как сделать так чтобы описав один класс я мог бы легко менять цвет и тот который видимый и тот который когда наводим на кнопку, тоесть ( background-color: #59AAB3; и background-color: #83C2CC

Спасибо за ответы