Don't feel bad - it's actually something I forgot when posting the code above. I don't know why it even worked the first time (and when I tested it).
Having the font-size: 1.05em; apply to both
h3.rightBoxHeading
and
h3.rightBoxHeading a, h3.rightBoxHeading label
means that the anchors and labels get a size of 1.05 x 1.05. The sizing needs to be applied only once. There are several ways of arranging the code for this, but the below will work:
Code:
h3.rightBoxHeading, h3.rightBoxHeading a {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
font-size: 1.05em;
color: #FFFFFF;
background-color: #545d3e;
padding: 0.3em;
margin: 0em;
}
h3.rightBoxHeading a, h3.rightBoxHeading label {
font-size: 1.0em;
}
It would also work to say
Code:
h3.rightBoxHeading {font-size: 1.05em;}
h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
background-color: #545d3e;
padding: 0.3em;
margin: 0em;
}