
/* The following selectors are the form styles for contact.htm */
#content form {
	margin: 0; /* Removes the margin some browsers add by default. */
	padding: 0 0 10px; /* Creates 10px of padding at the bottom of the form. */
  	float: left; /* Keeps the internal clearing BR's within the form from clearing the external floated side column. */
	width: 100%; /* Makes form take up whole width of content div so that content following the form will not wrap on its right side. */
}	
#content fieldset {
	border: 1px solid #698EBE; /* Defines a border around each fieldset. */
	margin: 0 0 10px; /* Keeps the fieldset's bottom border 10px away from the next element */
	padding: 5px 0 15px 15px; /* Keep the elements inside away from the edge of the fieldset. */
}
#content legend {
	color: #698EBE;  /* Sets contrasting text color from background color. */
	padding: 1px 5px 2px; /* Keeps the borders away from the text by these specified amounts. */
	margin-bottom: 5px; /* Creates 5px of space below the legend. */
	 /* font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; Styles the text within. */
}
#content label {
	float: left; /* Allows labels to be placed on the left with their inputs following on their right sides. */
 	width: 10em; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
/* 	font-size: .8em;  Sets same font size as that used on main content text. */
	text-align: right; /* Aligns text to the right so that all form elements create an even middle gutter. */
	margin-top: 3px; /* Moves the text of the label down slightly to align with the top of the input to its right. */
	}
#content input, #content textarea, #content select{
	color: #000; /* Creates the text color inside the inputs. */
	border: 1px solid #A1D38A; /* Sets a border. */
	padding: 1px; /* Keeps the text from touching the borders. */
	background: #fff; /* Creates a background color. */
	margin: 3px 5px 2px; /* Creates the space around the inputs and textareas so they don't stack on top of each other. */
	width: 280px; /* Creates a consistent width between all inputs and textareas. */
	float: left; /* Floated next to their labels. */ 
} 
/* The following hack can only be read by Mac IE and removes the floats from the inputs and textareas to avoid bugs. Luckily, Mac IE is good without floating. Be sure you do not add any comments INSIDE the hack or it will close. */
/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to Mac IE. */

/* This selector can be used on input boxes you want to be shorter than the normal ones. */
#content input.sminp, #content select.sminp, {
	width: 110px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}
#content input.medinp, #content select.medinp {
	width: 150px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}
/* The following changes the colors of the inputs and textareas when the cursor is inside, in supported browsers. */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #000;
	background: #A1D38A;
}





.mysubmitbutton{

cursor:pointer; 
background-color:A1D38A; 
font-weight:bold; 
color:ffffff

}