.buttons
{
    display: block;
    float: left;
    font-size: 11px; /*Arial Change 13px as desired */
    line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
    height: 36px; /* Height of button background height */
    padding-left: 12px; /* Width of left menu image */
    text-decoration:none;
    color: white; /*button text color*/
    cursor: pointer;
}
.buttons span
{
    display: block;
    padding: 2px 12px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
    cursor: pointer;

}

a.btnLink
{
    padding-top: 1px;
}

a.btnLink:hover div.buttons, a.active:hover .buttons
{
    background: transparent url( 'images/buttonleft.png' ) no-repeat bottom left;
	color:#86dffa;
}

a.btnLink:hover div.buttons span, a.active:hover div.buttons span
{
    background: transparent url( 'images/buttonright.png' ) no-repeat bottom right;
}
a.active
{
    padding-top: 10px;
}
a.active div.buttons
{
    background: transparent url( 'images/buttonleft.png' ) no-repeat top left;
	color:#fac800;
}

a.active div.buttons span
{
    background: transparent url( 'images/buttonright.png' ) no-repeat top right;
}

.menuCenter ul li a
{
    padding-top: 3px;
}