body {
	background: #3D5A8E;
	color: #000;
	text-align: center;
	font: .85em/140% Verdana, "Trebuchet MS", sans-serif;
}



/* ------- classes ------- */

.black { color: #000; }
.clear { clear: both; }
.left { float: left; }
.text_right { text-align: right; }
.text_center { text-align: center; }
.bold { font-weight: bold; }
.small { font-size: .9em; font-style: oblique; }
.buttons { text-align: right; }

.padding_top { padding-top: 15px; }



/* ------- containers ------- */

#wrapper {
	background: url(../images/bg_content.jpg) repeat-y top center;
	width: 760px;
	margin: 0px auto;
	text-align: center;
}

/* ------- header ------- */

#header { background: url(../images/header.jpg) no-repeat top center;
	width: 760px; padding-top: 150px;
}





/* ------- top navigation ------- */

#nav { margin: 15px auto 20px auto;
	padding: 0px; width: 710px;
}

#nav a, #top a, .contact_info a {
	color: #fff; text-decoration: none;
	font-weight: 900; font-size: .9em;
}

#nav a:hover, #top a:hover, .contact_info a:hover {
	color: #c0caed; border-bottom: 1px dotted #fff;
}

#nav a:active, #top a:active, .contact_info a:active {
	color: #d00; text-decoration: underline;
}

#nav ul { margin: 0px; padding: 0px; }

#nav li { display: inline; padding: 0 10px; }




/* ------- main content ------- */

#content { text-align: left;
	margin: 0 auto 20px auto;
	padding: 0px; width: 720px;
}

#content img { margin: 0px; padding: 0px; border: 1px solid #fff; }

#top {
	padding: 0 25px 0 40px; border: 0px solid #fff;
	margin: 0px; float: left; color: #fff;
}

#top p, #top h2 {
	width: 325px; margin: 0px;
	padding-bottom: 20px;
}

#top h2 { font-size: 1.8em; }


#top span { text-decoration: underline; font-weight: bold; }

#top h3#contact a { color: #000; }





/* ------- middle1 (middle section, index page) ------- */

#middle1 {
	padding: 5px 25px 0 40px;
	clear: both; color: #000;
}

#middle1 h2 { font-size: 1.7em;	padding: 10px 0 0 0; }

#middle1 p { padding: 0;  margin: 0;}

#middle1 h4 { font-size: 1.1em; margin-bottom: 0px; }

.list { margin-top: 0px; padding-top: 0px; }

#middle1 a {
	color: #000; text-decoration: underline;
	font-weight: 900; font-size: .9em;
}

#middle1 a:hover { color: #3D5A8E; border-bottom: 1px dotted #fff; }

#front_left { width: 330px; float: left; margin-right: 20px; }



/* ------- middle2 (middle section, secondary pages) ------- */

#middle2 { padding: 5px 20px 0 40px; clear: both; }

#middle2 img { border: 1px solid #fff; margin: 20px auto; }

#middle2 h1 { font-size: 2em; margin-bottom: 30px; }

#middle2 h2 {
	font-size: 1.7em; margin: 0 0 15px 0;
	color: #fff;
}

#middle2 h3 { font-size: 1.5em; margin-bottom: 30px; }

#middle2 h4 {
	font-size: 1.1em;
	margin-top: 5px; margin-bottom: 10px;
}


#construction { text-align: center; }

#construction h1 {
	font-size: 1.9em; color: #fff;
	margin: 30px 0 30px 0;
}

#construction img {
	margin: 25px auto;
	border: none;
}

#hammer { padding: 15px 0; }

.pics {
	text-align: center;
	width: 288px;
	float: left;
	padding: 0 15px;
	color: #000;
}

.testimonial {
	background: #C0CAED url(../images/text_bg.jpg) bottom right no-repeat;
	color: #000;
	padding: 20px;
	margin: 0 auto 20px auto;
	width: 550px;
	border: 1px solid #fff;
	font-size: .9em;
}

.testimonial p { margin: 0 0 15px 0; }

#status {   /*  'status' when form is submitted only  */
	width: 500px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.5em;
	line-height: 150%;
	padding: 40px 5px 250px 5px;
	border: 0px solid red;
}

.status {   /*  'status' for error list and before form submission  */
	font-size: 1.1em;
	color: #000;
	font-weight: 900;
}

#shirt {
	width: 320px;
	margin: 0 25px 0 0;
}

.please {
	font-size: 1em;
	color: #fff;
	padding: 10px 0 20px 0;
}

.volunteer { width: 425px; margin: 0 auto; }

.contact {
	width: 375px;
	margin: 0 auto;
	padding-bottom: 25px;
}

.contact_info {
	color: #fff;
	margin: 15px 30px 0 0;
	width: 250px;
}



.registration { width: 525px; margin: 0px auto; }

.order { width: 525px; margin: 35px auto; }
#order { padding-bottom: 0px;}


fieldset { margin-bottom: 30px; }

legend {
	padding: 0 10px;
	font-size: 1.1em;
	font-weight: bold; 
	color: #000;
}

table { width: 95%; margin: 0 auto; }

td, tr {
	margin: 5px;
	padding: 5px;
	border: 0px solid red;
}

input, select, textarea {
	border: 1px solid #000;
}

.blue {
	border: 1px solid #000;
	background-color: #C0CAED;
	color: #000;
	text-align: center;
	width: 500px;
}

#other { width: 250px; }

#street { width: 350px; }

#diet { width: 245px; }

#middle2 .credit img {
	border: none; margin: 1px;
}



.paypal {
	border: none;
	margin: 0; padding: 0;
}

/* ------- footer ------- */

#footer {
	background: #3D5A8E url(../images/bg_footer.jpg) no-repeat top center;
	clear: both;
	height: 74px;
	border: 0px solid #fff;
	text-align: right;
}


#web_dev {
	background-color: #3D5A8E;
	clear: both;
	border: 0px solid red;
	text-align: right;
}

#web_dev p, #web_dev a {
	margin: 0;
	padding-right: 15px;
	color: #C0CAED;
	font-size: .9em;
}