.trail{ /* Container you can use to surround a CSS button to clear float */
  overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */ 
}
div.trail, h1.trail{
/*background: transparent url('square-gray-left.gif') no-repeat top left;*/
color: #fff;
padding: 6px 0px 0px 10px; 
height: 22px;
font-size:14px;
}   

a.trail {font-size:14px;}

h1.trail a {color: #fff;}

a:link.trail, a:visited.trail, a:active.trail { color: #fff; }

a.squarebutton span, div.squarebutton span {
/*background: transparent url('square-gray-right.gif') no-repeat top right;*/
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
color: #FFF;
font-weight: bold;
font-size: 12px;
}

a.squarebutton:hover{ /* Hover state CSS */
/*background-position: bottom left;
text-decoration: none; */
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #fffde0;
text-decoration: none;
}