	a.buttons{
		background: transparent url('/images3/officecards/roundedge-brown-left.gif') no-repeat top left;
		display: block;
		float: left;
		font: bold 13px Arial; /* Change 13px as desired */
		line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
		height: 30px; /* Height of button background height */
		padding-left: 8px; /* Width of left menu image */
		text-decoration: none;

	}
	a:link.buttons, a:visited.buttons, a:hover.buttons, a:active.buttons{
		color: white; /*button text color*/
	}

	a.buttons span{
		background: transparent url('/images3/officecards/roundedge-brown-right.gif') no-repeat top right;
		display: block;
		padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
	}

	a:hover.buttons{ /* Hover state CSS */
		text-decoration: underline;
	}


	.btn { /* Container you can use to surround a CSS button to clear float */
		/* overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
		margin:1px auto;
	}
	.w1 {width:10px;}
	.w2 {width:100px;}
	.w3 {width:250px;}
	.w4 {width:400px;}

	.optionlink {
		font-family:verdana;font-size: 8px;color: #333333;
		font-weight: bolder;
	}
	.completion {font-family:verdana;font-size:16px; color:#A97925;font-weight:bolder;text-align:middle;}
