/* CSS Document */

/* row is the  narrow horizontal line between fields within the fieldsets */
.row {
	clear: both;
	padding-top: 10px;
	}
/* label is the name to the left hand side of the input box */
.label {
	float: left;
	width: 115px;
	text-align: right;
}
/* object is the area which includes the input boxes and the space to the 
right hand side of the input boxes up to the right hand blue border */
.object {
	float: right;
	width: 275px;
	text-align: left;
	}
/* spacer is placed as the last field in the fieldsets to ensure the border surrounds the content
and doesn't cut through the bottom field */	
.spacer {
	clear: both; 
}
/* fieldset is the complete field which holds each section of questions with a different legend in each one */
fieldset {
	border: #26a solid 1px;
	width: 450	px;
	margin-top: 15px;
	margin-right: 25px;
	margin-left: 25px;
	}
/* legend is the name in the top left hand corner of each fieldset */ 
legend {
	background: url(../images/menu_orange.jpg);
	border: #26a solid 1px;
	padding: 1px 10px;
	}
/* input controls the look of the input fields to the right of the labels*/ 

input {
	background: #F0FFD0;
	border: #26a solid 1px;
	}
select {
	background: #F0FFD0;
	border: #26a solid 1px;
	}
textarea {
	background: #F0FFD0;
	border: #26a solid 1px;
	}	
submit input
{
color: #000;
background: #F0FFD0;
border: #26a solid 1px;
} 
reset input
{
color: #000;
background: #F0FFD0;
border: #26a solid 1px;
} 
	
	
/*.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;
}
