/* CSS Document for online form page only */




#content {
	margin: 0 0 0 210px; /* this carves out the space for the navigation and creates the proper content area */
	padding-bottom: 5px;
	background: none;
	

	
}

/* the following selectors are the form styles */

form {
	margin: 0; /* zeros the margin for a level playing field */
	
	margin-left: 10px;
	
	padding: 0 0 10px; /* creates 10px of padding at the bottom of the form */
	width: 450px; /* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
  	float: left; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
	background: transparent;

}


	
 fieldset {
	 margin: 0 0 20px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 0; /* creates padding to keep the elements inside away from the edge of the fieldset */
	border: solid 0 transparent;
	
}
legend {
	border: 1px solid #f28f54; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background-color: #4196dc; /* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
margin-left: 0px;
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;  /* styles the text within */
}
label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
 	width: 110px; /* 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;
	text-align: right;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
	}
textarea {
	color: #000; /* creates the text color */
	border: 1px solid #8bbce4; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #eee; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 280px; /* creates a consistent width */
	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}



/*the following class styles the personal information text area */

.personaltext {
	color: #000; /* creates the text color */
	border: 1px solid #8bbce4; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #eee; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 280px; /* creates a consistent width */
	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}

select {
	margin: 5px 0 5px 5px;
	}

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

/*input.sminp {
	width: 110px;  for shorter input boxes. */
	/*margin-right: 160px;  this keeps the shorter boxes aligned on the left with the wider ones. }*/


input.radio, input.checkbox, input.submit {
width: auto;
float: left;


}

input.radio {
float: left;
margin-right: 1em;
}

                                


/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
input:focus, input:active,  textarea:focus, textarea:active {
	color: #000;
	background: #fff;
}


input[type="text"], textarea {
border-top: 1px solid #4f8ec1;
border-left: 1px solid #4f8ec1;
border-bottom: 1px solid #a9c9e3;
border-right: 1px solid #a9c9e3;
}

/* these styles are for the reunion group yes or no checkboxes */


fieldset#reunion {
margin: 0;
margin-bottom: 20px;
padding: 0;
border: none;
background: transparent;
}


#reunion label {
width: 4em;
float: none;
display: inline;
}

#reunion div {
width: 5em;
float: left;
}

#reunion p {
margin: 0.3em 0;

}


#reunion textarea {

display: block;
width: 400px;
}

/*end of reunion checkbox area */


/*beginning of meals checkbox area */


fieldset#meals {
margin: 0;
margin-bottom: 20px;
padding: 0;
border: none;
background: transparent;
}


#meals label {
width: 4em;
float: none;
display: inline;
}

#meals div {
width: 8em;
float: left;
}

#meals p {
margin: 0.3em 0;

}


#meals textarea {

display: block;
width: 400px;
}

/*end of meals checkbox area */





fieldset#request {
margin: 0;
margin-bottom: 20px;
padding: 0;
border: none;

}


#request div {
width: 5em;
float: left;
}

#request p {
margin: 0.3em 0;
}

#request h2 {

display: block;
width: 150px;
border: 1px solid #f28f54; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background-color: #4196dc; /* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	margin-left: 0px;
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;  /* styles the text within */

}


#request label {
width: 3em;
float: none;
display: inline;
}



fieldset#prior {
margin: 0;
margin-bottom: 20px;
padding: 0;
border: none;
background: transparent;
}


#prior label {
width: 4em;
float: none;
display: inline;
}

#prior div {
width: 5em;
float: left;
}

#prior p {
margin: 0.3em 0;

}


#prior textarea {

display: block;
width: 400px;
}

#prior h2 {

display: block;
width: 150px;

border: 1px solid #f28f54; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background-color: #4196dc; /* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	margin-left: 0px;
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;  /* styles the text within */

}

#additional textarea {
display: block;
width: 400px;
margin-bottom: 20px;

}

fieldset#additional {

margin: 0;

}

#additional label {
display: none;
}

#additional h2 {

display: block;
width: 250px;
border: 1px solid #f28f54; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background-color: #4196dc; /* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	margin-left: 0px;
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;  /* styles the text within */

}



fieldset#onsite {
margin: 0;
margin-bottom: 20px;
padding: 0;
border: none;
background: transparent;
}


#onsite label {
width: 4em;
float: none;
display: inline;
}

#onsite div {
width: 5em;
float: left;
}

#onsite p {
margin: 0.3em 0;

}


#onsite textarea {

display: block;
width: 400px;
}



 input.checkbox {
 border: none;
 }
 
 input.radio {
 border: none;
 } 
 
 .text {

display:block;
width: 300px;

}

.description {
display: block;
width: 400px;
padding-top: 5px;
padding-bottom: 5px;
} /*use to create spacing on commented paragraph text within fieldsets */


.comments div {
display: block;
width: 400px;
padding-top: 10px;
padding-bottom: 10px;
} 

.comments p {

display: block;
width: 400px;
padding-top: 10px;
padding-bottom: 10px;
}


.textfield {

display: block;
width: 400px;
border: 1px solid #8bbce4; /* gives the input and textarea a border */
background: #eee; /* creates a background color */

}    

.clear {
clear: both;
}

.select {

 float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
 	width: 200px; /* 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;
	text-align: right;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
 }

/* end of form styles */

.onpage {
color: #fff;
}