/* Redland Baptist Church */ /* Spring 2008 */ /* Site design and development by Red Letter Design, www.RedLetterDesign.net */ /* ----------------------------------------------- INITIAL RESET PLUS LAYOUT ----------------------------------------------- */ /* ----------------------------------------------- Reset browser default styles to insure consistency across various browsers ----------------------------------------------- */ html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1; text-align: left; vertical-align: baseline; } a img, :link img, :visited img { border: 0; } ol, ul { list-style: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } /* ----------------------------------------------- Helpful fixes ----------------------------------------------- */ a {outline: none; } /* get rid of Firefox link boxes */ html { height: 100%; }/* forces vertical scrollbars in FF to avoid horizontal shift on short pages */ /* ----------------------------------------------- Site Structure ----------------------------------------------- */ body { background-color: white; font-family: Georgia, "Times New Roman", Times, serif; color: #333333; font-size: 12px; text-align: center; } div#skips { display: none; } div#topSection { background: #6a0000 url(../images/layout/wrapper.jpg) top repeat-x; margin: 0; padding: 0; text-align: center; } div#header { margin: 0 auto !important; width: 935px; height: 150px; margin: 0; padding: 0; position: relative; } div#rbcMasthead { height: 150px; width: 555px; margin: 0; padding: 0; } div#teaser { position: absolute; top: 0; left:555px; overflow: hidden; width: 350px; height: 150px; } div#nav { width: 875px; min-height: 30px; margin: 0 auto !important; padding: 0; border-top: none; border-bottom: none; background: #6a0000 url(../images/layout/navBoxBkgd.jpg) top left repeat-x; } /* IE doesn't support min-height, but it treats height that way, so filter for IE */ * html div#nav { height: 30px; } div#contentSectionFront { width: 100%; background: #e5e8d3 url(../images/layout/footer.jpg) repeat-x; clear: both; text-align: center; } div#frontPage { width: 875px; height: 300px; margin: 0 auto !important; padding: 0; border-top: none; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-right: 1px solid #777777; } div#frontPagePhoto { width: 525px; height: 300px; overflow: hidden; float: left; margin: 0; } div#frontPageButtons { width: 350px; height: 300px; float: right; margin: 0; } div#frontPageNews { clear: both; position: relative; width: 875px; margin: 0 auto !important; margin: 0; padding: 0; text-align: left; border: none; background-color: transparent; } div#frontPageWelcome { width: 330px; float: left; margin: 0; padding: 20px 20px 20px 0; } div#frontPageTakeNote { width: 330px; float: left; margin: 0; padding: 20px 20px 20px 0; } div#frontPageThisWeek { width: 175px; margin: 20px 0 5px 0; padding: 0; float: left; } div#frontPageCalendar { width: 163px; height: 300px; /* this value is overridden via jQuery to be similar to the other boxes on the front page */ margin: 0; padding: 5px; border: 1px solid #aaaaaa; overflow: scroll; background-color: white; } div#contentSection { width: 100%; background: #ffffff; clear: both; text-align: center; } div#interiorPage { width: 875px; min-height: 500px; margin: 0 auto !important; padding: 0; background: #ffffff url(../images/layout/interiorNav.jpg) top left repeat-y; } /* IE doesn't support min-height, but it treats height that way, so filter for IE */ * html div#interiorPage { height: 500px; } div#interiorNav { width: 165px; float: left; top: 0; left:0; padding: 0 10px 0 0 ; } div#interiorContent { width: 680px; padding: 20px 0 10px 0px; float: right; } div#sermon { width: 680px; padding: 20px 0 10px 0px; float: right; } div#bottomSection { width: 100%; background: #e5e8d3 url(../images/layout/footer.jpg) repeat-x; clear: both; text-align: center; } div#footer { position: relative; width: 875px; margin: 0 auto !important; margin: 0; min-height: 200px; padding: 20px 0 0 0; text-align: left; border: none; background: transparent url(../images/layout/footerLogo.jpg) right top no-repeat; } /* IE doesn't support min-height, but it treats height that way, so filter for IE */ * html div#footer { height: 200px; } div#footerLeft { width: 350px; float: left; } div#footerRight1 { width: 175px; float: left; } div#footerRight2 { width: 175px; float: left; } /* ----------------------------------------------- TYPOGRAPHY ----------------------------------------------- */ /* ----------------------------------------------- Basic styles ----------------------------------------------- */ h1 { color: #990000; font-size: 24px; line-height: 30px; font-weight: normal; padding: 0; margin: 0 0 15px 0; } h2 { color: #24346c; /* dark blue */ border-bottom: 1px solid #990000; font-size: 20px; line-height: 22px; font-weight: normal; padding: 20px 0 0 0; margin: 0 0 5px 0; } h3 { color: #3E59B8; font-size: 16px; font-style: normal; font-weight: bold; margin: 0 0 5px 0; padding: 10px 0 0 0; line-height: 18px; font-weight: bold; } h4 { color: #990000; font-size: 13px; font-weight: bold; margin: 0 0 5px 0; padding: 10px 0 0 0; line-height: 18px; font-weight: bold; font-style: normal; } p, li, td, th { padding: 0; margin: 0 0 10px 0; font-size: 13px; line-height: 18px; color: #444444; text-align: left; } th { font-weight: bold; } strong { color: #990000; font-weight: bold; } blockquote { margin: 0 20px; } /* ----------------------------------------------- Ordered and Unordered Lists ----------------------------------------------- */ ul { list-style-position: outside; list-style-type: square; margin: 0 0 20px 2em; padding: 0 0 0 0; } ol { list-style-position: outside; list-style-type: decimal; margin: 0 0 20px 2em; padding: 0 0 0 0; } ul ul, ol ul { list-style-type: disc; margin: 10px 0 10px 2em; list-style-position: outside; } ol ol, ul ol {list-style-type: lower-alpha; margin: 10px 0 10px 2em; list-style-position: outside; } li { margin: 0 0 10px 0; padding: 0; } ul.listCompact li, ol.listCompact li {margin-bottom: 0;} /* ----------------------------------------------- Front Page ----------------------------------------------- */ div#frontPageNews h1 { color: #24346c; /* dark blue */ font-size: 18px; line-height: 18px; font-weight: normal; padding: 0; margin: 0 0 5px 0; } div#frontPageNews p { font-size: 11px; line-height: 16px; color: #333333; } div#frontPageTakeNote p { padding-left: 60px; min-height: 60px; } /* IE doesn't support min-height, but it treats height that way, so filter for IE */ * html div#frontPageTakeNote p { height: 60px; } div#frontPageTakeNote p.iconUth { background: url(../images/paraIcons/uth.jpg) no-repeat top left; } div#frontPageTakeNote p.iconMusic { background: url(../images/paraIcons/iconMusic.jpg) no-repeat top left; } div#frontPageTakeNote p.iconWomen { background: url(../images/paraIcons/women.jpg) no-repeat; } div#frontPageTakeNote p.iconMovie { background: url(../images/paraIcons/movie.jpg) no-repeat; } div#frontPageTakeNote p.iconFamilyMinistry { background: url(../images/paraIcons/familyMinistryIcon.jpg) no-repeat; } div#frontPageTakeNote p.iconStudy { background: url(../images/paraIcons/study.jpg) no-repeat; } div#frontPageTakeNote p.iconSports { background: url(../images/paraIcons/sports.jpg) no-repeat; } div#frontPageTakeNote p.iconRBC { background: url(../images/paraIcons/rbc.jpg) no-repeat; } div#frontPageTakeNote p.iconPrayer { background: url(../images/paraIcons/prayer.jpg) no-repeat; } div#frontPageTakeNote p.iconESL { background: url(../images/paraIcons/esl.jpg) no-repeat; } div#frontPageTakeNote p.iconCrossing { background: url(../images/paraIcons/crossing.jpg) no-repeat; } div#frontPageTakeNote p.iconEmail { background: url(../images/paraIcons/iconEmail.jpg) no-repeat; } ul#frontPagePhotoList, ul#teaserBox { list-style: none; margin: 0; padding: 0; } /* ----------------------------------------------- Footer ----------------------------------------------- */ div#footer p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 1.4; margin: 0; padding: 0 0 15px 0; color: #333333; } div#footerRight p { text-align: left; } div#footerBottom p { text-align: center; } div#footer p a, div#footer p a:link, div#footer p a:visited { color: #333333; text-decoration: underline; line-height: 1.8; } div#footer p a:hover { color: #990000; } /* ----------------------------------------------- Sermons ----------------------------------------------- */ div#sermonIdentifier { border: 1px solid #990000; margin: 0 0 15px 0; padding: 5px; } div#sermonIdentifier p.fromTheSeries { margin: 0; padding: 0; font-style: normal; font-size: 13px; } div#sermonIdentifier p.fromTheSeries strong { font-style: normal; font-weight: bold;font-size: 13px; } div#sermonIdentifier p.sermonReference { margin: 0; padding: 0; font-style: normal; font-size: 13px; } div#sermonIdentifier p.sermonDate { margin: 0; padding: 0; font-style: normal; font-size: 13px; } div#sermon strong { color: #222222; } div#sermon p { font-size: 15px; line-height: 24px; margin: 0 0 15px 0; } div#sermon li { font-size: 15px; line-height: 24px; margin: 0; } div#sermon blockquote.scripture { background-color: #f6f6ff; padding: 10px; margin-bottom: 15px; } div#sermon blockquote.scripture p { margin: 0; padding: 4px 0; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.2; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #222222; } div#sermon blockquote.lyrics, div#sermon blockquote.prayer { background-color: #f9f9f9; padding: 10px 10px 0px 10px; margin-bottom: 15px; } blockquote.lyrics p, blockquote.prayer p { font-style: italic; font-size: 13px; padding: 4px 0; } blockquote.longquote { background-color: #f9f9f9; padding: 10px 10px 0px 10px; margin-bottom: 15px; } blockquote.longquote p { font-style: italic; font-size: 13px; padding: 4px 0; } /* ----------------------------------------------- Classes ----------------------------------------------- */ .warning { color: #990000; font-weight: bold; } .success { color: #990000; font-weight: bold; } .specialSubHead { font-size: 18px; color: #0000CC; font-weight: bold; font-style: italic; } li.emergAnn { display: block; width: 330px; height: 110px; padding: 20px 10px; background: url(../images/teasers/announcement.jpg) top left no-repeat; color: white; font-size: 18px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: center; line-height: 1.6; } .highlight { background-color: #FFFF66; } .floatclear { clear: both; } /* ----------------------------------------------- NAVIGATION ELEMENTS ----------------------------------------------- */ /* ----------------------------------------------- Top navigation bar ----------------------------------------------- */ div#searchBoxDiv { width: 175px; height: 20px; padding: 7px 5px 3px 0; margin: 0 0 0 20px; float: right; background:url(../images/layout/searchBoxBkgd.jpg) top right no-repeat; } div#searchBoxDiv label { float: left; width: 25px; color: white; padding: 0; margin: 0; height: 20px; font-size: 13px; } div#searchBoxDiv input { float: right; width: 100px; height: 13px; margin: 0; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #990000; border: 0px;} div#nav ul { list-style: none; margin: 0; padding: 0; height: 30px; width: 650px; } div#nav li { display: inline; float: left; margin: 0; padding: 0; min-height: 30px; } /* IE doesn't support min-height, but it treats height that way, so filter for IE */ * html div#nav li { height: 30px; } div#nav li a { float: left; color: white; padding: 7px 11px 3px 9px; margin: 0; min-height: 20px; display: block; background: #6a0000 url(../images/layout/navBkgd.jpg) top right no-repeat; text-decoration: none; font-variant:normal; font-size: 13px; font-weight: normal; letter-spacing: .5px; } /* IE doesn't support min-height, but it treats height that way, so filter for IE */ * html div#nav li a { height: 20px; } div#nav li a:hover { background: #a50000 url(../images/layout/navHoverBkgd.jpg) top right no-repeat; } /* ----------------------------------------------- Interior Navigation ----------------------------------------------- */ div#interiorNav h1.intNavSectionName { color: #24346c; /* dark blue */ padding: 20px 0 5px 7px; background: transparent url(../images/layout/intNavSectionNameBkgd.jpg) bottom left no-repeat; } div#interiorNav ul { padding: 20px 0 20px 0; margin: 0; list-style: none; } div#interiorNav ul li { margin: 0; padding: 0; display: inline; } /* the subsection class is used for navigation elements that do NOT have links, i.e., they're just subsection titles */ div#interiorNav ul li a { text-decoration: none; display: block; margin: 0 0 5px 0; padding: 0 0 0 5px; line-height: 1.4; } div#interiorNav ul li.intNav1subsection, div#interiorNav ul li.intNav2subsection, div#interiorNav ul li.intNav3subsection { text-decoration: none; display: block; margin: 0 0 5px 0; padding: 0 0 0 5px; line-height: 1.4; } div#interiorNav ul li a:hover { background-color: #eef0e3; } div#interiorNav ul li.intNav1 a, div#interiorNav ul li.intNav1subsection { border-bottom: 1px solid #999999; font-size: 15px; color: #24346c; margin-left: 0; } div#interiorNav ul li.intNav2 a, div#interiorNav ul li.intNav2subsection { border-bottom: 1px solid #cccccc; margin-left: 10px; font-size: 13px; color: #444444; } div#interiorNav ul li.intNav3 a, div#interiorNav ul li.intNav3subsection { border-bottom: 1px dotted #cccccc; margin-left: 20px; font-size: 11px; color: #666666; } div#interiorNav ul li a.activeLink { color: #990000; font-weight: bold; } /* ----------------------------------------------- Big Front Page Buttons ----------------------------------------------- */ div#frontPageButtons ul { margin: 0; padding: 0; list-style: none; } div#frontPageButtons li { width: 350px; height: 75px; margin: 0; padding: 0; display: inline; /* prevents IE 1px jog bug */ } div#frontPageButtons li a { display: block; height: 75px; width: 350px; margin: 0; padding: 0; text-indent: -8000px; background-image: url(../images/layout/frontPageButtons.png); } div#frontPageButtons li#fpbWho a { background-position: 0 0; } div#frontPageButtons li#fpbWho a:hover { background-position: -350px 0; } div#frontPageButtons li#fpbWorship a { background-position: 0 -75px; } div#frontPageButtons li#fpbWorship a:hover { background-position: -350px -75px; } div#frontPageButtons li#fpbSchedule a { background-position: 0 -150px; } div#frontPageButtons li#fpbSchedule a:hover { background-position: -350px -150px; } div#frontPageButtons li#fpbDirections a { background-position: 0 -225px; } div#frontPageButtons li#fpbDirections a:hover { background-position: -350px -225px; } /* ----------------------------------------------- PHOTOS, IMAGES, GRAPHICS ----------------------------------------------- */ img#rbcLogo { border: none; margin: 0; padding: 0; } img#rotator { border: none; margin: 0; padding: 0; } img.photoRight { border: 1px solid #333333; padding: 0; margin: 5px 0 5px 10px; float: right; } img.photoLeft { border: 1px solid #333333; padding: 0; margin: 5px 15px 5px 0; float: left; } img.graphicRight { border: none; padding: 0; margin: 5px 0 5px 15px; float: right; } img.graphicLeft { border: none; padding: 0; margin: 5px 5px 5px 0; float: left; } p.caption { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 1.2; font-weight: bold; color: #ffffff; padding: 2px 5px 4px 5px; margin: 0; background-color: #384b69; border-bottom: 1px solid #333333; border-top: 1px solid #888888; } /* ----------------------------------------------- FORMS AND TABLES ----------------------------------------------- */ /* ----------------------------------------------- Tables ----------------------------------------------- */ table { width: 100%; margin: 10px 0; padding: 0; } td { padding: 4px; margin: 0; border-bottom: 1px solid #eeeeee; } th { padding: 4px; margin: 0; border-bottom: 2px solid #cccccc; } /* ----------------------------------------------- Front Page Calendar ----------------------------------------------- */ h1 a.frontPageCalendarLink {padding: 0; margin: 0; font-size: 11px;} table#frontPageCalendarTable { margin: 0; padding: 0; border: none; width: 145px; } table#frontPageCalendarTable td.calDate { color: #990000; font-weight: bold; font-size: 10px; line-height: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: none; } table#frontPageCalendarTable td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px; text-align: left; margin: 0; padding: 0; border-bottom: 1px solid #cccccc; } table#frontPageCalendarTable td.calTime { width: 55px; padding-right: 2px; } /* ----------------------------------------------- Sermon List ----------------------------------------------- */ table#sermonList { margin: 0; padding: 0; border: none; width: 100%; } table#sermonList td.calDate { color: #990000; font-weight: bold; border: none; } table#sermonList td { text-align: left; border-bottom: 1px solid #cccccc; } table#sermonList td.calTime { width: 75px; padding-right: 2px; } /* ----------------------------------------------- Contact Forms ----------------------------------------------- */ div.contactDiv { border-top: 1px solid #777777; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #777777; margin: 10px 0 10px 0; padding: 10px; background: #f5f7ea url(../images/layout/beigeGrad_f5f7ea.jpg) repeat-x; } div.contactDiv input.formInput, div.contactDiv textarea { display: block; margin: 20px 0 0 0; padding: 0; } div.contactDiv input.formInput, div.contactDiv textarea { border: 1px solid black; } div.contactDiv label { display: block; margin: 1px 0 15px 0; letter-spacing: 1px; color: #444444; padding: 0; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } div#honeypot { display: none; } /* spambot trap */ div.contactDiv p { color: #444444; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 13px; border-bottom: 1px solid #444444; padding: 5px; } div.contactDiv p input.formInput { display: inline; margin: 0 0 0 25px; } div.contactDiv p .contactDivGroupLabel { /* note: this is used in the softball registration form */ margin: 0 10px 0 0; float: left; width: 125px; } .rtnMsg { background-color: #FBF2C9; /* pale yellow */ color: #000000; padding: 5px 7px; margin: 5px 0; border: 1px solid #333333; } /* ----------------------------------------------- Horizontal Info Table ----------------------------------------------- */ table.horizTable td { padding: 4px; margin: 0; border-bottom: 1px solid #eeeeee; } table.horizTable th { font-weight: bold; padding: 4px; margin: 0; border-bottom: 1px solid #eeeeee; } /* ----------------------------------------------- SPECIAL USE ----------------------------------------------- */ .calloutDiv { border-top: 1px solid #999999; border-right: 1px solid #444444; border-bottom: 1px solid #444444; border-left: 1px solid #999999; margin: 10px 0 10px 0; padding: 10px;background: #f5f7ea url(../images/layout/beigeGrad_f5f7ea.jpg) repeat-x; } div.calloutDiv strong { color: #000099; } .infoDiv { border-top: 1px solid #cccccc; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #cccccc; margin: 10px 0 10px 0; padding: 10px; background: #ffffff url(../images/layout/infodivBackground.jpg) repeat-x; } div.infoDiv p { font-size: 16px; } div.lyrics { border: 1px solid #999999; margin: 10px 0; padding: 10px; background: #ffffff url(../images/layout/longGreenGrad.jpg) repeat-x; } div.lyrics p { font-size: 13px; font-weight: normal; color: #003300; font-style: italic; line-height: 1.6; padding: 0 0 10px 0; } blockquote.lyrics p { font-style: italic; line-height: 1.6; padding: 0 0 10px 0; } /* ----------------------------------------------- SITE MAP ----------------------------------------------- */ div#sitemap h1 { color: #24346c; /* dark blue */ border-bottom: 1px solid #990000; font-size: 20px; line-height: 22px; font-weight: normal; padding: 15px 0 0 0; margin: 0 0 0 0; } div#sitemap ul { padding: 5px 0 0 0; margin: 0; list-style: none; } div#sitemap ul li { margin: 0; padding: 0; } div#sitemap ul li a { margin: 0 0 0 0; padding: 0 0 0 0; line-height: 1.6; } div#sitemap ul li a:hover { background-color: #eef0e3; } div#sitemap ul li.intNav1 a { font-size: 13px; color: #24346c; margin-left: 10px; } div#sitemap ul li.intNav2 a { margin-left: 30px; font-size: 13px; color: #444444; } div#sitemap ul li.intNav3 a{ margin-left: 50px; font-size: 13px; color: #666666; } /* ----------------------------------------------- SERMON INDICES ----------------------------------------------- */ table.sermonTable td.sermonDate { white-space: nowrap; } table.sermonTable th { font-style: normal; line-height: 1.2; font-weight: bold; color: #ffffff; padding: 2px 5px 4px 5px; margin: 0; background-color: #384b69; border-bottom: 1px solid #333333; border-top: 1px solid #888888; } table.sermonTable tr.colTitles th { font-style: normal; line-height: 1.2; font-weight: bold; color: #ffffff; padding: 2px 5px 4px 5px; margin: 0; background-color: #990000; border-bottom: 1px solid #333333; border-top: 1px solid #888888; } /* ----------------------------------------------- RESOURCES ----------------------------------------------- */ div.resourceBox { margin: 20px 0 5px; padding: 5px; border: 1px solid #000066; background: #f5f7ea url(../images/layout/beigeGrad_f5f7ea.jpg) repeat-x; } div.resourceBox p.resourceTitle { font-size: 16px; font-weight: normal; } div.resourceBox p.resourceDescription { font-size: 14px; font-weight: normal; font-style: italic; } /* ----------------------------------------------- STAFF PAGE ----------------------------------------------- */ div.staffMember { width: 185px; float: left; margin: 30px 10px 0px 15px; padding: 150px 0 0 0; border: 1px solid #000066; background: #ffffff url(../images/photos/staff/nopic.jpg) top left no-repeat; } div.staffMember p.staffName { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 1.2; font-weight: bold; color: #ffffff; padding: 2px 5px 4px 5px; margin: 0; background-color: #384b69; border-bottom: 1px solid #333333; border-top: 1px solid #888888; } div.staffMember p.staffTitle { font-size: 11px; line-height: 1.1; font-weight: normal; font-style: italic; margin: 0; padding: 4px 5px 4px 5px; height: 30px; } div#BobbyCook { background: #ffffff url(../images/photos/staff/BobbyCook.jpg) top left no-repeat; } div#BillArcher { background: #ffffff url(../images/photos/staff/BillArcher.jpg) top left no-repeat; } div#JaneThomas { background: #ffffff url(../images/photos/staff/JaneThomas.jpg) top left no-repeat; } div#KenMarshall { background: #ffffff url(../images/photos/staff/KenMarshall.jpg) top left no-repeat; } div#HughFaulconer { background: #ffffff url(../images/photos/staff/HughFaulconer.jpg) top left no-repeat; } div#TomRiggs { background: #ffffff url(../images/photos/staff/TomRiggs.jpg) top left no-repeat; } div#MarilynJordan { background: #ffffff url(../images/photos/staff/MarilynJordan.jpg) top left no-repeat; } div#MarkAdams { background: #ffffff url(../images/photos/staff/MarkAdams.jpg) top left no-repeat; } div#JenniferCrocker { background: #ffffff url(../images/photos/staff/JenniferCrocker.jpg) top left no-repeat; } div#MichelleDuncan { background: #ffffff url(../images/photos/staff/MichelleDuncan.jpg) top left no-repeat; } div#JoedCarbonell { background: #ffffff url(../images/photos/staff/JoedCarbonell.jpg) top left no-repeat; } div#KevinFreeman { background: #ffffff url(../images/photos/staff/KevinFreeman.jpg) top left no-repeat; } div#SheilaWoofter { background: #ffffff url(../images/photos/staff/SheilaWoofter.jpg) top left no-repeat; } div#CydneySherman { background: #ffffff url(../images/photos/staff/CydneySherman.jpg) top left no-repeat; } div#MaryAnnMoore { background: #ffffff url(../images/photos/staff/MaryAnnMoore.jpg) top left no-repeat; } /* ----------------------------------------------- INTRO TO PROGRAMS PAGE ----------------------------------------------- */ table#programMatrix td { color: #666666; font-style: italic; font-size: 11px; } table#programMatrix td a { font-style: normal; font-size: 15px; } table#programMatrix th.target { background-color: #ffffff; border-bottom: 1px solid #444444; } table#programMatrix td.target { font-size: 13px; color: #444444; font-style: normal; font-weight: normal; background-color: #DCDED2; border-left: 1px solid #444444; border-bottom: 1px solid #444444; } table#programMatrix th.music { background-color: #9cb7d8; border-left: 1px solid #444444; border-top: 1px solid #444444; border-bottom: 1px solid #444444; } table#programMatrix td.music { background-color: #e2e7ee; border-left: 1px solid #444444; border-bottom: 1px solid #444444; } table#programMatrix th.education { background-color: #f0e584; border-left: 1px solid #444444; border-top: 1px solid #444444; border-bottom: 1px solid #444444; } table#programMatrix td.education { background-color: #faf4ba; border-left: 1px solid #444444; border-bottom: 1px solid #444444; } table#programMatrix th.recreation { background-color: #8ebc5c; border-left: 1px solid #444444; border-top: 1px solid #444444; border-bottom: 1px solid #444444; border-right: 1px solid #444444; } table#programMatrix td.recreation { background-color: #daedc5; border-left: 1px solid #444444; border-bottom: 1px solid #444444; border-right: 1px solid #444444; } table#programMatrix td a { color: #000000; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.3; } table#programMatrix td.music a { color: #395c86; } table#programMatrix td.education a { color: #8f8531; } table#programMatrix td.recreation a { color: #4f6933; } table#programMatrix td.music a:hover { color: #000000; } table#programMatrix td.education a:hover { color: #000000; } table#programMatrix td.recreation a:hover { color: #000000; } /* Twitter Table */ table.twitterTable th, table.twitterTable td {border-bottom: 1px solid #cccccc; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; vertical-align: top; text-align: left; margin: 0 0 3px 0; padding: 0 5px 5px 0; } table.twitterTable th { font-size: 11px; line-height: 11px; font-weight: bold; color: #999999; text-transform:uppercase; letter-spacing: 5px; text-align: center;} table.twitterTable th .twitterDay {font-size: 18px; letter-spacing: 1px; line-height: 18px; padding-right: 5px;} table.twitterTable td { font-size: 12px; line-height: 14px; font-weight: normal; color: #444444; } /* Footnotes */ div#sermon p.footnote {font-size: 13px; line-height: 18px; margin: 0 0 9px 0;} sup { vertical-align: super; font-size: 11px; }