@import url(reset.css);
@import url(slides.css);


/* Site Structure */
body { background: url(../images/background_image.jpg) repeat-x; font-family: "Helvetica", "Arial", Sans-Serif; color: #54534a; font-size: 62.5%; }

h1 { font-size: 43px; font-weight: normal; color: #fff; margin: 28px 0 0 38px; }
h2 { font-size: 22px; font-weight: normal; margin: 50px 0 15px 0; }
h3, h3 a { font-size: 20px; color: #F58025; text-transform: uppercase; font-weight: normal; margin: 30px 0 10px 0; }
h4 { font-size: 16px; color: #b32317; }
h6 { clear: both; font-size: 36px; line-height: 40px; margin: 20px 0 25px 0; letter-spacing: .5px; line-height: 1.3em; } /* HOME PAGE TEXT */

a { color: rgb(144, 22, 15); text-decoration: none; }
a:hover { text-decoration: underline; }


/* Page Sections */
#wrap { width: 880px; margin: 0 auto; }
#header { height: 160px; margin: 0 0 20px 0; }
#logo { width: 219px; height: 148px; float: left; }


/* Main Content Area */
#main { margin: 20px 0 30px; width: 570px; float: right; font-size: 1.4em; } /* margin: 20px 0 30px; width: 605px; */
#main p { line-height: 26px; color: #54534a; margin: 0 0 35px 0px; } /* margin: 0 0 35px 35px; } */

#main ul { line-height: 26px; margin: 10px 0 10px 35px; }
#main ul li { margin-left: 35px; }

#main .graphic { margin-bottom: 25px; }


div#content { border: white 1px solid; }

/* Headers */
.green_header, .red_header, .eggplant_header, .blue_header { height: 80px; width: 605px; float: right; margin: -70px 0 30px 0; }
	.green_header {  background: url(../images/green_header.png) no-repeat; }
	.red_header { background: url(../images/red_header.png) no-repeat; }
	.eggplant_header { background: url(../images/eggplant_header.png) no-repeat; }
	.blue_header { background: url(../images/blue_header.png) no-repeat; }

.green_strip, .red_strip, .eggplant_strip, .blue_strip { height: 10px; width: 605px; margin: -5px 0 30px -35px; }
	.green_strip { background: url(../images/green_header_strip.png); }
	.red_strip { background: url(../images/red_header_strip.png); }
	.eggplant_strip { background: url(../images/eggplant_header_strip.png); }
	.blue_strip { background: url(../images/blue_header_strip.png); }

.sectionHeader { margin: -25px 0 6px -35px; } /* { margin: -25px 0 6px 0; } */


/* Floats */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearFloats { clear: both; }
 

/*Page Main Images*/
.picRight { float: right; margin: 0 0 10px 10px; }
.picLeft { float: left; margin: 0 10px 10px 0; }

/* Main Navigation */
#main_navigation { margin: 50px 0 35px 0; float: right; }
#main_navigation li { margin: 0 0 0 11px; display: inline; }
#main_navigation li a { font-size: 15px; color: #F58025; text-decoration: none; text-transform: uppercase; font-weight: bold; padding: 6px 9px 5px; }

#home #home_link a, #about #about_link a, #involved #involved_link a, #new #new_link a, #media #media_link a, #contact #contact_link a { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ }

#home #home_link a, #about #about_link a, #involved #involved_link a, #new #new_link a, #media #media_link a, #contact #contact_link a { 
	background-color: #F58025; color: white; 
}


/*Sub Navigation */
#sub_navigation { width: 200px; float: left; font-size: 16px; }
#sub_navigation li { padding: 7px 0px 7px 10px; }
#sub_navigation ul li a { text-decoration: none; text-transform: lowercase; color: #54534a; display: block; }
#sub_navigation ul li a:hover { text-decoration: underline; }
.current_page { background-color: #efefef; }


/* Home Feature Section */
#feature_section { width: 100%; background: url(../images/feature_background.jpg) repeat; padding: 20px 0; }
#feature { width: 880px; height: 250px; background-color: white; border: dotted 1px gray; margin: 0 auto; }
.redText { color: #b32317;}

/* Profiles */
#main .profile { padding: 20px 0 20px 0; border-bottom: 1px solid #ccc; }
#main .profile img { float: left; margin: 0 0 0px 0; }
#main .profile p { float: right; width: 350px; }
#main .profile p.profileTitle { font-style: italic; margin: 0 0 20px 0; }
#main .profile p.profileQuestion { font-weight: bold; margin: 0 0 0 0; }
#main .profile p.profileAnswer { margin: 0 0 20px 0; }
#main .profile p.profileLink { margin: 0 0 20px 0; }
#main .profile p a { margin: 0px; }
#main .profile h2 { float: right; width: 350px; margin: 0; font-weight: bold; }
#main .profile em { font-size: 14px; font-weight: bold }


/* When & Where Table */
table#serviceTimes { color: #b32317; background-color: #eaebea; border: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ }
#serviceTimes tr {  }
#serviceTimes td, #serviceTimes th { padding: 12px 30px; text-align: center; }

/* Calendar */
.calendar { margin: 0 0 0 -35px; }

/* Video Section */
.video { margin: 20px 0 20px 0; }

/* Photo Section */
#main .gallery { padding: 20px 0 20px 0; border-bottom: 1px solid #ccc; }
#main .gallery img { float: left; }
#main .gallery .galleryTitle { float: right; width: 350px; margin: 0; font-weight: bold; }
#main .gallery .galleryDescription { width: 350px; }



/* Footer */
#footer_wrap { background-color: #54534a; height: 200px; color: #fff; font-weight: normal; padding: 20px 0; margin: 0 0 0 0; clear: both; }
#footer { width: 880px; margin: 0 auto; }
#footer p { font-size: 12px; }


/* Amazon Resources */

#main .amazonProduct { margin: 30px 0 60px 0; }
#main .amazonProduct a { margin: 0 0 15px 0; } /*fix!!!!!!!!!*/
#main .amazonProduct p { margin: 10px 0 0 0; }
#main .amazonImage { width: 130px; margin: 0; float: left; }
#main .amazonDescription { width: 425px; float: right; }


/* Podcast Table */
table.podcastTable { width: 575px;  text-align: left; margin: 0 0 25px 0; }
table.podcastTable tr {  }
table.podcastTable tr:hover { background-color: #efefef; }

table.podcastTable tr td { padding: 12px; text-align: left; }
table.podcastTable .podcastTitle { font-weight: bold; }
table.podcastTable a { background: rgb(144, 22, 15); color: white; padding: 2px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */  }
table.podcastTable .podcastDate { width: 75px; }
table.podcastTable .podcastTitle { width: 325px; }