@charset "UTF-8";
/* CSS Document */


#contact_form, #feedback, {
	margin-left: 20px;
	}

#errors {
	padding-left: 12px;
	}

#errors, #feedback {
	margin-top: 5px;
	}

#feedback p {
	line-height: 1.2em;
	}

span#message {
	line-height: normal;
	}

/* This rule moves the form intro over to the left
   to align with the legends and the input boxes */
p#formIntro {
	padding-left: 12px;
    }

form#sendmail fieldset {
	border: none;
	padding: 0px;
	/*padding: 5px 10px 5px 10px;*/
	/*margin-bottom: 10px;*/
	}

/* This rule targets the second fieldset
	element, that is, the message fieldset. 
	It looked too far from the fieldset above it, so
	this moves it up a little to close the space*/
form#sendmail fieldset:nth-of-type(2n) {
	position: relative;
	bottom: 5px;
	}
/* Targest the legends, making them big and bold 
	and moving them left relative to their default position*/
form#sendmail legend {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 10px;
	margin-left: 2px;
}

form#sendmail ol {
	margin-top: 5px;
	padding: 0px 10px 0px 10px;
}

form#sendmail ol li {
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	border-color: gray;
	background-color:#F0F0F0;
	background-color:#FAFAFA;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
}

form#sendmail fieldset:nth-of-type(2n) li:last-of-type {
	background-color: #FFFFFF;
	}

/*This is what aligns everything!*/

form#sendmail label {
	float: left;
	width: 20%;
}

/* This rule changes the appearance of the name and email 
   text entry boxes, giving them the gray border, rounded
   corners, padding, normal font size instead of the default
   tiny type, and sans-serif font. */
form#sendmail input[type="text"], form#sendmail input[type="email"] {
	border: thin solid gray;
	border-radius: 3px;
	padding: 3px;
	font-size: 100%;
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
	}

/* This rule styles the text area where the message is 
	entered. It adds a thin gray border with rounded 
	corners, changes the font to match the site, gives
	the text some padding, and makes the text wrap around
	at word ending instead of the letter. */
form#sendmail textarea {
	border: none;
	border: thin solid gray;
	border-radius: 5px;
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
	padding: 5px;
	wrap: soft;
}
form#sendmail input:not([type=submit]):focus,
form#sendmail textarea:focus {
	/*background: #eaeaea;*/
}

/* This rule styles the send email button.
	It sets the background a light gray with a solid
	darker gray border. The large border radius 
	produces the rounded effect. The increased
	padding on the sides relative to the top 
	and bottom are what makes it look oval 
	In addition, the display is block so the user
	can click anywhere within it, and it 
	transforms the text to upper case. */
form#sendmail button {
	background: #F4F4F4;
	border: thin gray solid;
	border-radius: 20px;
	color: black;
	display: block;
	font: 125% Helvetica, "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 1px;
	margin: auto;
	padding: 7px 25px;
	font-weight: bold;
	text-transform: uppercase;
}

/* This rule moves the text within the send email button just
	a hint upwards, otherwise it looks too far up */
form#sendmail button span {
	position: relative;
	top: 1px;
	}

form#sendmail button:hover {
	background: #AAA;
	cursor: pointer;
}

/*This rule targest the count button. It creates space on the 
  right of it so the word count feedback is separated from the
  button */
input[name="count"] {
	margin-right: 10px;
	}

/* Center the reset button on the page and separate it from
	the sendemail button above it */
form#reset  {
	text-align: center;
	padding-top: 15px;
	}

/* Remove the border from the reset form fieldset */
form#reset fieldset {
	border: none;
	}

/* overrrule the sitewide main content div bottom padding, it doesn't 
	look good underneath the reset button */
div#maincontent { 
	padding-bottom: 0px;
	}