p#buttons a { display: block; width: 20px; text-align: center;}
a img { border: none; vertical-align: baseline;}

a#one { color: blue; background: #ffebcd url("lightblue.gif") center center no-repeat; padding: 0 10px 1px 20px; border: 2px #ffdead outset; text-decoration: none;}
a#one:hover { color: blue; background: #ffdead url("blue.gif") center center no-repeat; border: 2px #eed6af outset;}
a#one:active { border: 2px #ffedcd inset;}

a#two { color: teal; background: #dcdcdc url("lightpurple.gif") center center no-repeat; padding: 0 10px 1px 20px; border: 2px #d3d3d3 solid; text-decoration: none;}
a#two:hover { color: teal; background: #d3d3d3 url("purple.gif") center center no-repeat; border: 2px #d1d1d1 outset;}
a#two:active { border: 2px #d1d1d1 inset;}

a#three { color: teal; background: #dbfef8; padding: 5px 10px 0 10px; border: 2px #daf4f0 solid; text-decoration: none;}
a#three:hover { color: teal; background: #daf4f0; border: 2px #99cdc9 outset;}
a#three:active { border: 2px #99cdc9 inset;}