At the risk of beating a dead horse...
I spoke too soon...my suggested fix above does not work in IE6, only in Firefox (text is centered in IE6). I found another fix. According to the author, it's cross-browser compatable.
Add the colored text to line 2 in rectangle_top:
...
<div class="centered">
<table class="Container" cellpadding="0" cellspacing="0" width="{$width|default:"100%"}">
And add this to line 21 in rectangle_bottom:
...
</div>
</table>
Add this to skin1.css:
div.centered
{
text-align: center;
}
div.centered table
{
margin: 0 auto;
text-align: left;
}
igc