You can position the text within your header by using padding. For example, you can amend the following style by deleting the things I've marked in red, adding the padding marked in green (to give 10px at the top and 20 to the left) and deducting the padding top that you have added from the fuigure marked in magenta.
h3.leftBoxHeading, h3.leftBoxHeading a, h3.rightBoxHeading, h3.rightBoxHeading a{
font-size: 1em;
height: 35px;
background-image : URL('../images/sidebox_top.gif');
background-repeat: no-repeat;
margin: 0px;
margin-top: 0.7em;
color: #ffffff;
text-indent: 1.5em;
top: 0.3em;
padding: 10px 0 0 20px;
}border: 0px;
Also the text marked in orange is a syntactic error, this should be inside the curly brackets of the style to which it is supposed to apply, otherwise its effects may vary from browser to browser. In FF for instance, it overrides the border statement in the style that follows it i.e.
.leftBoxContainer {
border: 3px solid #ffffff;
margin-top: 0.3em;
}