The top button was created as a FORM, the other buttons are Faux Buttons only made with Cascading Style Sheets and might be something to think about when you are creating links for your Web pages.

The following code was placed inside the head with a special comment tag identifying what it is expected to do. Take a look at the code, it's not really hard to figure out what it's doing at all. I used a pseudo code to create special attributes just for these hyperlinks, all other hyperlinks will be left alone.

< !--For the faux button text only.-- >
< style type="text/css" >
a.button:link	{
	font-family:tahoma;
	font-size:10pt;
	color:#000000;
	padding:3px 9px 3px 9px;
	text-decoration:none;
	background-color:#c0c0c0;
	border: outset 2px;
	}
a.button:visited{
	font-family:tahoma;
	font-size:10pt;
	color:#000000;
	padding:3px 9px 3px 9px;
	text-decoration:none;
	background-color:#c0c0c0;
	border: outset 2px;
	}
a.button:hover	{
	font-family:tahoma;
	font-size:10pt;
	color:#00ff00;
	padding:3px 9px 3px 9px;
	text-decoration:none;
	background-color:#a0a0a0;
	border: inset 2px;
	}
< /style >
< !--End of the faux button text styles.-- >