body {
	color:#000;
	background:#000066;
	}
a { color:#FFCC99; }	
a.visited { color:#000; }
a.active { color:#000; }
a.black  {
    color: #FFFFFF;
    text-decoration: none
  }

  a.black:hover {
    color: #99CCFF;
    text-decoration: none
  }

  a.blue {
    color: #B40404;
    text-decoration: none
  }

  a.blue:hover {
    color: #0101DF;
    text-decoration: none
  }
 .button A  {
 display : block;
 background : url("/images/sg2.jpg") 0px 0px no-repeat;
  /* '0px 0px' tells browser to start at top-left of the image */
 width : 136px;
 height : 82px;
  /* width & height of individual link image */
 font : bold 11px/82px Arial, sans-serif;
  /* '11px/82px' is the font-size and line-height  */
  /* Adjust line-height to center the text in the block height (height : 20px) */
 text-align : center; 
  /* can replace with 'text-indent : <length>' for different effect */
 color : #FFFFFF;
 text-decoration : none;
 }
 
 .button A:Hover  {
 background : url("/images/sg2-over.jpg") 0px -0px no-repeat;
  /* '-20px' tells browser the roll over part is 20px down from top */
 color : #000000;
 }