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 }
.content     { width: 800px; align:center; margin:0 auto; text-align: left;}
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 }
hr {
border: 0;
color: #FF0000;
background-color: #FF0000;
height: 2px;
width: 100%;
text-align: left;
}
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%;
}
/* STYLES FOR HYPERLINK BUTTONS*/
.rssbutton{
background-color: #FF9933;
border: 1px #ff6600 outset;
padding: 2px 4px;
color: BLACK;
text-decoration: none;
font: bold 10px Verdana;
}
.rssbutton:visited{
color: white;
}
.rssbutton:hover, .rssbutton:active{
color: black;
border-style: inset;
background-color: #CC88FF;
padding: 2px 6px 2px 2px; /*shift text 1px to the right and down*/
}
.cssbutton{
background-color: #FF3333;
border: 2px #C4E1FF outset; /*outer border colour */
padding: 2px 8px;
text-decoration: none; color: #FF0000; 
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
/*
.cssbutton:visited{
color: black;
text-decoration: none; color: #FF0000;
}
*/
.cssbutton:hover{
color: white;
border-style: inset;
background-color: #FFBBBB; /* hover background colour */
padding: 2px 7px 2px 9px; /*shift text 1px to the right and down*/
}
.cssbutton:active{
color: black;
}
/*COLOURS FOR TOP ROW BUTTONS*/
a.cssbutton{
color: white;
}
a.cssbutton:visited{
color: white;
}
a.cssbutton:active{
color: orange;
}
a.cssbutton:hover{
color: red;
}