.contactForm p{
width: 350px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.contactForm label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.contactForm input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.contactForm textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

form.contactForm label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	padding-left:16px;
	background: url(../imgs/warn.gif) left center no-repeat;
}
div.error { display: none; }

input.error { border: 1px dotted red; }
p.success{
    width:100%;
	color: #00CC33;
	font-weight:bold;
	font-size:12px;
	margin:4px 42px;
	text-align:center;
}
label.error {
	font-weight:normal;
	width:200px;
	color: red !important;
}