a.squarebutton{
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: right;
font: normal 0.7em Arial; /* Change 12px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 18px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 1px 19px 1px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.input2 {
	padding-top: 2px;
	font-family: arial, serif;
	font-size: 12px;
	background: white;
	border: 1px solid #c1c1c1;
	width: 170px;
	margin-bottom:3px;
}

.input3 {
	font-family: arial, serif;
	font-size: 14px;
	background: white;
	border: 1px solid #c1c1c1;
	width: 175px;
	padding:2px;
}

#newsletter-signup { margin: 1em auto; width: 310px; text-align: center; font-size: .75em; padding-right: 50px; }
#newsletter-signup ul { list-style: none; }
#newsletter-signup li { margin-bottom: .2em; }
#newsletter-signup label { float: left; width: 130px; text-align: right; margin-top: .3em; }
#newsletter-signup input{ text-align: left; }

.registerbutton2 {
	float:left;
	width: 385px;
	margin-bottom: 20px;
}
