@charset "utf-8";
@media all {

/* BODY AND FONTS: =body
----------------------------------------------- */
    body { color: #464141; margin:0; padding: 0; background: #fff url("/assets/images/bg-all.jpg"); text-align: center;  }
    body, input, textarea, select { font: 12px/19px Verdana, Geneva, sans-serif; }
    body.popup { text-align: left; padding: 30px; }

/* LINKS AND IMAGES: =links
----------------------------------------------- */
    a img { border: none; }
    a:link, a:visited {color:#c1521b;}
    a:hover { color: #502139; }

    a.calendar { background: url("/assets/images/calendar.gif") 0px 4px no-repeat; padding: 5px 0 5px 24px; font-weight: bold; }
    a.big-btn { background: url("/assets/images/big-btn.gif") top left no-repeat; text-align: center; font-family: Verdana, Geneva, sans-serif; text-decoration: none; font-weight: bold; display: block; width: 379px; height: 62px; line-height: 62px; text-transform: uppercase; font-style: normal; font-size: 16px; color: #fff6c1; }
    a.big-btn:hover { color: #fff; }
    img.frame { border: 6px solid #fff; }
    img.floatleft { float: left; margin: 0 10px 10px 0; }
    img.floatright { float: right; margin: 0 0 10px 10px; }

/* TYPOGRAPHY: =typography
----------------------------------------------- */
    h1, h2, h3, h4, h5, h6 { margin: 0 0 4px 0; padding: 0;  }
    
    #content h1 { font-family: 'PT Sans Narrow', sans-serif; font-weight: 400; letter-spacing: 1px; }
    #content h2 { font-family: 'PT Sans Narrow', sans-serif; font-weight: 400; letter-spacing: 1px; padding-bottom: 12px; color: #4C4136; }
    
    .youth #content h1 { font-family: 'Nunito', sans-serif; color: #c7e3d5; } 
    .children #content h1 { font-family: 'Kranky', cursive; color: #ffffff; font-weight: 600; } 
    .preschool #content h1 { font-family: 'Arvo', serif; font-weight: 700; color: #fff963; }
    
    h1 { color: #e6b032; font-family: Tahoma, Geneva, sans-serif; font-weight: normal; font-size: 21px; letter-spacing: 3px; text-transform: uppercase; margin: 0; }
    body.popup h1 { letter-spacing: 0; color: #54483b; text-transform: none; margin: 0 0 12px 0; line-height: 25px; }
    h2 { color: #54483b; font-family: Tahoma, Geneva, sans-serif; font-weight: normal; font-size: 21px; letter-spacing: 1px; border-bottom: 1px solid #d4c7b4; text-transform: uppercase; padding: 0 0 0px 0; margin: 0 0 14px 0; }
    h3 { font-size: 13px; }
    .rightcolumn h3 { font-size: 12px; }
    p, blockquote, table { margin: 0 0 18px 0; }
    p.caption { color: #5c5c5c; font: 100% Georgia, "Times New Roman", Times, serif; font-style: italic; }
    .callout { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 18px; line-height: 23px; }

    #title { background-color: #3e3226; background-position: top right; background-repeat: no-repeat; }
    #title div { background: url("/assets/images/titles/tear.png") bottom left repeat-x; padding: 20px 20px 16px 20px; }
    .title1 { background-image: url("/assets/images/titles/title1.jpg"); }
    .title2 { background-image: url("/assets/images/titles/title2.jpg"); }
    .title3 { background-image: url("/assets/images/titles/title3.jpg"); }
    .title4 { background-image: url("/assets/images/titles/title4.jpg"); }
    .title5 { background-image: url("/assets/images/titles/title5.jpg"); }
    .title6 { background-image: url("/assets/images/titles/title6.jpg"); }
    .title7 { background-image: url("/assets/images/titles/title7.jpg"); }
    .title8 { background-image: url("/assets/images/titles/title8.jpg"); }

/* LAYOUT: =layout
----------------------------------------------- */
    #content { float: left; width: 100%; background: url("/assets/images/bg-body.jpg") 50% 0; }
    .container { margin: 0 auto; width: 920px; text-align: left; padding: 0px 20px; }
    #page { float: left; width: 920px; background: url("/assets/images/brick.jpg") 0 30px; }
    #interiorwrap { background: url("/assets/images/navshadow.png") top left no-repeat; padding: 14px 11px; float: left; width: 898px; }
    #interior { background: url("/assets/images/page-brown.png"); float: left; padding: 10px; width: 878px; }
    #interiorcontentouter { float: right; background: url("/assets/images/pagetear.png") bottom left repeat-x; padding-bottom: 14px; }
    #interiorcontent { background: #f5e7d2; float: right; width: 702px; }
    body.fullpage #interiorcontent { float: none; width: 100%; }
    body.fullpage #interiorcontentouter { float: none; width: 100%; }
    #interiorcontentinner { padding: 20px; }
    .leftcolumn { float: left; width: 379px; }
    .rightcolumn { font-size: 11px; line-height: 16px; float: right; width: 260px; position: relative; }
    body.fullpage .leftcolumn { width: 519px; }
    body.fullpage .rightcolumn { width: 318px; }

    .left { float: left; }
    .right { float: right; }

    .tripcol { width: 684px; margin-left: -22px; }
    .tripcol div { float: left; width: 206px; margin-left: 22px; }

    .twocol .left { width: 310px; float: left; }
    .twocol .right { width: 310px; float: right; }

/* HEADER: =header
----------------------------------------------- */
    #header { background: url("/assets/images/bg-menus.gif") 50% 0 repeat-x; height: 186px; }
    #header #topbar { font-size: 11px; height: 36px; }
    #header #topbar p { float: left; width: 600px; line-height: 36px; margin: 0; }
    #header #topbar p span { color: #be5685; }
    #header #topbar p a { color: #fad779; text-decoration: none; }
    #header #topbar p a:hover { color: #fff; }
    #header #topbar form { float: right; width: 318px; margin: 0; padding-top: 9px; }
    #header #topbar input.text { line-height: normal; width: 210px; float: left; color: #919191; border: none; padding: 3px 3px 3px 21px; background: #ffffff url("/assets/images/search.gif") 3px 2px no-repeat; font-size: 11px; }
    #header #topbar input.text:focus { color: #464141; }
    #header #topbar input.button { float: right; margin-top: -2px; }

    #header #logobar { height: 110px; background: url("/assets/images/bg-logobar.jpg") top left no-repeat; }
    #header #logobar img { float: left; }
    #header #logobar p.contactinfo { color: #fad779; line-height: 15px; float: right; width: 319px; margin: 0; padding-top: 26px; text-align: right; }

/* NAVIGATION: =nav
----------------------------------------------- */
    #globalnav { float: left; width: 100%; clear: both; }
    #globalnav ul { list-style: none; float: left; display: inline; background: url("/assets/images/navigation.gif") top left no-repeat; margin: 0; padding: 0; width: 920px; height: 40px; }
    #globalnav ul li { background: none; float: left; text-indent: -999em; margin: 0; padding: 0; }
    #globalnav ul li a { outline: none; background: url("/assets/images/navigation.gif") top left no-repeat; text-decoration: none; border: none; display: block; height: 40px; text-decoration: none; overflow: hidden; }

    #globalnav ul li.home a { background-position: 0px 0px; width: 60px; }
    #globalnav ul li.home a:hover { background-position: 0px -40px; }
    #globalnav ul li.home a.selected { background-position: 0px -80px; }

    #globalnav ul li.about a { background-position: -60px 0px; width: 118px; }
    #globalnav ul li.about a:hover { background-position: -60px -40px; }
    #globalnav ul li.about a.selected { background-position: -60px -80px; }

    #globalnav ul li.worship a { background-position: -178px 0px; width: 72px; }
    #globalnav ul li.worship a:hover { background-position: -178px -40px; }
    #globalnav ul li.worship a.selected { background-position: -178px -80px; }

    #globalnav ul li.ministries a { background-position: -250px 0px; width: 164px; }
    #globalnav ul li.ministries a:hover { background-position: -250px -40px; }
    #globalnav ul li.ministries a.selected { background-position: -250px -80px; }

    #globalnav ul li.news a { background-position: -414px 0px; width: 132px; }
    #globalnav ul li.news a:hover { background-position: -414px -40px; }
    #globalnav ul li.news a.selected { background-position: -414px -80px; }

    #globalnav ul li.outreach a { background-position: -546px 0px; width: 148px; }
    #globalnav ul li.outreach a:hover { background-position: -546px -40px; }
    #globalnav ul li.outreach a.selected { background-position: -546px -80px; }

    #globalnav ul li.involvement a { background-position: -694px 0px; width: 96px; }
    #globalnav ul li.involvement a:hover { background-position: -694px -40px; }
    #globalnav ul li.involvement a.selected { background-position: -694px -80px; }

    #globalnav ul li.resources a { background-position: -790px 0px; width: 130px; }
    #globalnav ul li.resources a:hover { background-position: -790px -40px; }
    #globalnav ul li.resources a.selected { background-position: -790px -80px; }

    #subnav { background: url("/assets/images/subnavshadow.gif") bottom left no-repeat; padding-bottom: 3px; float: left; width: 168px; }
    #subnav ul { margin: 0; list-style: none; background: url("/assets/images/brownpaper.jpg") top left; padding-left: 0; }
    #subnav ul li { border-bottom: 1px solid #5a4f44; font-size: 11px; text-transform: uppercase; margin: 0; }
    #subnav ul li a { display: block; padding: 5px 10px; width: 148px; color: #f9de94; text-decoration: none; }
    #subnav ul li a:hover { color: #fff; }
    #subnav ul li.selected a { color: #e6b032; font-weight: bold; }

    #subnav ul li.selected ul { background: none; margin-left: 10px; margin-bottom: 12px; }
    #subnav ul li.selected ul li { line-height: 16px; margin-bottom: 5px; border-bottom: none; text-transform: none; padding-right: 10px; }
    #subnav ul li.selected ul li a { color: #f9de94; font-weight: normal; background-image: url("/assets/images/subnavarrow.gif"); background-repeat: no-repeat; background-position: 0px 8px; padding: 0px 0px 0px 10px; width: 128px;  }
    #subnav ul li.selected ul li a:hover { color: #fff; background-position: 0px -22px; }
    #subnav ul li.selected ul li.selected a,
    #subnav ul li.selected ul li.selected a:hover { color: #e6b032; background-position: 0px -52px; }

    #subnav ul li.selected ul li.selected ul { margin-bottom: 4px; margin-top: 4px; }
    #subnav ul li.selected ul li.selected ul li a { color: #f9de94; background-position: 0px 8px; }
    #subnav ul li.selected ul li.selected ul li a:hover { color: #fff; background-position: 0px -22px; }
    #subnav ul li.selected ul li.selected ul li.selected a,
    #subnav ul li.selected ul li.selected ul li.selected a:hover { color: #e6b032; background-position: 0px -52px; }

/* LISTS: =lists
----------------------------------------------- */
    ul { margin: 0 0 18px 0; padding: 0 0 0 20px; }
    ol { margin: 0 0 18px 0; padding: 0; }
    li { margin: 0 0 3px 0; padding: 0; }

    dl { margin: 0 0 18px 0; padding: 0; }
    dt { margin: 0 0 3px 0; padding: 0; font-weight: bold; font-size: 13px; }
    dd { margin: 0 0 12px 0; }

    ul.go { list-style: none; padding-left: 0; }
    ul.go li a { background: url("/assets/images/go.gif") 0px 2px no-repeat; padding-left: 20px; padding-bottom: 1px; font-weight: bold; }
    ul.go li a.normal { font-weight: normal; }

    .imglist { float: left; width: 100%; clear: both; }
    .imglist img { float: left; margin: 0 0 18px 0; }
    .imglist .info { float: right; width: 140px; }

    .googevents { list-style: none; padding-left: 0; }
    .googevents li { margin: 0 0 12px 0; }
    .googevents a { font-weight: bold; }

/* FORMS: =forms
----------------------------------------------- */
    form { margin: 0 0 18px 0; padding: 0 0 0 2px; }
    form.sep { background: #EBDECA; padding: 12px; }
    form label { display: block; font-weight: bold; margin: 0 0 3px 0; padding:0 ; }
    form label.twocol { float: left; width: 90px; }
    form.sep .clearfix select { float: left; }
    form input.text,
    form textarea {  }
    form p { margin: 0 0 1em 0; }
    form div { margin: 0 0 5px 0; }
    form.sep div.submit { margin: 0; }
    form div.hiddenFields { display: none; }

    div.dropdown { position: relative; z-index: 50; margin: 0 0 18px 0; }
    div.dropdown p a { outline: none; width: 213px; height: 26px; display: block; background-image: url("/assets/images/dropdown.gif"); background-position: top left; background-repeat: no-repeat; font-size: 11px; text-decoration: none; line-height: 26px; padding-left: 8px; }
    div.dropdown p a:hover { background-position: 0px -26px; }
    div.dropdown p a:active { background-position: 0px -52px; }
    div.dropdown div { position: absolute; z-index: 50; top: 13px; overflow: hidden; }
    div.dropdown div ul { position: relative; z-index: 100; display: block; background: #fff; border: 1px solid #d9d2c3; width: 209px; list-style: none; margin: 0; padding: 0; position: relative; }
    div.dropdown div ul li { margin-bottom: 0; line-height: 11px; }
    div.dropdown div ul li a { font-size: 11px; text-decoration: none; display: block; width: 199px; padding: 5px 5px; }
    div.dropdown div ul li a:hover { background: #f4f4f4; }

/* TABLES: =tables
----------------------------------------------- */
    table { width: 100%; border-collapse: collapse; margin: 0 0 18px 0; font-size: 11px; line-height: 16px; }
    table thead tr th { background: #78722f; color: #fff; font-weight: bold; padding: 4px 6px; vertical-align: top; }
    table tbody tr td { padding: 6px; vertical-align: top; }
    table tbody tr.stripe td { background: #ebdeca; }
    table.featured tbody tr td { background: #f8e4c6;  }
    table.featured tbody tr.stripe td { background: #fce0bb; }
    table tbody tr.colheader td { color: #9c9080; font-weight: bold; font-size: 11px; padding-bottom: 3px; }

    table.ourstaff { font-size: 11px; line-height: 15px; }
    table.ourstaff td.name a { white-space: nowrap; font-weight: bold; }

/* MODULES & SLIDESHOWS: =modules
----------------------------------------------- */
    div.flash { margin: 0 0 18px 0; }
    div.map { border: 5px solid #fff; margin: 0 0 18px 0; }
    .specialevent img { float: left; border: 5px solid #fff; }
    .specialevent h3 { font-size: 13px; }
    .specialevent .info { float: right; width: 393px; }
    #interiorcontentinner .leftcolumn .specialevent .info { width: 255px; }
    #interiorcontentinner .rightcolumn .specialevent .info { width: 140px; }

    .whatsnew h3 { font-size: 13px; }

    .paperclipframe { position: absolute; top: -40px; right: -30px; background: url("/assets/images/paperclipframe.png") top left no-repeat; width: 303px; height: 236px; }
    .paperclipframe img.paperclip { position: absolute; top: 13px; right: 60px; z-index: 150; }
    .paperclipframe-outer { padding-top: 200px; }
    #paperclipslideshow { z-index: 100; }
    
    .paperclipframe-outer #frame {
        background: url("/assets/images/paperclip-frame.png") no-repeat scroll 0 0 transparent; height: 231px; left: 0; 
        position: absolute; top: 0px; width: 299px; z-index: 200;        
    }
    .paperclipframe-outer .paperclipframe { 
        background: none repeat scroll 0 0 transparent; height: 231px; overflow: hidden; right: -28px; top: -33px; 
        width: 299px; 
    }
    
    .paperclipframe-outer #paperclipslideshow { 
        height: 207px; left: 0; overflow: hidden; position: absolute; top: 13px; width: 288px; z-index: 100;
        background: #ffffff;
    }
    .paperclipframe-outer #slideshow-holder { height: 207px; width: 288px; }
    
    .meet { background: url("/assets/images/meet.gif") top left no-repeat; width: 170px; height: 45px; margin: 0 0 10px 0; padding: 35px 21px 0px 83px; text-align: center; font-weight: bold; position: relative; left: -8px; }
    .meet h2 { display: none; }

    .volunteer { background: url("/assets/images/volunteer.gif") top left no-repeat; width: 194px; height: 70px; margin: 0 0 10px 0; padding: 43px 40px 0px 40px; text-align: center; font-weight: bold; position: relative; left: -8px; }
    .volunteer h2 { display: none; }

    .filecabinet { background: url("/assets/images/filecabinet.gif") top left no-repeat; width: 179px; height: 56px; margin: 0 0 10px 0; padding: 35px 20px 0px 75px; text-align: center; position: relative; left: -8px; }
    .filecabinet a { font-weight: bold; }
    .filecabinet h2 { display: none; }

    .classes { background: url("/assets/images/classes.gif") top left no-repeat; width: 169px; height:56px; margin: 0 0 10px 0; padding: 35px 20px 0px 85px; text-align: center; position: relative; left: -8px; }
    .classes a { font-weight: bold; }
    .classes h2 { display: none; }

/* HOMEPAGE: =home
----------------------------------------------- */
    #branding { background: #54483b; float: left; height: 278px; width: 100%; }
    #homeslideshow { background: url("/assets/images/tear.png") bottom left no-repeat; float: left; width: 581px; }
    
    #branding { position: relative; overflow: hidden; }
    .home #slideshow-holder { 
        width:581px; height:278px; background:url(images/spinner.gif) center center no-repeat #54483b; position: absolute; 
        top: 0; left: 0;
    }
    #progress { position:absolute; width:100%; text-align:center; color:#999; top:225px; }
    #homeslideshow { position: relative; z-index: 1000; height: 278px; }
    
    #helper { float: right; width: 299px; height: 144px; padding: 134px 20px 0px 20px; background: url("/assets/images/home-helper.jpg") top left no-repeat; }
    #helper h1 { display: none; }
    #helper ul { list-style: none; float: left; display: inline; background: url("/assets/images/helper.gif") top left no-repeat; margin: 0; padding: 0; width: 299px; height: 116px; }
    #helper ul li { background: none; float: left; text-indent: -999em; margin: 0; padding: 0; }
    #helper ul li a { outline: none; background: url("/assets/images/helper.gif") top left no-repeat; text-decoration: none; border: none; display: block; height: 32px; width: 299px; text-decoration: none; overflow: hidden; }

    #helper ul li.new, #helper ul li.maps { margin-bottom: 10px; }
    #helper ul li.new a { background-position: 0px 0px; }
    #helper ul li.new a:hover { background-position: -299px 0px; }
    #helper ul li.maps a { background-position: 0px -42px; }
    #helper ul li.maps a:hover { background-position: -299px -42px; }
    #helper ul li.st a { background-position: 0px -84px; }
    #helper ul li.st a:hover { background-position: -299px -84px; }

    #mainset { background: #f5e7d2; float: left; width: 860px; padding: 20px 20px 18px 40px; }
    #mainset .left { width: 305px; }
    #mainset .left #welcome { position: relative; left: -60px; top: -10px; color: #7d7063; font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 21px; padding: 164px 42px 0px 56px; width: 269px; height: 240px; background: url("/assets/images/welcome.png") top left no-repeat; }
    #mainset .left #welcome h2 { display: none; }
    #mainset .left #welcome p { margin: 0; }
    #mainset .left #welcome a { font-style: italic; }

    #mainset .left #sermonsonline { position: relative; }
    #mainset .left #sermonsonline p { padding-right: 35px; }
    #mainset .left #podcastimg { position: absolute; top: -20px; right: -20px; }

    #mainset .right { width: 516px; }
    body.home div.dropdown { position: absolute; top: 0px; right: 0px; }
    #calendarsdropdown a { background-image: url("/assets/images/calendars-dropdown.gif"); padding-left: 32px; width: 177px; }
    #specialevents { position: relative; }

    #ministries { font-size: 14px; font-weight: bold; line-height: 30px; float: left; width: 100%; clear: both; background: url("/assets/images/bg-ministries.jpg") top left no-repeat; height: 169px; padding-top: 70px; }
    #ministries h2 { display: none; }
    #ministries img { float: left; border: 3px solid #ffe9ae; margin-left: 41px; display: inline; }
    #ministries .col1 { margin-left: 50px; width: 138px; }
    #ministries .col2 { margin-left: 0px; width: 239px; }
    #ministries .col3 { margin-left: 0px; width: 195px; }
    #ministries .col1, #ministries .col2, #ministries .col3 { padding-top: 3px; float: left; display: inline; }
    #ministries a { color: #f9dd92; }
    #ministries a:hover { color: #fff; }

    #mpic { background: transparent url('/assets/images/ministries/composite.jpg') no-repeat; }

/* INTERIOR PAGES: =interior
----------------------------------------------- */
    /* about */
    .pastorprofilelist { clear: both; margin: 0 0 18px 0; }
    #smugmug { width:662px; hight:441px; }

    /* news & events */
    body#specialeventpopup img { float: left; border: 5px solid #fff;  }
    body#specialeventpopup .content { margin-left: 130px; }
    body#specialeventpopup ul.details { list-style: none; padding-left: 0; font-weight: bold; }
    body.calendars .leftcolumn { width: 350px; }
    body.calendars .rightcolumn { width: 290px; }
    body.calendars div.sep { padding: 8px 12px; }
    body.calendars div.sep h3 { float: left; width: 90px; }
    body.calendars div.sep form { float: right; width: 230px; margin: 0; }
    body.calendars div.sep div { float: left; width: 100%; margin: 4px 0; }
    body.calendars div.sep form select { width: 230px; }

    div.calendartable { background: #f9f1e4; margin: 0 0 18px 0; padding: 6px 6px 8px 6px; width: 277px; }
    div.calendartable h3 { font-size: 12px; text-align: center; margin: 0 0 8px 0; }
    div.calendartable a { margin: 0 5px; }
    div.calendartable table { border-left: 1px solid #d4c7b4; border-top: 1px solid #d4c7b4; width: 265px; margin: 0 auto; }
    div.calendartable table th, div.calendartable table td { color: #54483b; background: #f9f1e4; text-align: center; padding: 0; border-right: 1px solid #d4c7b4; border-bottom: 1px solid #d4c7b4; }
    div.calendartable table th { height: 31px; line-height: 31px; }
    div.calendartable table td a { color: #54483b; margin: 0; float: left; width: 38px; display: block; padding: 0; height: 31px; line-height: 31px; text-decoration: none; }
    div.calendartable table td a:hover { color: #fff !important; background: #d4c7b4 !important; }
    div.calendartable table td.othermonth a { color: #a69c8f; }
    div.calendartable table td.activeweek a { background: #e6dccc; }
    div.calendartable table td.today a { background: #fff; color: #54483b; }
    div.calendartable table tr:hover td { background: #F2E8D7 !important; }

    div.eventstable { clear: both; border-top: 1px solid #d4c7b4; padding-top: 18px; }
    div.eventstable div.nav h3 { font-weight: normal; float: left; font-size: 18px; width: 379px; }
    div.eventstable div.nav p { float: right; width: 283px; white-space: nowrap; }
    div.eventstable div.nav p a { font-size: 11px; margin: 0 3px; }
    div.eventstable table { font-size: 11px; }
    div.eventstable table td.time { width: 150px; }
    div.eventstable table td.event { font-weight: bold; }
    div.eventstable table td.calendar { width: 160px; }

    /* get involved */
    .classtables td.class { width: 150px; }
    .classtables td.meets { width: 250px; }
    .classtables td.register { width: 150px; white-space: nowrap; }

    .volunteertables td.title { width: 150px; font-weight: bold; }
    .volunteertables td.description { }
    .volunteertables td.contact { width: 160px; }

    /* ministries */
    .ministriesindexrow { clear: both; margin: 0 0 14px 0; float: left; width: 100%; width: 662px; position: relative; }
    .ministriesindexrow div {  float: left; width: 220px; }
    .ministriesindexrow a { text-decoration: none; font-size: 14px; font-weight: bold; }
    .ministriesindexrow img { margin: 0 0 5px 0; }
    .performance .image { float: left; width: 210px; }
    .performance .content { float: right; width: 430px; }
    .recording { margin: 0 0 18px 0; }
    .recording .image { float: left; width: 160px; }
    .recording .content { float: right; width: 480px; }

    /* outreach & missions */
    .outreachrow { clear: both; margin: 0 0 18px 0; }
    .outreachrow img { margin-right: 20px; margin-bottom: 20px; }
    .outreachrow h3, .outreachrow p { float: right; width: 430px; }
    .leftcolumn .outreachrow img { float: right; margin-right: 0; margin-left: 10px; }
    .leftcolumn .outreachrow h3, .leftcolumn .outreachrow p { float: none; width: auto; }

    /* resource center */
    .resourcerow { clear: both; margin: 0 0 18px 0; }
    .resourcerow .left { float: left; width: 310px; }
    .resourcerow .right { float: right; width: 310px; }
    .fc { margin: 0 0 22px 0; background: url("/assets/images/fc-top.jpg") top left no-repeat; }
    .fc div { background: url("/assets/images/fc-bottom.jpg") bottom left no-repeat; padding: 50px 30px 20px 174px; }
    .fcfolders { border-top: 1px solid #d4c7b4; }
    .fcfolders div { background: url("/assets/images/folderbg.gif") top left repeat-x; line-height: 14px; border-bottom: 1px solid #d4c7b4; padding: 10px 0;  }
    .fcfolders div img { float: left; margin: 0 10px 0 0; }
    table.fcfiles th { white-space: nowrap; }
    table.fcfiles a.file { background: url("/assets/images/page.png") 0 3px no-repeat; padding: 4px 0px 4px 24px; }
    table.fcfiles .description { display: block; padding-left: 24px; }
    .fcbreadcrumb { font-size: 11px; margin: 0; padding: 10px; background: #fcf4e7; }

    /* worship*/
    #sbox-content .inner { position: relative; top: -70px; }
    #sbox-content { overflow: visible !important; }


/* FOOTER: =footer
----------------------------------------------- */
    #footer { float: left; width: 100%; clear: both; background: url("/assets/images/bg-footer.png") 50% 0 no-repeat; padding: 24px 0 28px 0; font-size: 11px; }
    #footer p { line-height: 16px; margin-bottom: 6px; }
    #footer p span.credits,
    #footer p span.credits a { color: #776464; }
    #footer p a.invis,
    #footer p a.invis:hover { color: #776464; text-decoration: none; cursor: default; }

/* SIFR: =sifr
----------------------------------------------- */
    .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
    .sIFR-replaced { visibility: visible !important; }
    .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
    /*.sIFR-active #content h1 { visibility: hidden; line-height: 1em; font-size: 33px; line-height: 33px; }*/
    /*.sIFR-active #content h2 { visibility: hidden; line-height: 1em; font-size: 26px; line-height: 26px; }*/

    /*
      Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
      Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
    */

    .sIFR-replaced > div { display: none !important; }

/* MISC: =misc
----------------------------------------------- */
    .clearboth { clear: both; }
    .nowrap { white-space: nowrap; }
    .skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; }
    .nowrap { white-space: nowrap; }
    .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
    .clearfix { display: inline-block; }
    html[xmlns] .clearfix { display: block; }
    * html .clearfix { height: 1%; }
}