body {
	color: #585B61;
	background: #fff url('images/base/bg.gif') repeat-x;
	text-align: left;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
}
table {
        border-collapse: collapse;
        border: 0px;
}
th, td {
        padding: 0.25em .75em .25em .75em;
        text-align: left;
}        

th {
        background: #578daf;
        color: #fff;
        border: 0px;
}        

td {
        text-align: left;
        border: 0px;
}

.required {
   color: red;
}
#body3col #body1 {
	width: 750px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px;
}
	html>body #body3col #body1 { width: 730px; }
	
.cssform p{
width: 650px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 10px; /*width of left column containing the label elements*/
border-top: 0px;
height: 1%;
}

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

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

.cssform input:focus {
background: silver;
}

.cssform textarea{
width: 350px;
height: 50px;
}

#subject4 {
margin-left: 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;
}