/* form style */

#box 
{ 
	margin-top: auto; 
	margin-bottom: 10px; 
	margin-left: 5px; 
	width: 330px; 
	padding: 10px; 
}

form 
{ 
	padding: 2px; 
}

label
{
	font-family: verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

input 
{ 
	background-color: #E7F7F7;
	color: #000;
	border: #9D0000 solid 1px;
	font-family: arial, sans-serif;
	font-size: 10pt;
	margin-bottom: 5px;
}
/**** this style does not work in IE ****/
select

{ 
	background-color: #fff;
	color: #000;
	border: #9D0000 solid 1px;
	font-family: arial, sans-serif;
	font-size: 12pt;
}

textarea 
{ 
	background-color: #E7F7F7;
	color: #000;
	border: #9D0000 solid 1px;
	font-family: arial, sans-serif;
	font-size: 10pt;
	margin-bottom: 10px;
}

/***** this was made a class so it works in IE6 *****/
.button 
{
	font-size: 10pt; 
	font-weight: bold;
	background-color: #580406;
	border: #000 solid 1px; 
	color: #fff; 
	margin-top: 10px;
	width: 155px;
}

/********** this focus style does not work in IE6 *********/
input:focus, 
select:focus, 
textarea:focus 
{
	background-color: #fff;
	border: solid 1px #000;
	color: #000;
}

/**** style for thanks page on completion of the form ****/
#thanks
{
	display: block;
	margin: auto 90px auto 10px;
	padding: 10px;
	color: #000;
	border: solid 1px #51B1B1;
}

.clearer /*provides more space in IE6*/
{
	height: 0;
	line-height: 1;
	clear: both;
}