/* @override http://keystonechurch.com/css/screen.css */ /* File: screen.css Media: screen Copyright: (c) 2009 Keystone Church Author: Bill Jones Notes: /* Reset Defaults --------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, 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-family: inherit; vertical-align: baseline;} :focus { outline: 0;} ul { list-style: none;} table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after { content: "";} blockquote, q { quotes: "" "";} blockquote { font-size: 1.8em; margin: 30px auto 35px auto; width: 80%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue" Helvetica, Arial, sans-serif; line-height: 1.6em; text-align: center; color: #000000; font-weight: 200; } blockquote p { } /* Basic Selectors --------------------------------------------------------------------------------------- */ html {height: 100%;} body { background: #000000 url(../images/bg/bg_body.jpg) top center no-repeat; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #666666; height: 100%;} h1, h2, h3, h4, h5, h6 { font-size:1.8em; font-weight:bold; color: #1f1e1c; font-family: Helvetica, Arial, Verdana, sans-serif; } p { font-size:1.2em; line-height:1.4em; margin:12px 0; } small { font-size:1.1em;} .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .float-left { float:left; } .float-right { float:right; margin: 0 0 10px 10px; } .float-none { float:none; } .clear-left {clear: left;} .clear-right {clear:right;} .push {clear:both;} .hide {display: none;} .overflow { width: 100%; overflow: hidden; } p.btn { margin-top: 20px; margin-bottom: 0; } p.last { margin-bottom: 0; } .margin-bottom { margin-bottom: 20px; } .article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; } .title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; } /* Links --------------------------------------------------------------------------------------- */ a {font-weight: bold; text-decoration: none;} a:link { color: #01a5a3;} a:visited { color: #01a5a3;} a:hover { color: #333333; text-decoration: underline;} a:active { color: #01a5a3;} .header a {font-weight: bold; text-decoration: none;} .header a:link { color: #999999;} .header a:visited { color: #999999;} .header a:hover { color: #ff0042; text-decoration: underline;} .header a:active { color: #999999;} .rotator_side_row a {font-weight: bold; text-decoration: none;} .rotator_side_row a:link { color: #999999;} .rotator_side_row a:visited { color: #999999;} .rotator_side_row a:hover { color: #ffffff; text-decoration: none;} .rotator_side_row a:active { color: #999999;} .community_box a {font-weight: bold; text-decoration: none;} .community_box a:link { color: #ffffff;} .community_box a:visited { color: #ffffff;} .community_box a:hover { color: #898884; text-decoration: underline;} .community_box a:active { color: #ffffff;} #sidebar a:link { color: #47f4f2;} #sidebar a:visited { color: #47f4f2;} #sidebar a:hover { color: #666666; text-decoration: underline;} #sidebar a:active { color: #47f4f2;} .footer a:link { color: #666666; font-weight: normal;} .footer a:visited { color: #666666; font-weight: normal;} .footer a:hover { color: #47f4f2; text-decoration: underline; font-weight: normal;} .footer a:active { color: #666666; font-weight: normal;} a.arrow {background: transparent url(../images/arrows/arrow_blue.gif) 100% 50% no-repeat; padding-right: 14px;} .btn_more { display:block; width: 45px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_more.gif) top left no-repeat; float: right; margin: 3px 3px 0 0; } .btn_more:hover { background-position: top right;} .btn_go_small { display:block; width: 28px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_go_small.gif) top left no-repeat; float: right; margin: 3px 3px 0 0; } .btn_go_small:hover { background-position: top right;} .btn_go { display:block; width: 25px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_go.gif) top left no-repeat; float: right; margin: 0 0 0 0; } .btn_go:hover { background-position: top right;} .btn_donate { display:block; width: 104px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_donate.gif) top left no-repeat; } .btn_donate:hover { background-position: top right;} .btn_donate_header { display:block; width: 104px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_donate_header.gif) top left no-repeat; float: right; display: inline; margin-bottom: 10px;} .btn_donate_header:hover { background-position: top right;} .btn_learn_more { display:block; width: 104px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_learn_more.gif) top left no-repeat; } .btn_learn_more:hover { background-position: top right;} .btn_learn_more_pink { display:block; width: 104px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_learn_more_pink.gif) top left no-repeat; } .btn_learn_more_pink:hover { background-position: top right;} .btn_sign_up_today { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_sign_up.gif) top right no-repeat; } .btn_sign_up_today:hover { background-position: top left;} .btn_back { display:block; width: 56px; height: 21px; text-indent: -9999px; background: transparent url(../images/btn/btn_back.gif) top left no-repeat; float: right; } .btn_back:hover { background-position: top right;} .btn_volunteer_print { display:block; width: 74px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_volunteer_print.gif) top left no-repeat; margin-top: 16px; float: left; margin-right: 14px; } .btn_volunteer_print:hover { background-position: top right;} .btn_become_a_fan { display:block; width: 136px; height: 39px; text-indent: -9999px; background: transparent url(../images/btn/btn_become_a_fan.gif) top left no-repeat; float: left; } .btn_become_a_fan:hover { background-position: top right;} .btn_join_a_cause { display:block; width: 136px; height: 39px; text-indent: -9999px; background: transparent url(../images/btn/btn_join_a_cause.gif) top left no-repeat; float: right; } .btn_join_a_cause:hover { background-position: top right;} .btn_post { display:block; width: 41px; height: 16px; text-indent: -9999px; background: transparent url(../images/btn/btn_post.gif) top left no-repeat; float: right; margin: 0 0 0 0; } .btn_post:hover { background-position: top right;} .btn_stw_download { display:block; width: 71px; height: 12px; text-indent: -9999px; background: transparent url(../images/btn/btn_download.jpg) top left no-repeat; margin: 0 0 0 0; } .btn_stw_download:hover { background-position: top right;} .badges .btn_stw_download { margin: 16px 0 0 39px; } .btn_stw_get_code { display:block; width: 63px; height: 12px; text-indent: -9999px; background: transparent url(../images/btn/btn_get_code.jpg) top left no-repeat; margin: 8px 0 0 0; } .btn_stw_get_code:hover { background-position: top right;} .btn_send_to_friend { display:block; width: 104px; height: 29px; text-indent: -9999px; background: transparent url(../images/btn/btn_send_to_friend.gif) top left no-repeat; } .btn_send_to_friend:hover { background-position: top right;} .btn_media_download { display:block; width: 56px; height: 20px; text-indent: -9999px; background: transparent url(../images/btn/btn_download_audiosm.gif) top right no-repeat; } .btn_media_download:hover { background-position: top left;} .btn_share { display:block; width: 56px; height: 20px; text-indent: -9999px; background: transparent url(../images/btn/btn_share.gif) top right no-repeat; } .btn_share:hover { background-position: top left;} .btn_rsvp { display:block; width: 56px; height: 20px; text-indent: -9999px; background: transparent url(../images/btn/btn_rsvp3.gif) top right no-repeat; } .btn_rsvp:hover { background-position: top left;} .btn_rsvp2 { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_rsvp2.gif) top right no-repeat; } .btn_rsvp2:hover { background-position: top left;} .btn_photo { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_photo.gif) top right no-repeat; } .btn_photo:hover { background-position: top left;} .btn_itunes_download { display:block; width: 113px; height: 25px; text-indent: -9999px; background: transparent url(../images/btn/btn_download_itunes.gif) top right no-repeat; } .btn_itunes_download:hover { background-position: top left;} .btn_rssaudio_download { display:block; width: 113px; height: 25px; text-indent: -9999px; background: transparent url(../images/btn/btn_rss_audio.gif) top right no-repeat; } .btn_rssaudio_download:hover { background-position: top left;} .btn_rssvideo_download { display:block; width: 113px; height: 25px; text-indent: -9999px; background: transparent url(../images/btn/btn_rss_video.gif) top right no-repeat; } .btn_rssvideo_download:hover { background-position: top left;} .btn_subscribeaudio_download { display:block; width: 113px; height: 25px; text-indent: -9999px; background: transparent url(../images/btn/btn_download_audio.gif) top right no-repeat; } .btn_subscribeaudio_download:hover { background-position: top left;} .btn_subscribevideo_download { display:block; width: 113px; height: 25px; text-indent: -9999px; background: transparent url(../images/btn/btn_download_video.gif) top right no-repeat; } .btn_subscribevideo_download:hover { background-position: top left;} .btn_give { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_give.gif) top right no-repeat; } .btn_give:hover { background-position: top left;} .btn_group_finder { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_group_finder.gif) top right no-repeat; } .btn_group_finder:hover { background-position: top left;} .btn_group_finder2 { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_Group-Finder.gif) top right no-repeat; } .btn_group_finder2:hover { background-position: top left;} .btn_group_login { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_Group-Login.gif) top right no-repeat; } .btn_group_login:hover { background-position: top left;} .btn_fullmenu { position: absolute; top: 85px; left: 870px; display:block; width: 90px; height: 25px; text-indent: -9999px; background: transparent url(../images/btn/btn_fullmenu.gif) top right no-repeat; } .btn_fullmenu:hover { background-position: top left;} .btn_baptism { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_baptism.gif) top right no-repeat; } .btn_baptism:hover { background-position: top left;} .btn_serve { display:block; width: 67px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_serve.gif) top right no-repeat; } .btn_serve:hover { background-position: top left;} .btn_contact { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_contact.gif) top right no-repeat; } .btn_contact:hover { background-position: top left;} .btn_medialist { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_medialist.gif) top right no-repeat; margin-top: 20px; } .btn_medialist:hover { background-position: top left;} .btn_campactivity { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_campactivity.gif) top right no-repeat; margin-top: 20px; } .btn_campactivity:hover { background-position: top left;} .btn_campscholarship { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_campscholarship.gif) top right no-repeat; margin-top: 20px; } .btn_campscholarship:hover { background-position: top left;} .btn_campregister { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_campregister.gif) top right no-repeat; margin-top: 20px; } .btn_campregister:hover { background-position: top left;} .btn_mcregister1 { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_mcregister1.gif) top right no-repeat; margin-top: 20px; } .btn_mcregister1:hover { background-position: top left;} .btn_mcregister2 { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_mcregister2.gif) top right no-repeat; margin-top: 20px; } .btn_mcregister2:hover { background-position: top left;} .btn_campforms { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_campforms.gif) top right no-repeat; margin-top: 20px; } .btn_campforms:hover { background-position: top left;} .btn_camppics { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_camppics.gif) top right no-repeat; margin-top: 20px; } .btn_camppics:hover { background-position: top left;} .btn_register2 { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_sign_up2.gif) top right no-repeat; } .btn_register:hover { background-position: top left;} .btn_register { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_register.gif) top right no-repeat; } .btn_register:hover { background-position: top left;} .btn_pdf { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_pdf.gif) top right no-repeat; } .btn_pdf:hover { background-position: top left;} .btn_readonline { display:block; width: 135px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_read_online.gif) top right no-repeat; } .btn_readonline:hover { background-position: top left;} .badges .btn_stw_get_code { margin: 16px 0 0 39px; } /* Main Structural Selectors --------------------------------------------------------------------------------------- */ .container { width:960px; margin: 0 auto; } .header { position: relative; width:960px; height:110px; margin: 0 auto; padding: 0; overflow: hidden; } .content { width:960px; margin: 20px auto 0 auto; overflow: hidden; } .main { width:570px; float:left; display:inline; margin: 0 0 0 0; } #sidebar { width:232px; padding:0; float:right; display:inline; margin: 0; color: #666666;} .footer { width: 960px; margin: 0 auto; padding: 12px 0 24px 0; color: #444444; overflow: hidden; } * html .container { width:996px; margin: 0 auto; padding:0 18px; background: transparent url(../images/bg/bg_container.gif) 0 10px no-repeat; padding: 0 0; } /* Header Layout --------------------------------------------------------------------------------------- */ .header h1 { position: absolute; display: inline; top: 0px; left: 355px;} .header h1 a { display: block; width: 250px; height: 110px; text-indent: -9999px; background: transparent url(../images/bg/bg_nav.png) -355px 0 no-repeat; } /*.header h1 a:hover { display: block; width: 250px; height: 110px; text-indent: -9999px; background: transparent url(../images/bg/bg_nav.gif) -355px -110px no-repeat; }*/ .donate_header { float: right; display: inline; overflow: hidden; margin: 30px 20px 0 0; width: 30%; } .donate_header p { text-align: right; clear: right; font-size: 1.1em; } .main_nav_left { height: 30px; width:355px; overflow: hidden; margin-top: 25px; float: left;} .main_nav_left li { height: 30px; float: left; display: inline; } .main_nav_left li a { display: block; height: 30px; text-indent: -9999px; background: transparent url(../images/bg/bg_nav.png) 0 0 no-repeat; } /* * html .main_nav { margin-left: 18px; } */ .main_nav_right { height: 30px; width:400px; overflow: hidden; margin-top: 25px; float:right;} .main_nav_right li { height: 30px; float: right; display: inline; margin-left: 30px;} .main_nav_right li a { display: block; height: 30px; text-indent: -9999px; background: transparent url(../images/bg/bg_nav.png) 0 0 no-repeat; } #new { width: 134px; background-position: -20px -25px; margin-left: 20px;} #new:hover { background-position: -20px -135px; } #times { width: 162px; background-position: -182px -25px; margin-left: 28px;} #times:hover { background-position: -182px -135px; } #kids { width: 46px; background-position: -894px -25px; margin-right: 20px;} #kids:hover { background-position: -894px -135px; } #media { width: 64px; background-position: -800px -25px; } #media:hover { background-position: -800px -135px; } #give { width: 43px; background-position: -726px -25px; } #give:hover { background-position: -726px -135px; } #about { width: 59px; background-position: -636px -25px; } #about:hover { background-position: -636px -135px; } body.new a#new, body.new a#new:hover { width: 134px; background-position: -20px -135px; } body.times a#times, body.times a#times:hover { width: 162px; background-position: -182px -135px; } body.kids a#kids, body.kids a#kids:hover { width: 46px; background-position: -894px -135px; } body.media a#media, body.media a#media:hover { width: 64px; background-position: -800px -135px; } body.give a#give, body.give a#give:hover { width: 43px; background-position: -726px -135px; } body.about a#about, body.about a#about:hover { width: 59px; background-position: -636px -135px; } .fullmenu { position: absolute; top: } /* Music Side --------------------------------------------------------------------------------------- */ .listening { float: right; width: 310px; margin: 20px 0 20px 20px; border: 1px solid #CCC; padding: 10px; } /* Homepage Slideshow --------------------------------------------------------------------------------------- */ .home_left_column #homeslideshow { position:relative; } .home_left_column #homeslideshow div.slide { width:720px; height:405px; display:none; position:absolute; top:0; left:0; z-index:50; } .home_left_column #homeslideshow div#slide1 { display:block; } /* .home_left_column #homeslideshow div#slide2 { background:green; } .home_left_column #homeslideshow div#slide3 { background:blue; } .home_left_column #homeslideshow div#slide4 { background:yellow; } */ .home_left_column #homeslideshow .imgnav { position:absolute; top:405px; right:0; background:#111; height:20px; padding-top:4px; width:720px; } .home_left_column #homeslideshow .imgnav ul { width:422px; height:20px; float:right; display:none; } .home_left_column #homeslideshow .imgnav li { float:left; display:block; width:15px; height:15px; font-size:1px; line-height:1px; margin-left:5px; } .home_left_column #homeslideshow .imgnav li a { display:block; height:15px; width:15px; background:#333; text-indent:-10000px; } .home_left_column #homeslideshow .imgnav li a:hover, .home_left_column #homeslideshow .imgnav li a.active { background:#545350; } .home_left_column #homeslideshow a#nextslide, .home_left_column #homeslideshow a#prevslide { float:left; font-size:1px; line-height:1px; text-indent:-10000px; margin-left:5px; display:block; width:15px; height:15px; background:url(../images/arrowssmall.png) no-repeat; } .home_left_column #homeslideshow a#nextslide { background-position:-15px 0; } .home_left_column #homeslideshow a#nextslide:hover { background-position:-15px -15px; } .home_left_column #homeslideshow a#prevslide { background-position:0 0; } .home_left_column #homeslideshow a#prevslide:hover { background-position:0 -15px; } /* .home_left_column #homeslideshow a#nextslide:hover, .home_left_column #homeslideshow a#prevslide:hover { background-position:0px -16px; } */ /* Homepage Layout --------------------------------------------------------------------------------------- */ .home_left_column { float: left; display: inline; width: 720px; } .home_right_column { float: right; display: inline; width: 220px; } .home_right_column p { margin:0 0 27px; padding:0; } .home_right_column p a { border: 1px #666666 solid; display: block; } .home_right_column p a:hover { border: 1px #CCCCCC solid; } .home_right_column_5 { float: right; display: inline; width: 220px; } .home_right_column_5 p { margin:0 0 19px; padding:0; } .home_right_column_5 p a { border: 1px #666666 solid; display: block; } .home_right_column_5 p a:hover { border: 1px #CCCCCC solid; } .home_right_column_4 { float: right; display: inline; width: 220px; } .home_right_column_4 p { margin:0 0 19px; padding:0; } .home_right_column_4 p a { border: 1px #666666 solid; display: block; } .home_right_column_4 p a:hover { border: 1px #CCCCCC solid; } .li_last { margin-bottom: 0; } .social_hub { width: 100%; margin: 20px 0 0 0; } .social_media { float: left; height: 158px; width: 24%; background: #111111; } .social_media h4 { margin: 10px 0 14px 15px; font-size: 2.8em; font-weight: 200; color: #555555; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue" Helvetica, Arial, sans-serif; width: 100px; } .social_left { float:left; margin: 5px 0 0 15px; } .social_right { float: right; margin: 5px 15px 0 0; } .blog { float: right; width: 50%; height: 158px; background: #111111; } .blog h4 { margin: 10px 0 0 15px; font-size: 2.8em; font-weight: 200; color: #555555; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue" Helvetica, Arial, sans-serif; display: block; } .blog_content { height: 87px; margin: 10px 15px 0; overflow: hidden; } .recent_tweets { float: left; width: 21.75%; height: 158px; background: #111111; margin-left: 20px; } .recent_tweets h4 { margin: 10px 0 0 15px; color: #555555; display: block; font: 200 2.8em "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue"; } .recent_tweets_content { height: 105px; margin: 0px 15px 0px; overflow:auto ; } marquee { height: 105px; } .event_calendar { float: right; margin: 20px 20px 0 0; width: 30%; } .calendarlink a { font-size: 1.2em; color: #666; padding: 3px 5px; background: #222222; display: block; text-decoration: none; float: right; } .calendarlink a:hover { background: #47f4f2; } #pscroller1{ width: 450px; height: 1.2em; border: 1px dashed black; padding: 5px; background-color: lightyellow; } #pscroller2{ height:100%; color:#CCC; font-size:12px; line-height: 15px; } #pscroller2, #pscroller2 .rsstitle a { color: #565656; } #pscroller22, #pscroller21, #pscroller20, #pscroller23 { width: 440px !important; } .rssclass .rsstitle{ font: 16px Helvetica, Arial, sans-serif; color: #999; font-weight: normal; margin-bottom: 5px; } .rssclass .rssdate{ color: #FFF; font-size: 12px; } .rssclass a{ text-decoration: none; color: #999; } .rssclass a:hover{ text-decoration: underline; color: #999; } .btn_twitter { display:block; width: 100px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_twitter.gif) top left no-repeat; margin-bottom: 10px; } .btn_twitter:hover { background-position: top right;} .btn_vimeo { display:block; width: 74px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_vimeo.gif) top left no-repeat; margin-bottom: 10px; } .btn_vimeo:hover { background-position: top right;} .btn_facebook { display:block; width: 100px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_facebook.gif) top left no-repeat; margin-top: 3px; } .btn_facebook:hover { background-position: top right;} .btn_blog { display:block; width: 50px; height: 30px; text-indent: -9999px; background: transparent url(../images/btn/btn_blog.gif) top left no-repeat; margin-top: 5px; } .btn_blog:hover { background-position: top right;} .flickr_container { width: 940px; margin: 20px 0 0 0; clear: both; background: #111111; padding: 15px 0 20px 20px; } .flickr_container h4 { font-size: 2.8em; font-weight: 200; color: #555555; width: 100%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .flickr_more { float: right; margin: 5px 20px 0 0; } .flickr_more a { font-size: 1.2em; color: #666; padding: 3px 5px; background: #222222; display: block; text-decoration: none; } .flickr_more a:hover { background: #47f4f2; } #flickr_badge_uber_wrapper { overflow: hidden; width: 100%; margin: 14px 0 0 0;} .flickr_badge_image { float: left; display: inline; margin: 0 20px 0 0;} .flickr_badge_image img { border: 5px solid #545350; width: 64px; height: 62px;} #flickr_badge_source {text-align:left; margin:0 0 0 0;} #flickr_badge_icon {float:left;} #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;} #flickr_badge_wrapper {} #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, sans-serif !important; color:#666666 !important;} .sidebar_flickr_container { padding: 0px 0 20px 13px; } #sidebar #flickr_badge_uber_wrapper { overflow: hidden; width: 100%; margin: 14px 0 0 0;} #sidebar .flickr_badge_image { float: left; display: inline; margin: 0 7px 7px 0;} #sidebar .flickr_badge_image img { border: 5px solid #545350; width: 60px; height: 60px;} #sidebar #flickr_badge_source {text-align:left; margin:0 0 0 0;} #sidebar #flickr_badge_icon {float:left;} #sidebar #flickr_badge_uber_wrapper a:hover, #sidebar #flickr_badge_uber_wrapper a:link, #sidebar #flickr_badge_uber_wrapper a:active, #sidebar #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;} #sidebar #flickr_badge_wrapper {} #sidebar #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans-serif !important; color:#666666 !important;} .post_to_wall_box { width: 259px; padding: 13px; background: #eeeeee; margin-top: 24px; } .post_to_wall { width:200px; padding: 18px 13px 22px 46px; background: transparent url(../images/bg/bg_post_on_wall.gif) 0 0 no-repeat; height: 56px; margin-top: 6px; } .post_to_wall_tweet { width:211px; padding: 10px 6px 22px 42px; background: transparent url(../images/bg/bg_post_on_wall.gif) 0 0 no-repeat; height: 64px; margin-top: 6px; } #main_content .post_to_wall_box h4 { margin: 0; } #main_content .post_to_wall_box p { margin: 0; } .post_to_wall_button { width: 226px; padding: 0 13px 0 33px; margin-top: 4px } .post_to_wall_button p, .post_to_wall_myspace p { font-size: 1.1em; color: #999999; } .post_to_wall_myspace { width: 259px; margin-top: 4px } .post_to_wall_box .myspace_banner { margin: 13px 0 5px 0;} .social_media_logo { float: left; display: inline; margin: 3px 16px 8px 0; } .black_text { color: #000000; } /* Main Layout --------------------------------------------------------------------------------------- */ .main h4, .full h4 { font-size: 1.6em; margin: 20px 0; } #main_content h2 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3.0em; font-weight: 200; color: #333333; } #main_content p.crumbs { margin: 0 0 16px 0; font-size: 1.1em; } #main_content { width:625px; padding: 15px 30px 25px; background: #ffffff; float: left; } /*#main_content { border: 3px solid #333333;}*/ #main_content h3, .full h3 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2.0em; font-weight: 200; color: #333333; } #main_content h6 { font-size: 1.4em; } #main_content p { line-height: 1.6em; margin: 18px 0;} #main_content ul, #main_content dl, #main_content ol, .full ul { margin: 16px 0; } #main_content ul li, #main_content dl dd, .full ul li { list-style: disc; display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; } #main_content ol li { display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; } .main_image { margin-bottom: 20px; } .main_image_small { float: left; display: inline; margin: 0 28px 24px 0; } .secondary_image { border: 10px solid #e8e8e8; margin: 0 0 4px 0; } .image_graph { margin: 12px 0 4px 0; } .staff_box { margin-top: 24px; } .staff { width:33%; float: left; display: inline; text-align: center; height: 304px; } .staff h3 { font-size: 1.2em; margin: 8px 0 2px 0; letter-spacing: normal; text-transform: none; } .staff_info { width: 200px; float: left; display: inline; } .staff_thumb_image { border: 10px solid #bebcb7;} .staff_bio_image { border: 10px solid #bebcb7; margin-top: 2px; } .staff_content { width: 58%; float: right; display: inline; } h4.staff_bio_name { font-size: 2.4em; } .staff_content h4 { font-size: 1.6em; margin: 0 0 2px 0; } .staff_content p:first-child { margin-top:0; } .staff_title { font-size: .75em; font-weight: normal; margin-left: 8px; } .staff_title img { vertical-align: bottom; margin:0 0 2px 6px; } #main_content .staff_info h4 { font-size: 1.2em; margin: 16px 0 0 0; } #main_content .staff_networks { margin: 12px 0 0 0; padding: 0; width: 100%; overflow: hidden; } #main_content .staff_networks li { margin: 0; padding: 0; list-style: none; float: left; display: inline; margin-right: 12px; } #main_content .staff_networks li a { display: block; width: 16px; height: 16px; text-indent: -9999px;} .staff_facebook, .staff_facebook:hover { background: transparent url(../images/staff/staff_facebook.gif) 0 0 no-repeat; } .staff_twitter, .staff_twitter:hover { background: transparent url(../images/staff/staff_twitter.gif) 0 0 no-repeat; } .staff_myspace, .staff_myspace:hover { background: transparent url(../images/staff/staff_myspace.gif) 0 0 no-repeat; } .staff_linkedin, .staff_linkedin:hover { background: transparent url(../images/staff/staff_linkedin.gif) 0 0 no-repeat; } .staff_flickr, .staff_flickr:hover { background: transparent url(../images/staff/staff_flickr.gif) 0 0 no-repeat; } .news_list { width: 100%; border-bottom: 1px solid #e8e8e8; padding: 14px 0; overflow: hidden; } .news_list .news_date { width: 10%; float: left; display: inline; } .news_list .listing { width: 87%; float: right; display: inline; border-bottom: 0; margin: 0; padding: 0; } .news_list h4 { font-size: 1.4em; margin: 0; } .news_list h5 { font-size: 1.4em; margin: 0; } .news_list .listing h4 { margin: 0 0 0 0; } .full { width:858px; padding: 26px 30px; background: #ffffff; border: 1px solid #dddddd; margin: 0 auto; } .full h4 { color: #ff0042; } .site_map_list { width: 16%; float: left; display: inline; } .full .site_map_list li { font-size: 1.1em; margin-left: 12px; padding-left: 0;} .full .site_map_list li.site_map_title { margin: 0 0 8px 0; padding: 0; list-style: none; font-size: 1.4em;} .big_text { background: #d6ebc4 url(../images/icons/icon_confirmation.gif) 16px 50% no-repeat; padding: 8px 15%; width: 70%; text-align: center; margin: 24px 0; } .big_text p { font-size: 1.6em; color: #2c8603; margin: 0; line-height: 1.3em; } .confirmation_content h4 { margin: 30px 0 24px 0; } #main_content ul.pages { margin: -5px 0 0 0; padding: 0; overflow: hidden; width: 96%; border-top:1px solid #e2ddcd; border-bottom:1px solid #e2ddcd; padding: 6px 2%; background: #f8f6ed; } #main_content ul.pages li { margin: 0; padding: 0; float: left; display: inline; margin-right: 6px; color: #6d5935; } #main_content ul.pages li.title { padding-top: 3px; font-weight: bold; } #main_content ul.pages li a { display: block; padding:3px 4px; text-decoration: underline; } #main_content ul.pages li a:hover { text-decoration: underline; background: #f1f8fc;} #main_content ul.pages li a.active, ul.pages li a.active:hover { display: block; padding:3px 4px; border: 0; color: #6d5935; text-decoration: none; } #main_content ul.top_pages { margin: 24px 0; } .twitter_feed_2 { width: 100%; height: 126px; background: transparent url(../images/bg/bg_twitter.jpg) 0 0 no-repeat; padding: 0 20px 0 140px; margin: 6px 0 0 0; } .twitter_feed_2 td { vertical-align: middle; margin: 0; padding: 0;} .twitter_feed_2 h3 { color: #666666; font-size: 1.5em; line-height: 1.1em;} .twitter_feed_2 h3 span { font-size: .7em; } #main_content .twitter_feed_2 ul, #main_content .twitter_feed_2 ul li { margin: 0; padding:0; list-style: none; line-height: 1.2em; font-weight: normal; } .bg_community_section { margin-top: 30px; } .community_section_left { float: left; display: inline; width: 285px; } .community_section_right { float: right; display: inline; width: 285px; } .spread_the_word_box { margin-top: 24px; overflow: hidden; } .spread_the_word_title { background: #eeeeee; overflow: hidden; } #main_content .spread_the_word_title h4 { margin: 4px 0 1px 4px; float: left; display: inline; } .spread_the_word_row { overflow: hidden; margin: 24px 0 0 0; } .spread_the_word_content { width: 100%; float: none; text-align: left; border-bottom: 2px solid #eeeeee; padding-bottom: 16px; margin-bottom: 16px;} .badges .spread_the_word_content { width: 25%; float: left; display: inline; text-align: center; border-bottom: none; padding-bottom: 0; margin-top: 24px; margin-bottom: 0;} .badges { margin: 0 0 0 0; } .code_box { width: 560px; padding: 15px 20px 20px 20px; background: #feffbf; margin-top: 16px; border-top: 1px solid #ebeca2; border-bottom: 1px solid #ebeca2; } .code_box textarea { width: 534px; padding: 12px; background: #ffffff; border: 1px solid #ebeca2; height: 65px;} #main_content .code_box h4 { font-size: 1.4em; float: left; display:inline; margin: 0 0 6px 0; } #main_content .code_box a { float: right; font-size: 1.2em; display:inline; } .stw_dimensions { margin-top: 12px; } #main_content .stw_dimensions h4 { font-size: 1.2em; margin: 0; } .stw_dimensions p { margin: 2px 0; } .stw_dimensions p.small { font-size: 1.1em; color: #999999; margin-bottom: 0; font-style: italic; } #main_content h4.embed_code_title { font-size: 1.1em; margin: 10px 0; } .embed_code_input { width: 108px; border: 2px solid #ebeca2; padding: 4px; background: #feffbf; } .embed_code_box { overflow: hidden; width: 100%; margin-top: 8px; } .embed_code_box h4 { float: left; display: inline; } .embed_code_box .embed_code_input { float: left; display: inline; margin: 2px 0 0 12px; width: 82%; } .no_events { width: 90%; padding:8px 5%; text-align: center; background: #fefa9c; font-size: 1.6em; border-top:1px solid #e6e283; border-bottom:1px solid #e6e283; } .table_norm { font-size: 12px; } /* Media Page ______________________________________________________________________________________ */ .media_options { width: 680px; padding: 20px; background: #111111; margin-top: 20px; } .media_description { width: 45%; margin: 0; padding: 0; float: left; border-right: 1px solid #222222; padding: 0 20px 0 0; } .media_download { width: 45%; margin: 0; padding: 0px 20px 20px; float: right; } .media_description h4 { margin: 0; font-size: 2.8em; font-weight: 200; color: #555555; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .media_description p { line-height: 1.8em; } .media_download h4 { margin: 0; font-size: 2.8em; font-weight: 200; color: #555555; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .media_download h5 { margin: 0; font-size: 1.4em; font-weight: 200; color: #555555; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .media_dn_cont { width: 100%; padding: 10px 0 0; clear: both; } .media_download .last { width: 100%; padding: 10px 0 0; clear: both; border-bottom: none; } .media_download .last .title { float: left; margin-bottom: 5px; width: 75%; } .media_download .last .link { float: right; margin-left: 10px;} .media_dn_cont .title { float: left; margin-bottom: 5px; width: 75%; } .media_dn_cont .link { float: right; margin-left: 10px;} .media_dn_cont .audiotitle { float: left; margin-bottom: 5px; width: 100%; } .media_download .last .audiotitle { float: left; margin-bottom: 5px; width: 100%; } .mediapush { border-bottom: 1px solid #181818; height: 5px; clear: both; } .media_download .last .audiolink { float: left; clear: both; } .media_dn_cont .audiolink { float: left; clear: both; } .audiodown { float: left; margin-top: 2px;} .audioplay { float: left; margin-left:10px; } .media_podcast { width: 100%; margin: 20px 0 0 0; background: #111111; clear:both; } .media_podcast h4 { margin: 0; font-size: 2.8em; font-weight: 200; color: #555555; width: 100%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .media_podcast_cont { width: 100%; padding: 5px 0 25px; clear: both; } .media_podcast_cont .link { float: left; margin-left: 10px; } .media_podcast_cont .title { float: left; } #tabs { font-size: 1em; margin: 0; } #tabs ul { } #tabs li { list-style: none; } * html #tabs li { display: inline; /* ie6 double float margin bug */ } #tabs li, #tabs li a { float: left; } .tab_nav li a { text-decoration: none; padding: 5px; color: #666666; font-weight: bold; } .tab_nav li a:hover { color: #FFFFFF; } .tab_nav li.active { background: #111111 url(img/nav-right.gif) no-repeat right top; color: #FFFFFF; } .tab_nav li.active a { background: url(img/nav-left.gif) no-repeat left top; color: #666666; } #tabs div { background: #111111; clear: both; padding: 10px 8px 10px 8px; min-height: 200px; } #tabs div h3 { text-transform: uppercase; margin-bottom: 5px; letter-spacing: 1px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; color: #666666; } #tabs div p { padding: 5px 0; margin: 0; } #tabs div p a { font-weight: normal; border: 1px #666666 solid; } #tabs div p a:hover { font-weight: normal; text-decoration: none; border: 1px #CCCCCC solid; } #tabs div p a { float: none; display: block; } .ui-tabs .ui-tabs-hide { display: none; } /* Community Groups Page ______________________________________________________________________________________ */ .cg_content { width: 100%; margin:20px 0; } .cg_left { width: 40%; float: left; } .cg_right { width: 40%; float: right; } /* Events & Calendar ______________________________________________________________________________________ */ .event_row { width: 100%; } .event_row h3 { margin-bottom: 20px; } .event_listing { border-bottom: 4px solid #f5ede2; overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; width: 100%; } .left_panel_event_listing { width: 8%; float: left; display: inline; } .left_panel_event_listing h5 { font-size: 3.6em; font-weight: normal; } .right_panel_event_listing { width: 89%; float: right; display: inline; overflow: hidden; } .right_panel_event_listing h4 { margin: 0;} .right_panel_event_listing p { margin: 2px 0 0 0;} .featured_event_listing { border-bottom: 4px solid #f5ede2; overflow: hidden; padding-bottom: 12px; margin-bottom: 12px; } .left_panel_fevent_listing { width: 28%; float: left; display: inline;} .left_panel_fevent_listing h5 { font-size: 3.6em; font-weight: normal; } .right_panel_fevent_listing { width: 69%; float: right; display: inline; overflow: hidden; } .right_panel_fevent_listing h4 { margin: 0;} .right_panel_fevent_listing p { margin: 2px 0 0 0;} img.featured_event_thumb { width: 154px; height: 60px; } img.featured_event_image { width: 610px; height: 240px; margin-bottom: 24px; } .event_title { width: 100%; overflow: hidden; } .back { font-size: .65em; float: right; display: inline;} .table_events { width: 100%; border-collapse: collapse; font-size: 1.2em;} .table_events td { padding: 10px 0; border-bottom: 1px solid #f5ede2; } .table_events td.titles { background: #5e6874; color: #ffffff; font-weight: bold;} .table_events td p { margin: 0; padding: 0; font-size: 1em; } #calendar_box { width:100%; margin-bottom: 16px; } #calendar_box ul#calendar_months { width:244px;height: 46px; background:#d2cbad; text-align: center; overflow: hidden; } #calendar_box ul#calendar_months li { float:left; display: inline;} #calendar_box ul#calendar_months li#previous_month a { display:block; width:30px; height:46px; text-indent:-9999px; background: transparent url(../images/btn/btn_calendar_prev_month.gif) top left no-repeat; } #calendar_box ul#calendar_months li#previous_month a:hover { background-position: bottom left; } #calendar_box ul#calendar_months li#current_month { width:184px; color:#573401; font-size: 1.6em; line-height:46px; } #calendar_box ul#calendar_months li#next_month a { display:block; width:30px; height:46px; text-indent:-9999px; background: transparent url(../images/btn/btn_calendar_next_month.gif) top left no-repeat; } #calendar_box ul#calendar_months li#next_month a:hover { background-position: bottom left; } #calendar_box ul#calendar_dates { width:242px; padding:0 0 0 0;margin: 0 auto; border:1px solid #d2cbad; border-top: none;background: #ece8d1; text-align: center; overflow: hidden;} #calendar_box ul#calendar_dates li { float:left; display:inline; width:33px; height:33px; border-right:1px solid #d2cbad; border-bottom:1px solid #d2cbad; font-size: 1.2em;} #calendar_box ul#calendar_dates li.last_column { border-right:0; border-bottom:1px solid #d2cbad; width:38px;} #calendar_box ul#calendar_dates li.last_row { border-bottom:0;} #calendar_box ul#calendar_dates li.last_row_column { border:0;} #calendar_box ul#calendar_dates li.days { display:block; line-height:33px; font-weight: bold; background: #ffffff; color: #bb8c47;} #calendar_box ul#calendar_dates li a { display:block; line-height:33px; color:#bb8c47; text-decoration: none;} #calendar_box ul#calendar_dates li a:hover { background:#bb8c47; color:#ffffff; text-decoration: underline;} #calendar_box ul#calendar_dates li a.current_date { background:#bb8c47; color:#ffffff;} /* Projects Module ______________________________________________________________________________________ */ .ministries_content { width: 95%;} body.ministry_listings #main_content { width:630px; padding: 26px 0 26px 30px; background: #ffffff; } .ministry_listing_box { margin-top: 24px; } .ministry_listing { float: left; display: inline; margin-right: 30px; text-align: center; margin-bottom: 20px; width: 283px; } .ministry_listing img { border: 10px solid #eeeeee; } .ministry_listing h5 { width: 100%; background: #eeeeee; padding: 2px 0 12px 0; font-size: 1.2em; } .ministry_name { text-transform: none; color: #1665ce; font-weight: normal; margin-left: 4px; } .ministry_small_image { float: left; display: inline; margin: 6px 28px 24px 0; } .ministry_large_image { margin: 20px 0 24px 0; border: 10px solid #e8e8e8; } ul.ministry_nav { width:588px; margin: 0 0 8px 0; padding: 4px 4px 0 4px; overflow: hidden; background: #e8e8e8 url(../images/bg/bg_captions.gif) bottom left repeat-x; } ul.ministry_nav li { margin: 0; padding: 0; list-style:none; float: left; display: inline; border-right: 1px solid #111111; font-size: 1.3em; } ul.ministry_nav li:last-child { border-right: 1px solid #d5d5d5; } ul.ministry_nav li a { display: block; padding: 6px 16px 4px 16px; background: #333333; border-bottom: 3px solid #111111; color: #ffffff; } ul.ministry_nav li a:hover { text-decoration:none; background: #555555; border-bottom: 3px solid #454545;} ul.ministry_nav li a.active { background: #ffffff; border-bottom: 3px solid #ffffff; color: #111111; } .ministry_content { width: 100%; margin-bottom: 6px; } .ministry_right_panel { float: right; display: inline; width: 150px; margin: 22px 0 10px 20px; } .ministry_right_panel img { margin-bottom: 16px; } .ministry_drop_down { padding: 5px 5px 5px 6px; border: 8px solid #444444; margin: 16px 0; width: 99%; font-size: 1.4em; color: #666666; } .side_event_listing { border-bottom: 1px solid #454545; padding: 8px 0; } .side_event_listing:last-child { border:0; } .side_event_listing h4 { font-size: 1.2em; margin: 0; padding: 0; } .side_event_listing p { font-size: 1.2em; margin: 0; padding: 0; } /* Ministries Module ______________________________________________________________________________________ */ .missions_row { margin-bottom: 26px; } .missions_row img { float: left; display: inline; border: 5px solid #bebcb7; } .missions_right_panel { float: right; display: inline; width:60%; } .missions_right_panel h4 { margin: 0 0 0 0; font-size: 2.4em; } .missions_right_panel h5 { font-size: 1.2em; margin-top: 3px; color: #888888; font-weight: normal; } .missions_right_panel p { margin: 8px 0 0 0; } /* Kids Page ______________________________________________________________________________________ */ #kids_areas ul {padding-bottom: 0;} #kids_areas img { float: right; margin: 0 0 20px 20px; } #kids_areas ul li, #main_content dl dd, .full ul li { padding-bottom: 0; margin-bottom: 0; margin-left: 0; } /* New You ______________________________________________________________________________________ */ #new_you ul {padding-bottom: 0;} #new_you bg {background: #FFFFFF;} #new_you img { float: center; margin: 0 0 5px 5px; } #new_you ul li, #main_content dl dd, .full ul li { padding-bottom: 0; margin-bottom: 0; margin-left: 0; } /* Sidebar Layout --------------------------------------------------------------------------------------- */ #sidebar { width: 256px; background: #282828; } #sidebar a { font-weight: normal; } #sidebar a:hover { font-weight: normal; text-decoration: none; } /*#sidebar { border: 3px solid #333333;}*/ #sidebar h2 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2.6em; font-weight: 200; color: #666666; margin: 20px 15px 0; border-bottom: 2px solid #666666; border-top: 2px solid #666666; } #sidebar h3 { padding:12px 0 8px 0; margin: 0; border-bottom: 1px solid #333333; border-top: 2px solid #ccc; color: #1f1e1c; font-size: 1.6em; } .side_nav { margin-bottom: 16px; width: 232px; padding: 0 0 0 0;} .side_nav li { font-size: 1.6em; background: transparent url(../images/bg/arrow_gray.gif) 0 50% no-repeat; border-bottom: 1px solid #333333; width: 87%; padding: 6px 0 6px 7%; overflow: hidden; margin-left: 17px; } .side_nav li.last { border: none; } .side_nav li.sidebar_subnav_box { border: none; width: 93%; padding: 6px 0 6px 7%; background: #eeeeee; border-bottom: 2px solid #cccccc;} .sidebar_subnav li { border: none; font-size: .825em;} #sidebar p { margin-right: 20px; margin-left: 20px; } .side_bar_left { float:left; margin: 0 20px;} .side_bar_right { float: left; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.8em; font-weight: 200; } a.sidelink_dropwdown {float: left; display: inline; } a.btn_sidelink_dropwdown { float: right; display: inline; } a.btn_sidelink_dropwdown:hover { text-decoration:none; } #sidebar ul.checklist { margin: 24px 0; } #sidebar ul.checklist li { padding-left: 28px; background: transparent url(../images/icons/icon_check_small.gif) 0 50% no-repeat; font-size: 1.4em; color: #555555; margin-bottom: 6px; font-weight: bold; } .side_box { margin: 10px 0px 0px; width: 230px; } .scripture { width: 206px; margin-bottom: 24px; padding: 0 13px; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; color: #1f1e1c; } .scripture p { font-size: 1.2em; line-height: 1.6em; color: #1f1e1c; } img.side_frame { border: 5px solid #cccccc;} /* Footer Layout --------------------------------------------------------------------------------------- */ .divTextToGive { width:920px; padding:20px; background: #ff0042; color: #ffffff; overflow: hidden; } .text_panel_left { width: 196px; float: left; display: inline; border-right: 2px solid #ff5763; padding-right: 17px; } .text_panel_right { width: 685px; float: right; display: inline; position: relative; height: 140px; } .text_panel_right small { display: block; position: absolute; left: 0; bottom: 0; width: 100%; color:#610019; font-size: 1em; } .text_panel_right h3 { font-size: 2.6em; color: #ffffff; margin-top: 24px; font-weight: normal; } .footer h2 { float: right; display: inline; margin: 0px 15px 0 0; } .footer h2 a { display: block; width: 160px; height: 22px; text-indent: -9999px; outline: none; background: transparent url(../images/udfddesign.gif) left top no-repeat; } .footer h2 a:hover { background-position: right top; } .footer img { float: left; display: inline; margin-top: 6px; } .copyright { width: 98%; float: right; display: inline; margin-top: 10px; } .copyright p { font-size: 1.2em; margin: 0 0 4px 0; } .copyright p.last { margin-bottom: 0; } /* Site Map ______________________________________________________________________________________ */ .sitemap_box { margin-bottom: 20px; } .sitemap_header { width: 96%; background: #eeeeee; padding: 6px 2%; overflow: hidden; border-bottom: 1px solid #dddddd; } #main_content .sitemap_header h4 { margin: 0; float: left; display: inline; font-size: 1.8em; margin-top: 3px; } .sitemap_header a { float: right; display: inline; font-size: 1.4em; margin-top: 3px; } #main_content .sitemap_links { margin: 0; } #main_content .sitemap_links li { margin: 0; padding: 0; list-style: none; width: 100%; border-bottom: 1px solid #dddddd; font-size: 1.4em; } #main_content .sitemap_links li.last { border-bottom: none; } #main_content .sitemap_links li a { display: block; width: 96%; padding: 6px 2%; } #main_content .sitemap_links li a:hover { background: #fffccb;} .big_text { background: #d6ebc4 url(../images/icons/icon_confirmation.gif) 16px 50% no-repeat; padding: 8px 15%; width: 70%; text-align: center; margin: 24px 0; } .big_text p { font-size: 1.6em; color: #2c8603; margin: 0; line-height: 1.3em; } .confirmation_content h4 { margin: 30px 0 24px 0; } p.first { margin-top: 0; } .tb_fullmenu { font-size: 12px; } .tb_fullmenu li { list-style: none; } .tb_sitemap { font-size: 12px; } .tb_sitemap li { list-style: none; } .tb_fullmenu td { font-size: 12px; border-left: 1px solid #cccccc; padding: 10px 15px;} .min_ul { margin: 0; font: 12px Helvetica, sans-serif; text-align: left; padding: 0; } .min_ul li{ list-style: none; padding: 4px 4px 4px; } .min_ul li ul{ list-style: none; margin: 0; padding:0 0 0 10px; } .min_ul li a{ text-decoration: none; color: #666; } .min_ul li a:hover{ text-decoration: underline; color: #261B0F; } .min_header { color: #261B0F; font-size:14px; }