.contact { width: 580px; float:left; 

}

.contact h3 {
color: #000;font: bold 16px arial;
margin:1em 0 1em 160px;
}

.contact form label { 
	font: bold 14px arial;
	color: #000;
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
.contact form input, .contact form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:300px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.contact textarea { overflow: auto; }
.contact form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
.contact input:focus,
.contact textarea:focus  {background:#ffc;}
.contact input,
.contact textarea        {border:1px solid #ccc;padding:5px;margin:10px 0 0 0;}
.contact .captcha {margin:5px 0 0 160px;}
.contact .captcha img {border:1px solid #777;}
.contact button          {display:block;float:left;clear:both;margin:1em 0 1em 160px;}

.yay, .oops     {font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700;}
.yay            {background:#090;}
.oops           {background:#f30;}
div.error       {font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 160px;}

