/********* QUICK NOTES *********/
/********* Main content width is 478px *********/


/********* GENERAL BODY ELEMENTS *********/
body { margin: 20px auto; text-align: center; background-color: #fff; }
body, p, div, a, form, td, li { font: 12px/16px Verdana, Tahoma, "Lucida Grande", Arial, Helvetica, sans-serif; color: #F6F9FB; }
p { margin: 0 0 16px 0; }
img { border: 0; }

/********* HEADINGS *********/
h1, h1 a { margin: 28px 0 9px 0; padding: 0; font-size: 16px; font-weight: bold;  }
h1.pageHeading { font-size: 18px; margin: 0 0 20px 0; text-align: center; }
h2, h2 a { margin: 28px 0 2px 0; padding: 0; font-size: 16px; font-weight: bold;  }
h3, h3 a { margin: 20px 0 9px 0; padding: 0;  font-size: 14px; line-height: 16px; font-weight: bold;  }
h4, h4 a { margin: 20px 0 2px 0; padding: 0;  font-size: 14px; line-height: 16px; font-weight: bold;  }
h5, h5 a { margin: 0 0 9px 0; padding: 0;  font-size: 12px; line-height: 14px; font-weight: bold;  }
h6, h6 a { margin: 0 0 2px 0; padding: 0;  font-size: 12px; line-height: 14px; font-weight: bold;  }
#mainTableLeft_whatWeOffer h1, #mainTableLeft_whatWeOffer h1 a, #mainTableLeft_whatWeOffer h2, #mainTableLeft_whatWeOffer h2 a, 
#mainTableLeft_whatWeOffer h3, #mainTableLeft_whatWeOffer h3 a, #mainTableLeft_whatWeOffer h4, #mainTableLeft_whatWeOffer h4 a, 
#mainTableLeft_whatWeOffer h5, #mainTableLeft_whatWeOffer h5 a, #mainTableLeft_whatWeOffer h6, #mainTableLeft_whatWeOffer h6 a 
{ color:  #676451; }

/********* LINKS *********/
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none;}

/********* SPACING AND ALIGNMENT *********/
.block { display: block; }
.center { text-align: center; }
.marginAuto { margin: 0 auto; }
.right { text-align: right; }
.floatRight { display: block; margin: 0 0 8px 12px; float: right;  }
.floatLeft { display: block; margin: 0 18px 12px 0; float: left;  }
.clear { clear:both; }
.clearBoth { clear: both; }
.horizontalRuleNarrow { margin: 0 auto; border-top: 1px solid #bbb; width: 360px; height: 1px; }
.inline { display: inline; }
.marginTop0 { margin-top: 0; }
.marginTop4px { margin-top: 4px; }
.marginTop10px { margin-top: 10px; }
.marginTop12px { margin-top: 12px; }
.marginTop15px { margin-top: 15px; }
.marginTop18px { margin-top: 18px; }
.marginTop24px { margin-top: 24px; }
.marginBottom0 { margin-bottom: 0px; }
.marginBottom2px { margin-bottom: 2px; }
.marginBottom4px { margin-bottom: 4px; }
.marginBottom6px { margin-bottom: 6px; }
.marginBottom8px { margin-bottom: 8px; }
.marginBottom10px { margin-bottom: 10px; }
.marginBottom12px { margin-bottom: 12px; }
.marginBottom15px { margin-bottom: 15px; }
.marginBottom18px { margin-bottom: 18px; }
.marginBottom24px { margin-bottom: 24px; }
.paddingTop8px { padding-top: 8px; }
.indent90 { margin-left: 90px; }
.indent60 { margin-left: 60px; }
.indent30 { margin-left: 30px; }
.indent20 { margin-left: 20px; }
.indent15 { margin-left: 15px; }
p + ul { margin-top: -6px; } /* Doesn't work in IE  */

/********* FORMATTING AND APPEARANCE *********/
.border { border: 1px solid #1c5975; }
.border_whoWeAre { border: 1px solid #CED0A7; padding: 4px; }
.border_whatWeOffer { border: 1px solid #86ADAC; padding: 4px; } 
.border_worship { border: 1px solid #CFC677; padding: 4px; } 
.noBorder { border: 0; }
.smallText { font-size: 10px; }
.largeText { font-size: 14px; }
.notaBene { font-weight: bold; color: #AB192D; }
.bold { font-weight: bold; }
.notBold {font-weight: normal; }
.boldYellowGreen { color: #E4E7AF; font-weight: bold; }
.boldBurntRedOrange { color: #94635A; font-weight: bold; }
.boldYellow { color: #EADB85; font-weight: bold; }
.boldGold { color: #ECE182; font-weight: bold; } 
.largerAsterisk { font: 14px bold verdana, tahoma, arial, sans-serif; }

/********* HOMEPAGE LAYOUT *********/
#homepageContentTable { margin: 0; width: 514px; }
#homepageContentTable p, #homepageContentTable a, #homepageContentTable li { font-size: 11px; }
#homepageContentLeft { padding: 0; text-align: left; vertical-align: top; }
#welcomeContainer { width: 205px; height: 333px; background-image: url(../images/home_page/welcome_bkg.gif); }
#homepageHeadingWelcome { margin: 0; padding: 13px 0 0 10px; height: 32px; text-align: left; }
#welcomeContentContainer { padding: 16px 15px 10px 18px; width: 172px; height: 262px; }
#homepageHeadingMission { margin: 0; padding: 0; }
#missionContainer { padding: 16px 15px 6px 18px; width: 172px; height: 125px; 
background-image:url(../images/home_page/mission_bkg.gif); }
#missionContainer p, #missionContainer a, #missionContainer li { color: #504E40; }
#mainImgContainer { padding: 0 0 6px 6px; width: 303px; height: 190px; background-image:url(../images/home_page/main_img_bkg.gif); }
#homepageContentRight { padding: 0; text-align: left; vertical-align: top; }
#worshipContainer { padding: 19px 12px 12px 18px; width: 279px; height: 285px; overflow:hidden; 
background-image:url(../images/home_page/worship_bkg.gif); }
h1#homepageHeadingWorship { margin: 0; padding: 0 0 12px 0; text-align: center; }
ul#homepageWorshipSchedule { margin-bottom: 7px; padding-left: 20px; }
ul#homepageWorshipSchedule li { line-height: 13px; padding: 0 0 12px 0; }
#mainTableRightHomepage { padding: 0; border-top: 6px solid #fff; border-left: 6px solid #fff; width: 184px; vertical-align: top; 
background-color: #eee; }
#eventsContainer { padding: 14px 8px 12px 8px; height: 364px; text-align: left;
background-image: url(../images/general_template/right_col_bottom.gif); background-position: bottom; background-repeat: no-repeat; }
#eventsContainer h4.homepageEventTitle { margin: 0 0 3px 0; font-size: 12px; line-height: 14px; color: #7f53ad; }
#eventsContainer h6.homepageEventDate { margin: 0 0 3px 0; color: #40505E; font-size: 10px; line-height: 14px; }
#eventsContainer p { color: #40505E; font-size: 10px; line-height: 12px; }
#eventsContainer a { color: #40505E; font-size: 11px; line-height: 12px; }
#creditContainer { padding: 8px 8px 4px 10px; height: 83px; text-align: left; 
background-image:url(../images/home_page/search_box_bkg.gif); background-position: bottom; background-repeat: no-repeat; }
#creditContainer p, #creditContainer a {font-size: 11px; font-weight: bold; color: #6A3E99; }

/********* GENERAL TEMPLATE LAYOUT *********/
#mainTable { margin: 0 auto; width: 711px; }
#mainTableTopLeft { padding: 0 6px 6px 0; width: 514px; height: 171px; text-align: left; vertical-align: top; }
#logoNavTable { margin: 0; width: 514px; height: 171px; }
#logoNavTableLeft { padding: 0; width: 380px; height: 171px; text-align: left; vertical-align: top; }
#logoNavTableRight { padding: 0 0 15px 0; width: 134px; height: 156px; text-align: left; vertical-align: bottom; }
#mainTableTopMiddle { padding: 0; width: 1px; height: 177px; text-align: left; vertical-align: top; 
background-image:url(../images/general_template/blueLine_top.gif); background-repeat: no-repeat; background-position:bottom; }
#mainTableTopMiddle img { height: 143px; width: 1px; }
#mainTableTopRight { padding: 34px 0 6px 6px; width: 184px; height: 137px; text-align: left; vertical-align: bottom; }
.mainTableHorizLine { padding: 0; height: 1px; background-color: #576c7f; }
.mainTableLeft { vertical-align: top; border-top: 6px solid #fff; border-right: 6px solid #fff; padding: 0; width: 514px; 
background-position: top; background-repeat: no-repeat;  }
#mainTableLeft_whoWeAre { background-image: url(../images/general_template/main_bkg_whoWeAre.gif); background-color: #648dbd; }
#mainTableLeft_whatWeOffer { background-image: url(../images/general_template/main_bkg_whatWeOffer.gif); background-color: #efdf88; }
#mainTableLeft_whatWeOffer p, #mainTableLeft_whatWeOffer a, #mainTableLeft_whatWeOffer li, #mainTableLeft_whatWeOffer h1.pageHeading
{ color: #676451; }
#mainTableLeft_worship { background-image: url(../images/general_template/main_bkg_worship.gif); background-color: #b36d9e; }
#mainTableLeft_getInvolved { background-image: url(../images/general_template/main_bkg_getInvolved.gif); background-color: #5BA0A7; }
#mainTableLeft_boulderExtension { background-image: url(../images/general_template/main_bkg_boulderExtension.gif); background-color: #3386ba; }
.mainContent { padding: 20px 14px 0 22px; text-align: left; }
#mainTableMiddle { padding: 0; width: 1px; vertical-align: top; background-color: #576c7f;  }
#mainTableMiddle img { display: block; width: 1px; height: 426px; }
#mainTableRight { padding: 0; border-top: 6px solid #fff; border-left: 6px solid #fff; width: 184px; vertical-align: top; 
background-color: #eee;  }
.mainTableBottomLeft { border-right: 6px solid #fff; padding: 0; width: 514px; height: 52px; background-repeat: no-repeat; }
#mainTableBottom_whoWeAre { background-image:url(../images/general_template/main_bottom_whoWeAre.gif);  }
#mainTableBottom_whatWeOffer { background-image:url(../images/general_template/main_bottom_whatWeOffer.gif);  }
#mainTableBottom_worship { background-image:url(../images/general_template/main_bottom_worship.gif);  }
#mainTableBottom_getInvolved { background-image:url(../images/general_template/main_bottom_getInvolved.gif);  }
#mainTableBottom_boulderExtension { background-image:url(../images/general_template/main_bottom_boulderExtensio.gif);  }
#mainTableBottomMiddle { padding: 0; width: 1px; vertical-align: top; background-color: #576c7f; }
#mainTableBottomRight { padding: 0; border-left: 6px solid #fff;  width: 184px; vertical-align: top; 
background-image:url(../images/general_template/right_col_bottom.gif); background-repeat: no-repeat; }

/******* MAIN NAVIGATION *******/
#mainNavList { margin: 0; padding: 0; text-align: left; }
#mainNavList a { display: block; margin: 0; border-top: 1px solid #fff; padding: 0;  }
#mainNavList a img {display: block; margin: 0 0 4px 0; }

/******* RIGHT COLUMN NAVIGATION AND SITE INDEX *******/
.sideNav { margin: 0; padding: 0; text-align: left; background-color: #ff; }
.sideNav a { display: block; border-bottom: 4px solid #fff; padding: 5px 12px 3px 8px; width: 164px; height: 16px; 
color: #5c7a95; font-size: 11px; font-weight: bold; background-image:url(../images/sideNav/sidenav_bkg_grey.gif); 
background-repeat: no-repeat; }
.sideNav a:link, .sideNav a:visited { text-decoration:none; }
.sideNav a:hover { text-decoration:none; color: #26496A; }
#sideNav_whoWeAre a:hover { background-image: url(../images/sideNav/highlight_bkg_yellowgreen.gif); }
#sideNav_whatWeOffer a:hover { background-image: url(../images/sideNav/highlight_bkg_turquoise.gif); }
#sideNav_worship a:hover { background-image: url(../images/sideNav/highlight_bkg_gold.gif); }
#sideNav_getInvolved a:hover { background-image: url(../images/sideNav/highlight_bkg_purple.gif); }
#sideNav_boulderExtension a:hover { background-image: url(../images/sideNav/highlight_bkg_red.gif); }

/********* LISTS *********/
ul { margin: 0 0 12px 0; padding: 0 0 0 30px; text-align:left;  }
ul li { padding-bottom: 3px;  list-style-type:disc; }
ul.extraSpacing li { padding-bottom: 8px; }

/********* TABLES *********/
.standardFormTable { margin: 0 auto; width: 470px; }
.formTableLeft { padding: 6px 10px 6px 0; width: 150px; font-weight: bold; text-align: right; vertical-align: middle; }
.formTableRight { padding: 6px 0; width: 310px;  text-align: left; vertical-align: middle; }

.imagesAndTextTable { margin: 0 auto; width: 470px; }
.imagesAndTextLeft { padding: 0 18px 0 0; width: 230px; text-align: left; vertical-align: top; }
.imagesAndTextRight { padding: 0; width: 223px; text-align: left; vertical-align: top; }

.eventDetailsTable { margin: 0 auto; width: 470px; }
.eventDetailsPrintTable { margin: 0 0 0 20px; padding-bottom: 15px; border-bottom: 1px solid #ccc; width: 500px; }
 #mainTableLeft_whatWeOffer h1.eventDetailsTitle {  color: #A16C62; }
.eventDetailsTable td.eventDetailsLeft { padding: 1px 10px 1px 0; width: 220px; font-weight: bold; color: #676451; text-align: right;
vertical-align: top; }
td.eventDetailsPrintLeft { padding: 1px 10px 1px 0; width: 150px; font-weight: bold; color: #000; text-align: left;
vertical-align: top; }
.eventDetailsTable td.eventDetailsRight { padding: 1px 0; width: 240px; color: #676451; text-align: left; font-weight: normal;
vertical-align: top; }
td.eventDetailsPrintRight { padding: 1px 0; width: 330px; color: #000; text-align: left; font-weight: normal;
vertical-align: top; }

#preachingScheduleTable { margin: 0 auto; width: 470px; }
.preachingScheduleDate { padding: 4px 20px 4px 0; width: 100px; vertical-align: top; text-align: right; font-weight: bold; 
color: #ECE182;}
.preachingScheduleSpeaker { padding: 4px 20px 4px 0; width: 100px; vertical-align: top; text-align: left; font-weight: bold; }
.preachingScheduleSong { padding: 4px 20px 4px 0; width: 128px; vertical-align: top; text-align: left; font-weight: bold; color: #ECE182; }
.preachingScheduleAudio { padding: 4px 0; width: 82px; vertical-align: top; text-align: left; font-weight: bold; }
#dateHeader, #speakerHeader, #songHeader, #audioHeader { text-align: center; }

#siteIndexTable { margin: 0 auto; width: 470px; }
.siteIndexLeft { padding: 0 25px; width: 207px; text-align: left; vertical-align: top; }
.siteIndexRight { padding: 0; width: 207px; text-align: left; vertical-align: top; }
#siteIndexTable a { display: block; margin: 0 0 0 20px; padding: 6px 0; }

#staffListingTable { margin: 0 auto; width: 470px; }
.staffListingLeft { padding: 8px 20px 8px 80px; width: 160px; text-align: right; vertical-align: middle; }
.staffListingRight { padding: 8px 30px 8px 0; width: 180px; text-align: left; vertical-align: middle; }

/******** FOOTER *********/
#footer { margin: 6px auto 20px auto; padding: 22px 12px; text-align: center;  
background-image:url(../images/general_template/footer_line.gif); background-repeat: no-repeat; background-position: top center; }
#footer a, #footer p { color: #747A83;  }
#footer a { font-size: 11px; }
#footer p { font-size: 10px; }
#footer a#dmsLink { font-size: 10px; }

/********* FORM ELEMENTS *********/
form { margin:0; padding: 0; }
#searchForm { margin: 8px 0 12px 8px; text-align: left; }
#searchFormHomepage { margin: 0 0 10px 0; text-align: left; }
#searchFormHomepage input#search { border: 1px solid #506170; }
input#search { width:110px; padding: 2px 2px 0 4px; height: 16px; border: 1px solid #dadada; font-weight: bold; font-size: 11px;
color: #26496A; letter-spacing: 1px; }

.submit { margin: 0 10px 0 0; }
select { border: 1px solid #4b4b4b; font: 11px verdana, arial, sans-serif; color: #3b3b3b; background-color: #FFF;  }
.form_field_header { margin-bottom: 4px; font-weight: bold; }
.error { color: #CD1E01; background-color: #E3F2FD; }
.admin { color: #000000; }