div.button {width:120px; height:24px; top:0px; left: 0px; border: 1px #007e7e solid;}
a.roll  {width:120px; 
			height:20px; 
			padding-top:4px;
			display:block; 
			font: 10pt verdana, sans-serif;
			text-align:center;
			background:  url("../images/four_state_roll_bg2.gif") 0px 0px no-repeat #000;
			 /*NOTE: backgroud shorthand is equivilant of:	
			background-image: url("images/four_state_roll_bg.gif"); 
			background-position: 0px 0px; 
			background-repeat: no-repeat; 
			background-color: #000; */
			}
			div.button a.roll:link {background-position: 0px 0px; color: black; text-decoration:none;}
			div.button a.roll:visited {background-position: 0px -25px; color: black; text-decoration:none}
			div.button a.roll:hover {background-position: 0px -50px; color:#069;}
			div.button a.roll:active {background-position: 0px -75px; color:white;}