/* --------------------------------------------------------------------------------------------- general setup --------------------------------------------------------------------------------------------- */ body { margin: 0; color: #4b4b4b; } img { display: block; } a { color: #4b4b4b; outline: none; } /* TABS ---------------------------------------- */ ul.tabs { margin: 0; padding: 0; } ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; } ul.tabs li a { float: left; display: block; } /* Clearing floats without extra markup */ ul.tabs { display: inline-block; } ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html ul.tabs { height: 1%; } ul.tabs { display: block; } /* --------------------------------------------------------------------------------------------- slider --------------------------------------------------------------------------------------------- */ #slider-wrapper { background: #fce387 url(/images/bg_slider-wrapper.png) bottom left repeat-x; } #slider-wrapper h4 { margin-bottom: 0; font-size: 11px; font-weight: bold; text-transform: uppercase; } #slider-wrapper p { margin-bottom: 9px; font-size: 11px; color: #333; } #slider-wrapper p span { float: right; } .win.ie7 #slider-wrapper p span, .win.ff2 #slider-wrapper p span, .win.ff3 #slider-wrapper p span { margin-top: -18px; } /* targeting FF2 & FF3 & IE7 */ #slider-wrapper #slider-contact, #slider-wrapper #slider-times { display: none; } #slider-wrapper #slider-contact div.box, #slider-wrapper #slider-times div.box { margin-top: 18px; padding-top: 18px; padding-bottom: 18px; height: 205px; background: #e6ae21; } #slider-wrapper #slider-times div#map-container { margin-top: 0; padding: 0; width: 550px; height: 205px; background: none; } /* --------------------------------------------------------------------------------------------- page container --------------------------------------------------------------------------------------------- */ #page-wrapper { background: #e0e1d3 url(/images/bg.png) repeat-x; } #s-home #page-wrapper { background: url(/images/bg_home.png) repeat-x; } /* --------------------------------------------------------------------------------------------- directions bar --------------------------------------------------------------------------------------------- */ #utility-nav { position: relative; } #utility-nav ul.tabs { width: 270px; height: 36px; position: absolute; top: 18px; right: 0; } #utility-nav ul.tabs li a { height: 36px; text-indent: -9999px; background: url(/images/sprite_main.png) no-repeat; } #utility-nav ul.tabs #utility-contact a { width: 130px; background-position: 0 0; } #utility-nav ul.tabs #utility-times a { width: 140px; background-position: -130px 0; } #utility-nav ul.tabs #utility-contact a:hover { background-position: 0 -36px; } #utility-nav ul.tabs #utility-times a:hover { background-position: -130px -36px; } #utility-nav ul.tabs #utility-contact.active a { background-position: 0 -72px; } #utility-nav ul.tabs #utility-times.active a { background-position: -130px -72px; } /* --------------------------------------------------------------------------------------------- header --------------------------------------------------------------------------------------------- */ #header { margin-top: 18px; } #header h1 { margin: 0 10px 0 0; width: 310px; height: 162px; float: left; } #header h1 a { width: 310px; height: 162px; display: block; text-indent: -9999px; background: url(/images/tr_h1.png) no-repeat; } #header ul.tabs { margin-top: 90px; width: 590px; height: 54px; float: left; } #header ul.tabs li a { height: 54px; text-indent: -9999px; text-decoration: none; background: url(/images/sprite_main.png) no-repeat; } #header ul.tabs #new a { width: 151px; background-position: 0 -108px; } #header ul.tabs #worship a { width: 123px; background-position: -151px -108px; } #header ul.tabs #serve a { width: 97px; background-position: -274px -108px; } #header ul.tabs #learn a { width: 102px; background-position: -371px -108px; } #header ul.tabs #connect a { width: 117px; background-position: -473px -108px; } #header ul.tabs #new a:hover, #s-new ul.tabs #new a { background-position: 0 -162px; } #header ul.tabs #worship a:hover, #s-worship ul.tabs #worship a { background-position: -151px -162px; } #header ul.tabs #serve a:hover, #s-serve ul.tabs #serve a { background-position: -274px -162px; } #header ul.tabs #learn a:hover, #s-learn ul.tabs #learn a { background-position: -371px -162px; } #header ul.tabs #connect a:hover, #s-connect ul.tabs #connect a { background-position: -473px -162px; } #header ul.tabs li#new .tooltip-action a, #header ul.tabs li#worship .tooltip-action a, #header ul.tabs li#serve .tooltip-action a, #header ul.tabs li#learn .tooltip-action a, #header ul.tabs li#connect .tooltip-action a { width: auto; height: auto; display: block; text-indent: 0; background: none; float: none; } .tooltip-action { padding-bottom: 5px; width: 175px; display: none; z-index: 999; color: #fff; background: #ffca49; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.1); border-top: 10px solid #e6ae21; } .tooltip-action em { margin-bottom: 5px; padding: 5px 15px; display: block; font-weight: bold; color: #fff; background-color: #e6ae21; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .tooltip-action a { margin: 0 5px; padding: 5px 10px; display: block; font-size: 13px; color: #000; text-decoration: none; } .tooltip-action a.tooltip-subnav { margin-left: 15px; } .tooltip-action a:hover { color: #4b4b4b; } .win.safari .tooltip-action, .win.chrome .tooltip-action { -webkit-border-radius: 0; } #header #search { margin: -107px 0 0 363px; padding: 0; width: 263px; height: 26px; float: left; } .ie7 #header #search { margin: -125px 0 0 683px; padding: 0; width: 263px; height: 26px; float: left; background: red; } #header #search input { margin-right: -3px; padding: 4px 3px 3px 6px; width: 182px; height: 19px; float: left; outline: none; border: none; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; -moz-box-shadow: inset 1px 1px 3px #b5b6b7; -webkit-box-shadow: inset 1px 1px 3px #b5b6b7; box-shadow: inset 1px 1px 3px #b5b6b7; } .ie7 #header #search input { padding: 3px 0 0 5px; width: 182px; height: 19px; } .win.chrome #header #search input { -webkit-box-shadow: none; } #header #search button { margin: 0; padding: 0; width: 75px; height: 26px; border: 0; cursor: pointer; } #header #search button img { margin: -2px 0 0 -3px; padding: 0; } .chrome #header #search button img { margin: -2px 0 0 0; padding: 0; } .win.safari #header #search button img { margin: -1px 0 0 -3px; padding: 0; } .ie7 #header #search button img { margin: 0; padding: 0; } .ie8 #header #search button img { margin: 0; padding: 0; } /* --------------------------------------------------------------------------------------------- feature --------------------------------------------------------------------------------------------- */ #feature { margin: 18px 0; padding: 18px; width: 914px; height: 324px; background: #e0e1d3; } #feature #welcome { width: 292px; height: 324px; position: relative; /* for positioning the .tab-info ul */ float: left; background: url(/images/bg_welcome.png) bottom left no-repeat; } .win #feature #welcome p { line-height: 1.35; } /* targeting FF2 & FF3 & IE7 */ #feature #welcome ul.tabs { width: 292px; height: 36px; } #feature #welcome ul.tabs li a { height: 36px; text-indent: -9999px; text-decoration: none; background: url(/images/sprite_main.png) no-repeat; } #feature #welcome ul.tabs #tab-welcome a { width: 138px; background-position: -270px -36px; } #feature #welcome ul.tabs #tab-welcome a:hover { width: 138px; background-position: -562px -36px; } #feature #welcome ul.tabs #tab-welcome.selected a { width: 138px; background-position: -270px 0; } #feature #welcome ul.tabs #tab-welcome.selected a:hover { width: 138px; background-position: -562px 0; } #feature #welcome ul.tabs #tab-good-news a { width: 154px; background-position: -408px 0; } #feature #welcome ul.tabs #tab-good-news a:hover { width: 154px; background-position: -700px 0; } #feature #welcome ul.tabs #tab-good-news.selected a { width: 154px; background-position: -408px -36px; } #feature #welcome ul.tabs #tab-good-news.selected a:hover { width: 154px; background-position: -700px -36px; } #feature #welcome div { display: none; } #feature #welcome div.selected { display: block; } #feature #welcome .tab-info { padding: 18px 20px; } #feature #welcome .tab-info ul { margin: 0; width: 252px; position: absolute; bottom: 24px; list-style-type: none; } #feature #welcome .tab-info ul li { margin-bottom: 5px; padding-bottom: 5px; background: url(/images/icon_checkmark.png) 0 3px no-repeat; border-bottom: 1px solid #ccc; } #feature #welcome .tab-info ul li a { margin-left: 20px; display: block; font-weight: bold; text-decoration: none; color: #4b4b4b; } #feature #welcome .tab-info ul li a:hover { text-decoration: underline; } #feature #slides { width: 622px; height: 324px; float: left; background: url(/images/bg_slides.png) no-repeat; } #feature #slides .slide { margin-top: 1px; position: relative; } #feature #slides .slide-info { padding: 16px 10px 14px 30px; width: 580px; height: 56px; position: absolute; bottom: 0; text-align: right; background: url(/images/trans_black-70.png); } #feature #slides .slide-info h2 { margin: 0; font-size: 18px; line-height: 1.1; letter-spacing: -.05em; color: #fff; } #feature #slides .slide-info p { font-size: 13px; color: #fff; } /* --------------------------------------------------------------------------------------------- sermon-bar --------------------------------------------------------------------------------------------- */ #sermon-bar { height: 90px; overflow: hidden; position: relative; background: url(/images/bg_latest-sermon.png) no-repeat; } #sermon-bar h3 { margin: 38px 0 0 17px; width: 143px; float: left; font-size: 12px; letter-spacing: -.05em; text-transform: uppercase; color: #815c00; } #sermon-bar h4.latest { margin: 0; padding: 25px 20px 0 20px; width: 430px; height: auto; float: left; font: 22px/1 Georgia, "Times New Roman", Times, serif; letter-spacing: -.05em; color: #000; } #sermon-bar h4.latest a { color: #000; } #sermon-bar h4.latest a:hover { text-decoration: none; } #sermon-bar h4.latest span { display: block; font: italic 14px/1 Georgia, "Times New Roman", Times, serif; letter-spacing: -.09em; color: #805c00; } #sermon-bar ul.tabs { margin: 0; width: 120px; height: 90px; float: left; background: url(/images/sprite_main.png) 0 -306px no-repeat; } #sermon-bar ul.tabs li a { margin-top: 25px; height: 40px; text-indent: -9999px; text-decoration: none; background: url(/images/sprite_main.png) 0 -216px no-repeat; } #sermon-bar ul.tabs #sermon-listen a { width: 110px; background-position: 0 -241px; } #sermon-bar ul.tabs #sermon-download a { width: 40px; background-position: -99px -241px; } #sermon-bar ul.tabs #sermon-listen a:hover { background-position: -141px -241px; } #sermon-bar ul.tabs #sermon-download a:hover { background-position: -240px -241px; } #sermon-bar ul.tabs li#sermon-none { margin-top: 25px; height: 40px; text-indent: -9999px; text-decoration: none; background: url(/images/sprite_main.png) 0 -331px no-repeat; } #sermon-bar .podcast { margin: 0; padding: 25px 0 0 15px; width: 145px; height: 65px; float: right; background: url(/images/bg_podcast.png) no-repeat; } #sermon-bar .podcast h3 { margin: 0 0 5px 0; width: auto; float: none; color: #000; } #sermon-bar .podcast p { font: italic 12px/1 Georgia, "Times New Roman", Times, serif; letter-spacing: -.05em; text-transform: capitalize; color: #805c00; } /* --------------------------------------------------------------------------------------------- content --------------------------------------------------------------------------------------------- */ #content { margin: 18px 0; padding: 18px 20px; width: 910px; min-height: 630px; height: auto !important; height: 630px; position: relative; background: #e0e1d3 url(/images/bg_content.png) 18px 18px no-repeat; } #content #masthead { width: 910px; height: 198px; float: left; } /* HOME ---------------------------------------- */ #s-home #info-wrap { margin-top: 18px; background: #e0e1d3; } #s-home #info { padding: 54px 0 18px 0; } /* PROMOS ---------------------------------------- */ #promos .promo { margin-bottom: 18px; position: relative; } #promos .promo .promo-info { width: 270px; height: 144px; position: absolute; top: 0; left: 0; background: url(/images/bg_promo-info.png) no-repeat; } #promos .promo .promo-info h4 { margin: 100px 10px 10px 10px; position: relative; text-shadow: rgb(40,39,24) 1px 1px 0; } #promos .promo .promo-info h4 a { font-size: 15px; font-weight: bold; text-decoration: none; color: #fff; } #promos .promo .promo-info h4 a span { position: absolute; top: 3px; right: 0; font: italic 12px/1 Georgia, "Times New Roman", Times, serif; text-decoration: underline; text-shadow: none; } #promos .promo .promo-info h4 a:hover span { color: #000; } /* NEWS ---------------------------------------- */ #news { margin: 0; padding: 20px 20px 0 20px; width: 360px; background: url(/images/bg_news-home.png) no-repeat; } #s-home #news { min-height: 448px; height: auto !important; height: 448px; } #news h3 { margin: 0 0 36px 0; font: 20px/1 Georgia, "Times New Roman", Times, serif; letter-spacing: -.05em; color: #4d4e31; } #news .news-entry { margin-bottom: 18px; border-bottom: 1px solid #d1d2c3; color: #666; } #news .news-entry h4 { margin-bottom: 9px; height: auto; font: 15px/1 Georgia, "Times New Roman", Times, serif; letter-spacing: -.05em; color: #333; } #news p.publications a { font: italic 12px/1 Georgia, "Times New Roman", Times, serif; text-decoration: none; text-align: right; color: #5f6047; } #news p.publications a:hover { text-decoration: underline; } /* EVENTS ---------------------------------------- */ #events { margin-bottom: 18px; padding: 0 20px; width: 230px; } #s-home #events { margin-bottom: 0; min-height: 468px; height: auto !important; height: 468px; background: url(/images/bg_events-home.png) no-repeat; } #events h3 { margin: 25px 0; width: 230px; float: left; font-size: 12px; letter-spacing: -.05em; text-transform: uppercase; color: #848569; } /* #events p.view-all { margin: 23px 0; width: 50px; float: right; } #events p.view-all a { font: italic 12px/1 Georgia, "Times New Roman", Times, serif; text-decoration: none; text-align: right; color: #5f6047; } #events p.view-all a:hover { text-decoration: underline; } */ #events .event { margin-bottom: 18px; border-bottom: 1px solid #d1d2c3; color: #666; } #events .event h4 { margin-bottom: 0; height: auto; font-size: 15px; font-weight: bold; line-height: 1; letter-spacing: -.05em; color: #333; } #events .event p { line-height: 1.1; } #events .event p.time { margin-bottom: 7px; font-size: 12px; color: #848569; } #events p.calendar, #events p.reservations { margin-bottom: 0; } #events p.calendar a, #events p.reservations a { font: italic 12px/1 Georgia, "Times New Roman", Times, serif; text-decoration: none; text-align: right; color: #5f6047; } #events p.calendar a:hover, #events p.reservations a:hover { text-decoration: underline; } /* --------------------------------------------------------------------------------------------- content-sidebar --------------------------------------------------------------------------------------------- */ #content-sidebar { margin-top: -144px; width: 270px; min-height: 612px; height: auto !important; height: 612px; float: left; background: url(/images/bg_content-sidebar.png) no-repeat; } #content-sidebar h3#section-title { margin: 19px 0 0 20px; font-size: 24px; line-height: 0; letter-spacing: -.05em; color: #000; } #content-sidebar ul.subnav { margin: 40px 0 0; padding-bottom: 40px; list-style-type: none; background: url(/images/bg_sidebar-subnav.png) bottom left no-repeat; } #content-sidebar ul.subnav li a { padding: 7px 0 7px 20px; display: block; font: 14px Georgia, "Times New Roman", Times, serif; text-decoration: none; background: url(/images/bg_sidebar-subnav-li.png) bottom left no-repeat; } #content-sidebar ul.subnav li.selected a { color: #000; border-left: 5px solid #ccc; } #content-sidebar ul.subnav li ul { margin-left: 0; list-style-type: none; } #content-sidebar ul.subnav li ul li a { padding-left: 35px; } /*#content-sidebar ul.subnav li ul li.selected a { padding-left: 30px; }*/ #s-search #content-sidebar p#search-info { margin-top: 30px; padding: 0 20px; } /* --------------------------------------------------------------------------------------------- content-main --------------------------------------------------------------------------------------------- */ #content-main { margin-top: -54px; width: 640px; float: left; } #content-main h2 { margin: 0; padding: 14px 0 0 32px; height: 40px; font-size: 30px; line-height: 0; letter-spacing: -.05em; color: #fff; background: url(/images/trans_black-80.png); } #content-main h3, #content-main h4, #content-main p { font-family: Georgia, "Times New Roman", serif; } #content-main h3 { font-size: 24px; color: #4d4e31; } #content-main h4 { margin-bottom: 9px; font-size: 18px; color: #4d4e31; } #content-main p { font-size: 13px; } #content-main p img { float: none; } #content-main p img.left { margin: 10px 10px 10px 0; float: left; } #content-main p img.right { margin: 10px 0 10px 10px; float: right; } #content-main p img.left-top { margin: 0 10px 10px 0; float: left; } #content-main p img.right-top { margin: 0 0 10px 10px; float: right; } #content-main p img.full { margin: 0; } #content-main .col-one { margin-top: 36px; padding: 0 60px 0 30px; } #content-main .col-one img { margin-bottom: 1.5em; } #content-main .col-two { margin-top: 36px; padding: 10px; width: 170px; float: left; min-height: 422px; height: auto !important; height: 422px; background: url(/images/bg_content-main-toolbox.png) repeat-x; } #content-main .col-two h4 { font-size: 12px; letter-spacing: -.05em; text-transform: uppercase; color: #848569; } #content-main .col-two p { margin-bottom: 12px; padding-bottom: 12px; font-size: 13px; line-height: 1.1; border-bottom: 1px solid #d0d1c3; } #content-main .col-two p strong { font: normal italic 12px Georgia, "Times New Roman", Times, serif; color: #5f6047; } #content-main .col-two p.icon { padding-left: 24px; } #content-main .col-two ul { margin: 0; list-style-type: none; } #content-main .col-two li { margin-bottom: 12px; padding-bottom: 12px; font-size: 13px; line-height: 1.1; border-bottom: 1px dotted #9d9e83; } .two-column #content-main .col-one { margin-right: 10px; padding: 0 0 0 30px; width: 390px; float: left; } /* NEW HERE? ---------------------------------------- */ #s-new .staff-entry { margin-bottom: 15px; min-height: 100px; height: auto !important; height: 100px; } /* WORSHIP ---------------------------------------- */ #s-worship .sermon-entry { margin-bottom: 18px; border-bottom: 1px solid #d1d2c3; } #s-worship .sermon-entry h3, #s-worship .sermon-entry h4 { margin-bottom: 4px; } #s-worship .sermon-entry p { font-size: 12px; font-style: italic; } #s-worship .sermon-entry p strong { font-style: normal; } #s-worship .sermon-entry p a { font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; } #s-worship .sermon-entry p.icon { padding-left: 24px; } #s-worship .sermon-entry p.sermon-download { background: url(/images/sprite_icons.png) 0 -701px no-repeat; } #s-worship .sermon-entry p.sermon-audio { background: url(/images/sprite_icons.png) 0 -818px no-repeat; } #s-worship .sermon-entry object { margin-bottom: 18px; } #s-worship div#RSS table { margin-bottom: 0; border-spacing: 4px; } /* CONNECT ---------------------------------------- */ /*#s-connect #content-main img.ministry-image { margin-top: 30px; margin-left: 30px; }*/ #s-connect #content-main .col-two p.ministry-leader { background: url(/images/sprite_icons.png) 0 0 no-repeat; } #s-connect #content-main .col-two p.ministry-time { background: url(/images/bg_ministry-meeting.png) no-repeat; } #s-connect #content-main .col-two p.ministry-location { background: url(/images/sprite_icons.png) 0 -233px no-repeat; } #s-connect #content-main table#reservations-table td { border-bottom: 1px solid #e0e1d3; } /* FORMS ---------------------------------------------------- */ #content-main form { } #TB_ajaxContent { background: #e0e1d3; } #content-main div.field, #TB_ajaxContent div.field { margin-bottom: 9px; width: 550px; float: left; } #content-main div.field label, #TB_ajaxContent div.field label { padding-top: 7px; width: 200px; float: left; } #content-main div.field input, #TB_ajaxContent div.field input { margin-right: 15px; padding: 5px; width: 200px; float: left; border: 1px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #content-main div.field span, #TB_ajaxContent div.field span { padding-top: 9px; display: block; font: italic 11px Georgia, "Times New Roman", serif; } #content-main div.field input.radio, #TB_ajaxContent div.field input.radio { margin-top: 4px; width: auto; } #content-main div.field span.radio, #TB_ajaxContent div.field span.radio { padding-top: 4px; margin-bottom: 3px; } #content-main div.field textarea, #TB_ajaxContent div.field textarea { margin: 0; padding: 5px; width: 490px; height: 190px; border: 1px solid #FFF; font: 14px Arial; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #content-main div.field select, #TB_ajaxContent div.field select { margin-right: 15px; padding: 4px 5px; width: 212px; float: left; border: 1px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #content-main div.utility, #TB_ajaxContent div.utility { margin: 0 0 18px 0; padding: 10px; width: 482px; float: left; background: #d1d2c3; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #content-main div.utility input, #TB_ajaxContent div.utility input { width: auto; } #content-main div.submit input, #TB_ajaxContent div.submit input { padding: 5px 10px; float: none; font-size: 11px; font-weight: bold; text-transform: uppercase; border: 2px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #content-main div.block label, #TB_ajaxContent div.block label { padding-top: 7px; width: auto; float: none; } #content-main span.captcha-hints, #TB_ajaxContent span.captcha-hints { font-weight: normal; } .win.ff2 p.field select, .win.ff3 p.field select { width: 274px; } /* targeting FF2 & FF3 for Windows */ /* SITEMAP ---------------------------------------------------- */ #s-sitemap #content-main ul { margin: 0; padding-bottom: 20px; list-style-type: none; } #s-sitemap #content-main ul li a { padding: 7px 0 7px 20px; display: block; font: 14px Georgia, "Times New Roman", Times, serif; text-decoration: none; background: url(/images/bg_sidebar-subnav-li.png) bottom left no-repeat; } #s-sitemap #content-main ul li ul { margin-left: 0; list-style-type: none; } #s-sitemap #content-main ul li ul li a { padding-left: 35px; } #s-sitemap #content-main ul li ul li ul { padding-bottom: 0; } #s-sitemap #content-main ul li ul li ul li a { padding-left: 70px; } /* SEARCH ---------------------------------------- */ #s-search .search-entry { margin-bottom: 18px; border-bottom: 1px solid #d1d2c3; } #s-search .search-entry h3, #s-search .search-entry h4 { margin-bottom: 4px; } #s-search p.time { margin-bottom: 7px; font-size: 12px; color: #848569; } /* ERROR & 404 ---------------------------------------------------- */ #s-error #content-main { width: 910px; } /* --------------------------------------------------------------------------------------------- footer --------------------------------------------------------------------------------------------- */ #footer-wrap { background: #ffca49 url(/images/bg_footer.png) repeat-x; border-top: 18px solid #fff; } #footer { padding-top: 18px; height: 180px; position: relative; } #footer #contact-info { width: 173px; float: left; text-align: center; } #footer #contact-info h4 { margin: 0 0 18px 0; width: 173px; height: 90px; } #footer #contact-info h4 { width: 173px; height: 90px; display: block; text-indent: -9999px; text-decoration: none; background: url(/images/tr_h4-footer-logo.png) no-repeat; } #footer #contact-info p { margin-bottom: 0; font-size: 11px; line-height: 1; } #footer ul.tabs { margin-top: 18px; width: 777px; height: 54px; float: left; background: url(/images/sprite_main.png) -282px -216px no-repeat; } #footer ul.tabs li a { height: 54px; text-indent: -9999px; text-decoration: none; background: url(/images/sprite_main.png) no-repeat; } #footer ul.tabs #new a { width: 133px; background-position: -282px -216px; } #footer ul.tabs #worship a { width: 95px; background-position: -415px -216px; } #footer ul.tabs #serve a { width: 73px; background-position: -510px -216px; } #footer ul.tabs #learn a { width: 77px; background-position: -583px -216px; } #footer ul.tabs #connect a { margin-right: 48px; width: 100px; background-position: -660px -216px; } #footer ul.tabs #contact a { width: 100px; background-position: -805px -216px; } #footer ul.tabs #sitemap a { width: 88px; background-position: -905px -216px; } #footer ul.tabs #new a:hover { background-position: -282px -270px; } #footer ul.tabs #worship a:hover { background-position: -415px -270px; } #footer ul.tabs #serve a:hover { background-position: -510px -270px; } #footer ul.tabs #learn a:hover { background-position: -583px -270px; } #footer ul.tabs #connect a:hover { background-position: -660px -270px; } #footer ul.tabs #contact a:hover { background-position: -805px -270px; } #footer ul.tabs #sitemap a:hover { background-position: -905px -270px; } #footer h5#credit { margin: 0; width: 176px; height: 18px; position: absolute; top: 144px; right: 55px; } #footer h5#credit a { width: 176px; height: 18px; display: block; text-indent: -9999px; background: url(/images/tr_h5-credit.png) no-repeat; }