/*///////FORM starts here FORM\\\\\\*/
.info{
	width: 450px;
	background-color: #FFCD00;
	border: 3px dotted #703100;
	font-size: 1.5em;
	padding: 1em;
	text-align: left;
	margin-bottom: 2em;
}
#form h1{
	text-align: center;
	padding-bottom: 2em;
}
.button{
	padding-left:4em;
	padding-right: 10em;
}
.head{
	display: inline;
	color: #333;
	margin-bottom:2em;
}
#form{
	/*position: absolute;
	left:130px;
	top: 0px;*/
	height:85em;
	width: 45em;
	padding-bottom: 2em;
	padding-top: 1em;
	padding-left:2.5em;/*center form in content area*/
}
#form .label{
	float: left;
	clear:left;
	width: 200px;
	margin-right: 1em;
	text-align: right;
	font-weight: normal;
	font-size:1.5em;
	margin-top:0em;
	color:#333;
}
#form .labelbox{
float: right;
	clear:both;
	width:15em;
	text-align:left;
	font-weight: normal;
	font-size:1.5em;
	color:#333;
	line-height:1.5em;
	padding-left:.5em;
	padding-top:.25em;
}
#form .boxes{ 
float: left;
	clear:both;
	margin-top:-2em;
	text-align:left;
	margin-left:17em;
}
input#fname,
input#lname,
input#street,
input#city,
input#state,
input#zip,
input#phone,
input#email,
select#type,
input#date,
input#time,
input#place,
textarea#comments{
	background-color: #F6F1F1;
	margin-bottom: 1.25em;
	border: 1px solid #CCC;
	width:16em;
	line-height:1.5em;
}
input#fname:focus,
input#lname:focus,
input#street:focus,
input#city:focus,
input#state:focus,
input#zip:focus,
input#phone:focus,
input#email:focus,
input#date:focus,
input#time:focus,
input#place:focus,
textarea#comments:focus{
	background-color: #FFCD00;
}
.button{
		float: left;
		clear:left;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		text-align: center;
		margin-left: 8em;
		width: 20em;
}
/*#main_wrapper{height: 650px;}*/

/*///////FORM ends here FORM\\\\\\*/

/*///////----FORM HACKS----\\\\\\\*/
/* add display:inline to floated elements */
* html  #form .label,
*html .button {display:inline; zoom:1;}

/* add zoom:1 to pos:relative elements */
* html #wrapper,
* html #topnav li{zoom:1; z-index:10px;}
* html #form{
	position: absolute;
	left:320px;
	top:220px;}
* html h1{font-size: 22px;}
* html #wrapper{height: 650px;}
/*.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;
}