body         { background-image: url('twinklestars.gif'); background-attachment: fixed; 
               bgproperties="fixed": Left; background-repeat: repeat; color: 
               #FFFFFF; background-color: #000000; margin-top: 0; 
               margin-bottom: 0; background-position: center }
li           { line-height: 150%; margin-bottom: 1 }
p            { font-family: Verdana, Arial; font-size: 10pt; text-indent: 1; margin-left: 30; 
               margin-right: 30; margin-top: 2}
a:link       { text-decoration: none; color: #FFFF00; font-family: Verdana, Arial }
a:visited    { text-decoration: none; color: #FFCC66; font-family: Verdana, Arial }
a:active     { text-decoration: none; color: #00FFFF; font-family: Verdana, Arial }
a:hover      { text-decoration: none; color: #FF0000; font-family: Verdana, Arial }
h1           { font-family: Verdana, Arial; font-size: 16pt; color: #FF0000; letter-spacing: 
               1pt; font-weight: bold }
h2           { font-family: Verdana, Arial; font-size: 14pt; color: #FFFFFF; letter-spacing: 
               1pt }
h3           { color: #FFFFFF; font-size: 12pt; font-family: Arial; letter-spacing: 2; 
               margin-bottom: 1 }
h4           { color: #FFFFFF; font-family: Verdana, Arial; font-size: 12pt; letter-spacing: 
               1pt; text-indent: 4; font-weight: bold; margin-top: 20 }
h5           { color: #FFFFFF; font-size: 10pt; font-family: Verdana, Arial; font-style: 
               italic; margin-right: 0; margin-bottom: 2 }
h6           { font-size: 8pt; font-family: Verdana, Arial; color: #FFFFFF }
td           { font-family: Verdana, Arial; font-size: 8pt; ridge #0099FF }




a.squarebutton{
background: transparent url('leftbutpart.gif') no-repeat top left;
display: block;
float: left;
font: normal Tahoma, Verdana, Arial; /* Change 12px as desired SJS: was 12px inbetween normal and arial */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('rightbutpart.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

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

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden;
width: 100%;
}