body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #629997;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #263C3C;
	height: 100%;
}
#contentLeft {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 451px;
}
#outerwrapper {
	margin: 0;
	text-align: left;
	background-image: url(../images/topback.png);
	background-repeat: repeat-x;
}
#innerwrapper {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 100%;
	width: 900px;
}
#header {
	position: relative;
	height: 267px;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainnav {
	list-style: none; /* Removes list markers. */
	font-size: 0.8em;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 2px;
	position: absolute;
	margin-top: 0px;
	top: 0px;
	right: 0px;
}
/* end hide */
#mainnav li {
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
}
#mainnav a {
	color: #170331; /* Sets the color of the links in the nav bar to navy blue. */
	text-decoration: none; /* Removes the underline from the links. */
	font-weight: bold; /* Sets the link text to bold. */
}
#mainnav a:hover {
	color: #FFFFFF; /* Sets the color of the links when you roll over them to greenish gray. */
}
#content/* Forms the right column within #floatwrapper. Wraps around #content so that #content can have margins applied so its text won't butt up against the adjacent columns. If padding were used to do this, it would throw the widths off and cause content to not fit on screen. */
 {
	text-align: left;
	position: relative;
	height: 100%;
}
#content a {
	color: #629997;

}
#content a:hover {
	color: #FFFFFF;

}
#maincontent {
	padding-bottom: 40px;
	font-size: small;
	width: 449px;
	float: right;
}
/* Footer for page. */
#footer {
	color: #000225; /* Sets text color to very light gray. */
	font-size: 0.7em;
	margin-bottom: 5px;
	bottom:0px;
	height:20px;
}
#footer p {
	float: left; /* Moves paragraph to left side of #footer. */
	margin: 0; /* Removes default margin added to paragraphs. */
}
#footer ul {
	float: right; /* 6px right margin aligns edge of text with border of content div instead of the edge of its shadow. 20px bottom margin provides space between end of footer and edge of window. */
	padding: 0; /* Removes default padding added to lists by some browsers. */
}
#footer p, #footer ul {
	display: inline-block; /* Prevents MacIE from expanding the floats to 100%, which would keep them from sitting on the same line. */
}
/* The following selector overwrites the display value of the paragraph and list back to the correct value, but is hidden from MacIE so it still gets the value it needs. */
/* hide from MacIE \*/
#footer p, #footer ul {
	display: block;
}
/* end hide */
#footer li {
	display: inline; /* Makes list items display horizontally. */
	margin: 0; /* Removes default margin some browsers add to list items. */
	padding: 0; /* Removes default padding some browsers add to list items. */
}
#footer a {
	color: #ccc; /* Sets color of links to slightly darker gray than surrounding text. */
}
#footer a:hover {
	color: #fff; /* Sets color of links on hover to white. */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#contactForm/* styles for contact form */
 {
	margin-bottom: 50px;
  }
#name, #email {
  width: 200px;
  }
#message {
  width: 449px;
  height: 150px;
  }
label, .warning {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  }
.warning {
  color:#F00;
  }