body { background-image: url(http://twenius.com/pbplugin/pbtwenius-bkgrd.jpg); background-repeat: no-repeat;}
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: white;}
	font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: medium;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;

	* { font-family: verdana;}
	b { font-weight: bold; }
	

.button A  {
 display : block;
 background : url("yellow1.gif") 0px 0px repeat;
  /* '0px 0px' tells browser to start at top-left of the image */
 width : 100%;
 height : 20px;
  /* width & height of individual link image */
 font : bold 14px Verdana, sans-serif;
  /* '11px/18px' 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 : black;
 text-decoration : none;
 }
 .button A:Visited  {
 background : url("yellow1.gif") 0px -40px repeat;
  /* '-40px' tells browser the visited part is 40px down from top */
 color : black;
 } 
 .button A:Hover  {
 background : url("yellow2.gif") 0px -20px repeat;
  /* '-20px' tells browser the roll over part is 20px down from top */
 color : black;
 } 
 
  .button2 A  {
 display : block;
 background : url("red1.gif") 0px 0px repeat;
  /* '0px 0px' tells browser to start at top-left of the image */
 width : 100%;
 height : 20px;
  /* width & height of individual link image */
 font : bold 14px Verdana, sans-serif;
  /* '11px/18px' 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 : black;
 text-decoration : none;
 }
 .button2 A:Visited  {
 background : url("red1.gif") 0px -40px repeat;
  /* '-40px' tells browser the visited part is 40px down from top */
 color : black;
 } 
 .button2 A:Hover  {
 background : url("red2.gif") 0px -20px repeat;
  /* '-20px' tells browser the roll over part is 20px down from top */
 color : black;
 }
 
   .button3 A  {
 display : block;
 background : url("orange1.gif") 0px 0px repeat;
  /* '0px 0px' tells browser to start at top-left of the image */
 width : 100%;
 height : 20px;
  /* width & height of individual link image */
 font : bold 14px Verdana, sans-serif;
  /* '11px/18px' 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 : black;
 text-decoration : none;
 }
 .button3 A:Visited  {
 background : url("orange1.gif") 0px -40px repeat;
  /* '-40px' tells browser the visited part is 40px down from top */
 color : black;
 } 
 .button3 A:Hover  {
 background : url("orange2.gif") 0px -20px repeat;
  /* '-20px' tells browser the roll over part is 20px down from top */
 color : black;
 }
 
 .button4 A  {
 display : block;
 background : url("dkturk1.gif") 0px 0px repeat;
  /* '0px 0px' tells browser to start at top-left of the image */
 width : 100%;
 height : 20px;
  /* width & height of individual link image */
 font : bold 14px Verdana, sans-serif;
  /* '11px/18px' 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 : black;
 text-decoration : none;
 }
  
 .button4 A:Visited  {
 background : url("dkturk1.gif") 0px -40px repeat;
  /* '-40px' tells browser the visited part is 40px down from top */
 color : black;
 }
   
 .button4 A:Hover  {
 background : url("dkturk2.gif") 0px -20px repeat;
  /* '-20px' tells browser the roll over part is 20px down from top */
 color : black;
 }