/* Form Styles */

/* Contact Form */

#mainContent .cssform p {
	width: 400px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 250px; /*width of left column containing the label elements*/
	height: 1%;
}

#mainContent #security {
	padding-bottom: 10px;
}

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

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

#mainContent .cssform textarea {
	width: 300px;
	height: 80px;
}

/*.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;
}

#mainContent input.txt, #mainContent textarea.txt, #mainContent select.txt {
	color: #000;
	background-color: #fff;
	border: 1px solid #F7921E;
	padding: 3px;
	font: bold 100% Verdana, Helvetica, Arial, sans-serif;
}

#mainContent input.txt, #mainContent td .attributeinput {
	width: 250px;
} 
#mainContent input.btn {
	background-color: #F7921E;
	border: 2px solid #fff;
	font: bold 100% Verdana, Helvetica, Arial, sans-serif;
	padding: 4px;
	color: #fff;
	margin: 0;
}
#mainContent .required, #error .required {
	color: #187AC3;
	font-weight: bold;
}
#mainContent .thanks {
	font: bold 100% Verdana, Helvetica, Arial, sans-serif;
}

/* Error Page */

#error {
	width: 840px; 
	margin: 10px auto;
	padding: 20px;
	background-color: #000;
	font: bold 90% Verdana, Helvetica, Arial, sans-serif;
	color: #F7921E;
	border: 1px solid #99CC66;
}
#error h1 {
	margin: 0; 
	padding: 10px 0; 
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	color: #99CC66;
}
#error p {
	color: #99CC66;
}

#error a:link, #error a:visited {
	color: #FF9900;
}
#error a:hover {
	color: #C22212;
}