/* Reset Styles */ /*-------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } html { height: 100%; background: #000 url(/graphics/sb_firstbc/bg_html.jpg) top center repeat-y; } body { height: 100%; line-height: 18px; color: #333; background: url(/graphics/sb_firstbc/bg_page.jpg) top center no-repeat; font-family: Georgia, Arial, sans-serif; font-size:14px; } p { padding: 0 0 15px 0; } :focus { outline: 0; } a { color:#668390; } a:hover { text-decoration:none; } strong { font-weight:bold; } em { font-style:italic; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } td { padding:2px; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } input, option, select { font-size:12px; } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:21px; font-family:"Hoefler Text", Georgia, serif; color:#642326; border-bottom:1px solid #e7e6e4; padding:10px; } .editor ul { list-style:disc; padding:0 0 15px 20px; } .editor ol { list-style:decimal; padding:0 0 15px 20px; } .editor li { padding:0 0 5px 0; } .editor blockquote { padding:0 0 15px 20px; } /*-------------------------------------*/ #header { width:1000px; height:120px; margin:0 auto; background: url(/graphics/sb_firstbc/banners/header_1.jpg) 10px 0 no-repeat; } #header h1 { border:none; padding:0; } #header h1 a { text-indent:-9000px; display:block; width:500px; height:120px; float:left; } #header .contact { float:right; width:100px; height:40px; margin:0 20px 0 0; display:block; text-indent:-9000px; } #container { width:1000px; overflow:hidden; margin:0 auto; } #nav { position:relative; width:1000px; height:61px; padding:10px 0 0 0; } #menu { padding:0 0 0 16px; font-family:"Helvetica Neue", Arial, sans-serif; } #menu li { float:left; } #menu li a { float:left; text-indent:-5000px; height:50px; display:block; } .aCommunity a { background: url(/graphics/sb_firstbc/topmenu/menu_aCommunity.jpg) top left no-repeat; width:271px; } .withAHeart a { background: url(/graphics/sb_firstbc/topmenu/menu_withAHeart.jpg) top left no-repeat; width:137px; } .forTheCity a { background: url(/graphics/sb_firstbc/topmenu/menu_forTheCity.jpg) top left no-repeat; width:131px; } .andBeyond a { background: url(/graphics/sb_firstbc/topmenu/menu_andBeyond.jpg) top left no-repeat; width:131px; } .aCommunity:hover a { background: url(/graphics/sb_firstbc/topmenu/menu_aCommunity_over.gif) top left no-repeat; } .withAHeart:hover a { background: url(/graphics/sb_firstbc/topmenu/menu_withAHeart_over.gif) top left no-repeat; } .forTheCity:hover a { background: url(/graphics/sb_firstbc/topmenu/menu_forTheCity_over.gif) top left no-repeat; } .andBeyond:hover a { background: url(/graphics/sb_firstbc/topmenu/menu_andBeyond_over.gif) top left no-repeat; } .currentItem { background-color:none; font-weight:bold; } #menu .aCommunity ul { margin:0; width:255px; background:#822b22 url(/graphics/sb_firstbc/topmenu/menu_aCommunity_hr.gif) top left no-repeat; } #menu li ul { padding:12px 5px 10px 5px; background:#822b22 url(/graphics/sb_firstbc/topmenu/menu_hr.gif) top left no-repeat; position:absolute; top:60px; left:-999em; height:auto; width:196px; font-weight:normal; margin:0 0 0 8px; } #menu li ul a { width:190px; color:#eef0ab; padding: 5px 0 5px 10px; background-image:none; text-indent:0; height:auto; text-decoration:none; } #menu li ul a:hover { text-decoration:underline; } #menu li:hover ul ul, #menu li.sfhover ul ul { left: -999em; } #menu li:hover ul, #menu li.sfhover ul { left:auto; } #menu li:hover, #menu li.sfhover { } #menu li li:hover, #menu li li.sfhover { } #search { position:relative; padding:13px 0 0 0; width:220px; float:right; } #search label { position:absolute; top:18px; left:10px; font-style:italic; color:#999; } #search input { padding:6px 0 0 8px; border:none; background:#fff; height:19px; width:192px; } #mainContent { width:1000px; overflow:hidden; background: url(/graphics/sb_firstbc/bg_section.jpg) top left repeat-y; } #intro { float:left; padding:37px 0 0 20px; width:740px; background: #fff url(/graphics/sb_firstbc/bg_front_top.jpg) top left repeat-x; } #slideshow { width:510px; overflow:hidden; float:left; } #welcomeBlock { width:190px; padding: 0 20px 0 0; float:right; } #welcomeBlock h4 { padding:10px; } .editor { padding:10px; } #sidebar { width:200px; float:right; padding:37px 20px 0 20px; } #sidebar h4 { border-bottom:1px solid #d4d3d0; } #findOutAboutUs { font-family:"Helvetica Neue", Arial, sans-serif; } #findOutAboutUs ul { color:#888; } #findOutAboutUs li { padding:2px 0 5px 0; } #upcomingEvents { padding:15px 0 0 0; font-family:"Helvetica Neue", Arial, sans-serif; } #upcomingEvents li { width:180px; padding:6px 10px; border-bottom:1px solid #d4d3d0; overflow:hidden; } #upcomingEvents a { float:right; color:#666; font-weight:bold; text-decoration:none; display:block; width:140px; } #upcomingEvents a:hover { text-decoration:underline; } #upcomingEvents span { float:left; color:#bcb5a7; display:block; width:40px; font-weight:bold; font-size:11px; text-transform:uppercase } #upcomingEvents .viewAll { border:none; } #upcomingEvents .viewAll a { color:#668390; font-weight:normal; text-decoration:underline; } #upcomingEvents .viewAll a:hover { text-decoration:none; } #midFeature { overflow:hidden; color:#dfe6ec; clear:left; width:720px; padding:20px 10px 5px 30px; background: url(/graphics/sb_firstbc/bg_front_feature.jpg) top left repeat-x; } #midFeature h3 { float:left; border:none; color:#eef0ab; font-size:24px; padding:10px 10px 0 10px; line-height:24px; } #midFeature .editor { float:left; width:485px; } #midFeature .supportingImage { float:right; margin: 6px 10px 0 0; } #subContent { padding:20px 20px 30px 20px; width:960px; overflow:hidden; } #becomeInvolved { width:200px; float:left; } #helpfulLinks { width:290px; padding: 0 0 0 20px; float:left; } #helpfulLinks li { background: url(/graphics/sb_firstbc/bullet.gif) 10px 11px no-repeat; font-family:"Helvetica Neue", Arial, sans-serif; padding:6px 10px 6px 22px; color:#888; border-bottom:1px solid #e7e6e4; } #ministryAreas { width:420px; padding: 0 0 0 20px; float:left; position:relative; } #ministryAreas ul { padding:10px 0 10px 5px; } #ministryAreas li { float:left; padding:0 8px 0 5px; } #ministryAreas_popup { position:absolute; left:0; top:75px; padding:0 18px 0 0; background: url(/graphics/sb_firstbc/popup_right.png) top right no-repeat; } #ministryAreas_popup p { height:26px; padding:9px 0 0 10px; font-family:"Helvetica Neue", Arial, sans-serif; font-weight:bold; font-size:14px; text-transform:lowercase; color:#666; background: url(/graphics/sb_firstbc/popup_left.png) top left no-repeat; } #contact_footer { padding:20px 30px; font-family:"Hoefler Text", Georgia, serif; color:#666666; border-top:4px solid #d7d8ba; background-color:#f6f7d5; width:940px; overflow:hidden; } #contact_footer p { padding:0; } #contact_footer span { font-size:10px; text-transform:uppercase; } .info { width:700px; float:left; } .links { width:240px; text-align:right; float:right; font-size:12px; } .links a { color:#666; text-decoration:none; } .links a:hover { text-decoration:underline; } #fullPage { width:1000px; overflow:hidden; background: url(/graphics/sb_firstbc/bg_subpage_cal.gif) top left repeat-x; } #fullPage #body { width:940px; padding:30px 30px 30px 20px; float:right; background: url(/graphics/sb_firstbc/bg_subpage_body.gif) top left repeat-x; } #calendar { width:1000px; overflow:hidden; background: url(/graphics/sb_firstbc/bg_subpage_cal.gif) top left repeat-x; } #calendar h2 { color:#642326; font-size:24px; padding:55px 30px 10px 30px; border-bottom:1px solid #ccc; } #calendar h3 { font-size:18px; padding:15px 30px 12px; text-transform:uppercase; margin:30px 0 0 0; font-weight:bold; color:#fff; background-color:#642326; } #calendar table { margin:0 20px 50px 20px; width:960px; font-size:18px; } #calendar th { font-weight:bold; padding:20px 10px 10px; border-bottom:1px solid #ccc; } #calendar td { width:115px; height:100px; padding:10px; border-bottom:1px solid #ccc; } #calendar td div { font-size:12px; border-left:5px solid #f6f7d5; padding:3px 3px 3px 5px; margin:3px 0; } #calendar .editor_content { float:left; width:650px; } #calendar table#grid_details { margin:0 10px; font-size:12px; background:none; } #calendar #grid_details th { font-weight:normal; text-align:left; padding:0px 0px; border-bottom:0px solid #ccc; } #calendar #grid_details td { width:25%; height:30px; padding:2px; border-bottom:0px solid #ccc; } #calendar .date { font-weight:bold; } #calendar .event_desc a { font-weight:bold; text-decoration:none; } #calendar .event_desc a:hover { font-weight:bold; text-decoration:underline; } #calendar .event_time { font-style:italic; color:#b6b79e; } #calendar .editor_content { padding:10px 10px 0 10px; font-size:13px; } #subpage { width:1000px; overflow:hidden; background: url(/graphics/sb_firstbc/bg_subpage.gif) top left repeat-y; min-height:200px; height:auto !important; height:200px; } #subpage #body { width:620px; padding:30px 30px 30px 20px; float:right; background: url(/graphics/sb_firstbc/bg_subpage_body.gif) top left repeat-x; } #subpage .editor { padding:10px; } #subpage #submenu { width:290px; padding:30px 20px 30px 20px; float:left; background: url(/graphics/sb_firstbc/bg_subpage_menu.gif) top left repeat-x; } #subpage #submenu .currentItem, #subpage #submenu .selectedPage { color:#642326; } #subpage #submenu h3 { font-size:18px; font-style:italic; border-bottom:1px solid #ccc; } #subpage #submenu li { font-weight:bold; font-family:"Helvetica Neue", Arial, sans-serif; padding:6px 10px; color:#888; border-bottom:1px solid #ccc; } #subpage #submenu li a { text-decoration:none; } #subpage #submenu li a:hover { border-bottom:1px dotted #668390; } #subpage #submenu li ul { padding:5px 0 0 0; } #subpage #submenu li li { border-bottom:none; font-weight:normal; font-style:italic; } #subpage #blog { width:620px; padding:30px 30px 30px 20px; float:right; background: url(/graphics/sb_firstbc/bg_subpage_body.gif) top left repeat-x; } #subpage #blog .blogdate1 .blogposted1 { padding-right:0px; color:#aaa; } #subpage #blog .blogdate1 .blogauthor1 { padding-right:7px; color:#777; font-size:12px; font-weight:normal; font-style:italic; text-transform:capitalize; } #subpage #blog .blogdate1 { font-family:"Helvetica Neue", Arial, sans-serif; padding:25px 10px 5px 10px; text-align:right; color:#aaa; font-size:12px; text-transform:uppercase; font-size:10px; font-weight:bold; } #subpage #blog .blogtitle1 { font-size:18px; font-style:italic; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:8px 10px; color:#642326; } #subpage #blog .blogbody1 { padding:10px; } #subpage #blog .linkArea { color:#999; background-color:#f5f5f5; margin-bottom:10px; padding:7px 10px; text-align:right; } #subpage #blog .linksbody { text-decoration:none; font-family:"Helvetica Neue", Arial, sans-serif; } #subpage #blog .linksbody:hover { background-color:#cccd55; } #subpage #blog .titlebodysmall { font-weight:normal; font-size:16px; font-family:"Hoefler Text", Georgia, serif; color:#642326;} #fullPage #grid_details .label { text-align:right; font-weight:bold; color:#777; font-size:10px; text-transform:uppercase; width:100px; padding:0 10px 3px 0; } #fullPage #grid_details .data { } #fullPage .backLink { padding:10px; border-top:1px solid #e7e6e4; } /* -- simple forms page -- */ /* ------------------------- */ .simpleForm { width:600px; } .simpleForm_denotes { font-style:italic; padding-bottom:5px;} .simpleForm_star { color:red;} .simpleForm_item { padding:0px 0px 10px 0px; width:600px; overflow:hidden;} .simpleForm_item label { float:left; width: 200px; padding-right:10px; text-align:right; font-weight:bold;} .simpleForm_itemTextArea { padding:0px 0px 10px 0px; width:600px; overflow:hidden;} .simpleForm_itemTextArea label { float:left; width: 200px; padding-right:10px; text-align:right; font-weight:bold; } .simpleForm_submitRow { margin-top:10px; padding-top:10px; border-top: 1px solid #ccc; clear:both;} .simpleForm_submit { margin:4px 0 0 210px; padding:8px 10px; color: #fff; background-color:#642326; border: none; cursor:pointer; text-transform:uppercase;} /* -- Sticky Footer -- */ #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -117px; } #footer, .push { height: 117px; } /* -- Footer -- */ #footer { width:1000px; margin:0 auto; } #footer .copyright { font-size:12px; text-align:center; font-family:"Helvetica Neue", Arial, sans-serif; padding:20px 0; background:#000; color:#9fa08a; } #footer .copyright a { color:#9fa08a; }