/*--------------------------------------- Cathedral Shelter of Chicago media: screen author: wisdom consulting group, inc. website: http://www.wisdomgroup.com ----------------------------------------*/ @import url(/?css=stylesheets/reset.css); @import url(/?css=stylesheets/sifr-screen.css); /* General */ html { background-color: #f5edd4; } body { font: 62.5%/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e5a4c; background: #f5edd4 url(/images/site/header_bg.gif) repeat-x; } .center { text-align: center; } .left { float: left; } .right { float: right; } .clear { clear: both; } .hidden { display: none; } /* Typography */ p { margin: 1em 0; line-height: 1.6; } #content p:first-child { margin-top: 0.5em; } h2 { font-weight: normal; font-size: 1.4em; line-height: 1; color: #10457e; margin-bottom: 5px; } h3 { font-weight: normal; font-size: 1.3em; line-height: 1; color: #4D4427; } h2 + h3 { margin-top: 1.5em; } p + h3 { margin-top: 2em; } table { margin: 1em 0; } td { line-height: 1.6; } #content p a:link, #content p a:visited, .continue a:link, .continue a:visited, #content-main td a:link, #content-main td a:visited, #content-main li a:link, #content-main li a:visited { color: #4D4427; border-bottom: 1px solid #B4AA87; text-decoration: none; } #content p a:hover, #content p a:active, .continue a:hover, .continue a:active, #content-main td a:hover, #content-main td a:active, #content-main li a:hover, #content-main li a:active { color: #1B170A; border-bottom: 1px solid #1B170A; } #content-main p div.external, #content-main td div.external, #content-main li div.external, #recent-news p div.external { display: inline; background: url(/images/site/external.gif) no-repeat right 3px; padding-left: 10px; } /* #content-main p a[href^="http://www.cathedralshelter.org"], #content-main p a[href^="http://cathedralshelter.org"], #content-main td a[href^="http://www.cathedralshelter.org"], #content-main td a[href^="http://cathedralshelter.org"], #content-main li a[href^="http://www.cathedralshelter.org"], #content-main li a[href^="http://cathedralshelter.org"] { background-image: none; padding-right: 0; } */ #content ul, ol { margin: 1em 0; } #content ul li { background: url(/images/site/bullet.gif) no-repeat 0px 8px; padding-left: 15px; margin-left: 1em; } #content ol li { list-style-type: decimal; margin-left: 2.5em;} #content li { line-height: 1.6; } blockquote { margin-left: 1.1em; padding-left: 0.6em; border-left: 5px solid #CFCAB8; font-style: italic; } p.pull-left, p.pull-right { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.2em; width: 190px; text-align: center; color: #5e5a4c; margin-top: 0.5em; margin-bottom: 0; } p.pull-left { float: left; margin-right: 1em; } p.pull-right { float: right; margin-left: 1em; } .pagedivider { margin: 2em 0; width: 100%; border-bottom: 1px solid #E4DAB8;} /* Header */ #header { width: 750px; height: 77px; margin: 0 auto; position: relative; } #branding #logo { display: none; } #header h1 { padding-top: 10px; } #header h1 a { width: 381px; height: 0; display: block; overflow: hidden; text-indent: -2000px; padding-top: 56px; background: url(/images/site/logo.gif) no-repeat; } #header h4 { display: none; } #nav-utility { position: absolute; top: 25px; right: 0; width: 22em; text-align: right; font-size: 1.3em; } #nav-utility li { float: left; padding: 0.5em; background: url(/images/site/utility_divider.gif) center right no-repeat; } #nav-utility a { color: #685e3e; text-decoration: none; } #nav-utility a:hover { text-decoration: underline;} li#utility-search { background: none; padding-right: 0; width: 150px; } li#utility-search form { position: relative; } li#utility-search input.text { position: absolute; top: -4px; left: 0; width: 95px; } li#utility-search input.button { position: absolute; top: -4px; left: 105px; } /* Primary Nav */ #nav-main-container { width: 100%; height: 31px; background: url(/images/site/pri_nav_bg.gif) repeat-x; } #nav-main { width: 775px; margin: 0 auto; position: relative; line-height: 0; list-style: none; } #nav-main li a { float: left; padding-right: 5px; display: block; height: 0; padding-top: 31px; background-repeat: no-repeat; overflow: hidden; text-indent: -2000px; } #nav-main li a:hover { background-position: 0 -31px; } #nav-main li a.active { background-position: 0 -62px; } li#main-aboutus a { margin-left: 2px; width: 87px; background-image: url(/images/site/nav-aboutus.gif); } li#main-programsservices a { width: 164px; background-image: url(/images/site/nav-programsservices.gif); } li#main-newspublications a { width: 166px; background-image: url(/images/site/nav-newspublications.gif); } li#main-volunteer a { width: 88px; background-image: url(/images/site/nav-volunteer.gif); } li#main-thriftstore a { width: 100px; background-image: url(/images/site/nav-thriftstore.gif); } li#main-donate a { width: 73px; background-image: url(/images/site/nav-donate.gif); } li#main-links a { width: 60px; background-image: url(/images/site/nav-links.gif); } /* Secondary Nav */ #nav-secondary-container { height: 34px; background: url(/images/site/sec_nav_bg.gif) repeat-x; } #nav-secondary-container-short { height: 20px; background: url(/images/site/sec_nav_bg.gif) repeat-x left bottom; } #nav-secondary { width: 775px; margin: 0 auto; font-size: 1.2em; } #nav-secondary li { float: left; padding: 0 0.8em; background: url(/images/site/sec_nav_divider.gif) top right no-repeat; } #nav-secondary li a { padding-top: 0.6em; height: 28px; display: block; line-height: 1; text-decoration: none; color: #685e3e; } #nav-secondary li a:hover { text-decoration: underline; } #nav-secondary li:first-child, #nav-secondary li.first-child { padding-left: 15px; } #nav-secondary li.last-child { background: none; } #nav-secondary li a.active { padding-top: 0.6em; height: 29px; font-weight: bold; background: url(/images/site/sec_nav_arrow.gif) center 21px no-repeat; font-family: Arial, Helvetica, sans-serif; } #nav-secondary li a.active:hover { text-decoration: none; } /* Section Nav */ #nav-section-container { margin-bottom: 1em; width: 100%; background: url(/images/site/nav-section-line.gif) repeat-x; position: relative; height: 23px; overflow: visible; } #nav-section-container h1.section { padding-top: 3px; padding-left: 1px; } ul#nav-section { position: absolute; margin: 0; bottom: 0; right: 2px; } ul#nav-section li { float: left; background: url(/images/site/nav-section-tab-right.gif) no-repeat top right; padding: 0; margin: 0 1px; line-height: 1; } ul#nav-section li a { display: block; height: 18px; background: url(/images/site/nav-section-tab-left.gif) no-repeat top left; padding: 5px 9px 0 9px; margin: 0; } ul#nav-section li.active { background: url(/images/site/nav-section-tab-right-active.gif) no-repeat top right; } ul#nav-section li.active a { background: url(/images/site/nav-section-tab-left-active.gif) no-repeat top left; color: #083b70; } ul#nav-section li a:link, ul#nav-section li a:visited { border-bottom: 0; } ul#nav-section li a:hover, ul#nav-section li a:active { border-bottom: 0; text-decoration: underline; color: #4D4427; } ul#nav-section li.active a:hover, ul#nav-section li.active a:active { text-decoration: none; color: #083b70; } /* Content */ #content { width: 100%; background-color: #FFF; font-size: 1.3em; } #content-container { clear: both; width: 750px; margin: 0 auto; padding-top: 5px; padding-bottom: 1px; overflow: hidden; position: relative; } #content-container .left, #content-container .right { padding: 0.3em; line-height: 0; margin: 1.5em 0; } #content-container .left { margin-right: 1em; } #content-container .right { margin-left: 1em; } #content-sup-container { float: left; width: 170px; background: #f5edd5 url(/images/site/sup-bg.gif) repeat-y; text-align: center; margin-top: 5px; } #sup-top { width: 170px; height: 5px; background: #f5edd5 url(/images/site/sup-top.gif) no-repeat; } #sup-bottom { width: 170px; height: 5px; background: #f5edd5 url(/images/site/sup-bottom.gif) no-repeat; } #content-sup { margin: 5px 6px 7px 6px; } #content-main { padding-left: 190px; padding-top: 0.5em; } #content-sup-container div.divider { background: url(/images/site/sup-div.gif) no-repeat; width: 160px; height: 1px; margin: 10px 1px 17px 1px; } #content-sup-container form { margin: 5px 0 15px 4px; padding: 0; height: 40px; position: relative; } #content-sup-container label { margin: 0; padding: 0; height: 40px; position: absolute; top: 0; left: 5px; line-height: 0; } #content-sup-container input.text { width: 83px; position: absolute; top: 17px; left: 5px; } #content-sup-container input.button { position: absolute; top: 17px; right: 5px; } #board td { width: 310px; padding: 0 2px; } #staff table { margin-top: 30px; clear: left; } #staff td { width: 250px; } #staff .staff { margin-left: 125px; min-height: 145px; padding-bottom: 10px; margin-bottom: 0; } #staff .left { position: relative; top: 18px; line-height: 0 !important; margin: 0 !important; padding: 0 !important; } #contact #map { border: 2px solid #C2BA9C; width: 400px; height: 330px; margin: 1em 0; } #map-box { font-size: 0.95em; padding: 1em 0; height: 80px; } #map-box p {margin: 0;} #map-box label { font-weight: bold; line-height: 0; margin-top: 5px; margin-bottom: -5px; } #map-box input.submit { margin-top: 5px; } #foodlist { overflow: hidden; } #foodlist .left, #foodlist .right { background-color: transparent; width: 225px; margin: 0; padding: 0; } #foodlist .left ul, #foodlist .right ul { margin: 0; } #foodlist .right ul li { padding-left: 15px; margin-left: 0; } #hygienelist { overflow: hidden; } #hygienelist .left, #hygienelist .right { background-color: transparent; width: 225px; margin: 0; padding: 0; } #hygienelist .left ul, #hygienelist .right ul { margin: 0; } #hygienelist .right ul li { padding-left: 15px; margin-left: 0; } #now p img { vertical-align: middle; margin-top: -1px; } #links #content-main img { vertical-align: middle; } p.iaodapca { overflow: hidden; } p.iaodapca img { float: left; padding-top: 8px; width: 157px; padding-right: 5px; } /* #links #content-main img { float: left; padding-top: -10px; } #links #content-main p { overflow: hidden; } p.iaodapca { margin-bottom: 15px; } */ #creative ul + h3 { margin-top: 2em; } #creative p.logo div.external { background-image: none; padding-left: 0; } #creative p.logo a { border-bottom: none; } #creative p#shop1 { width: 145px; float: left; } #opportunities h4 { margin-top: 1.5em; font-weight: bold; margin-bottom: -0.8em; text-transform: uppercase; } #opportunities .papply { margin-top: -0.8em; } #opportunities .apply { font-size: 0.9em; font-weight: bold; } /* Home Page */ #content-home { clear: both; width: 750px; margin: 0 auto; padding: 20px 0 0.5em 0; position: relative; } #content #content-home ul li { background: none; padding-left: 0; margin-left: 0; } #promotions { width: 100%; height: 235px; margin-bottom: 1.5em; overflow: hidden; } #promo-primary { float: left; width: 490px; height: 235px; } ul#promo-secondary { margin-top: 0; float: right; } #promo-secondary li { background: none; padding-left: 0; margin: 0; line-height: 1; padding-bottom: 3px; } #promo-secondary a:hover { background: none; } #recent { width: 100%; overflow: hidden; } #ed-message { width: 470px; background-color: #fdfcf7; border: 1px solid #ded7bb; margin-bottom: 20px; padding: 10px 10px 7px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #freeformtext { width: 470px; padding: 0 10px; } #welcome { float: left; width: 480px; } #welcome p { text-align: justify; } #welcome div.intro p { margin-top: -5px; font: italic 1.1em Georgia, Times, serif; line-height: 1.5; text-align: justify; color: #10457e; } #welcome h4 { margin-top: -5px; font: italic 1.1em Georgia, Times, serif; line-height: 1.5; text-align: justify; color: #10457e; } #welcome div.intro a:link, #welcome div.intro a:visited { color: #10457e; border-bottom: 1px solid #CBDDF0; } #welcome div.intro a:hover, #welcome div.intro a:active { color: #10457e; border-bottom: 1px solid #83A6CC; } #welcome p.signature { font-size: 0.85em; text-align: right; font-weight: bold; } #home-extras { width: 480px; background: url(/images/site/homepage/home-divider.png) no-repeat; margin-top: 20px; padding-top: 15px; text-align: center; } #recent-news { float: right; width: 230px; background: url(http://www.cathedralshelter.org/images/site/homepage/recent_news_tile.gif) repeat-y; } #recent-news-top { height: 5px; width: 230px; background: url(http://www.cathedralshelter.org/images/site/homepage/recent_news_top.gif) no-repeat; } #recent-news-bottom { height: 5px; width: 230px; background: url(http://www.cathedralshelter.org/images/site/homepage/recent_news_bottom.gif) no-repeat; } #recent-news .divider { width: 191px; height: 1px; margin-left: 18px; margin-bottom: 5px; background: url(http://www.cathedralshelter.org/images/site/homepage/divider.gif) no-repeat; } #recent-news #news h4 { margin-left: 74px; padding: 11px 0 7px 0; line-height: 1; } #recent-news .news-item { padding: 0 10px; } #recent-news #events h4 { margin-left: 61px; padding: 16px 0 6px 0; line-height: 1; } #recent-news .events-item { padding: 0 10px; margin-bottom: 0.7em; } #recent-news p.headline { font-weight: bold; font-size: 0.85em; margin-bottom: -1em; } #recent-news p.date { font-style: italic; font-size: 0.85em; margin-bottom: -1em; } #recent-news p { font-size: 0.85em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; } #elsewhere ul { margin: 7px 0 7px; list-style-type: none !important; margin: 0 !important; padding: 7px 0 0 0 !important;overflow: hidden; position: relative; left: 10px; } #elsewhere li { list-style-type: none !important; background: none !important; float: left; display: block; width: 75px; margin: 0 !important; padding: 0 !important; } .home-elsewhere { position: relative; } .home-elsewhere #elsewhere-title { position: absolute; top: 15px; left: 60px; } .home-elsewhere ul { position: absolute; top: -1px; left: 255px; width: 200px; margin: 0 !important; padding: 0 0 0 0 !important;overflow: hidden; position: relative; } .home-elsewhere li { list-style-type: none !important; background: none !important; float: left; width: 75px; margin: 0 0 0 15px !important; padding: 0 !important; } /* Recent News */ #events h2.rssclear { width: 145px; } #news h2.rssclear { width: 48px; } #messages h2.rssclear { width: 310px; } #messages h2 { margin-bottom: 3px; } .rss { position: absolute; top: 0; right: 0; } #content-main #events .rss { position: absolute; top: 5px; left: 149px; margin: 0; line-height: 1; } #content-main #news .rss { position: absolute; top: 24px; left: 51px; margin: 0; line-height: 1; } #content-main #messages .rss { position: absolute; top: 15px; right: 234px; margin: 0; line-height: 1; } #content-main #news { position: relative; padding-top: 1.5em; } #content-main #events { position: relative; } .newsitem { margin: 1em 0;} .newsitem h4.headline { margin-top: 1em; } .newsitem p.headline { font-weight: bold; } .newsitem p.date { margin-top: -1.2em; font-size: 0.85em; font-style: italic; } .newsitem p { margin-top: -0.8em; } .newsitemfull p.date { margin-top: -1em; font-size: 0.85em; font-style: italic; } .newsitemfull p.date-event { margin-top: -0.5em; font-weight: bold; } .newsitemfull p.return { font-size: 0.85em; font-weight: bold; } .newsitemfull p.return img { float: left; display: block; width: 11px; margin-right: 4px; padding-top: 4px; } div.excerpt { overflow: hidden; } div.excerpt p { display: inline; } span.continue { font-size: 0.85em; font-weight: bold; position: relative; top: -1px; left: 2px; } span.continue img { position: relative; top: 2px; } /* Thrift Store */ #hours_promotions #content-main table tr td { padding-right: 10px; border-bottom: 2px solid #f5edd5;} #thrift-logo { background: #FFF url(/images/site/thrift-store.gif) no-repeat; width: 170px; height: 108px; padding-bottom: 1em; } /* Forms */ input.text, textarea { border-bottom: 1px solid #d8cead; border-right: 1px solid #d8cead; border-left: 1px solid #cbc09a; border-top: 1px solid #b2a783; } input.text:focus, textarea:focus { border: 1px solid #847852; } #content-main form { margin: 1em 0 1em 0; } #content-main input.text, #content-main textarea { font-size: 13px; padding: 1px; color: #3A3216; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #content-main label { margin-top: 1em; font-size: 1em; color: #6B6141; display: block; } #content-main input.button { margin-top: 1em; } p.captcha { position: relative; } input.captcha { border-bottom: 1px solid #d8cead; border-right: 1px solid #d8cead; border-left: 1px solid #cbc09a; border-top: 1px solid #b2a783; font-size: 13px; padding: 1px; color: #3A3216; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 125px; position:absolute; top: 20px; left: 150px; } #nav-utility input.text, #nav-action input.text, #content-sup input.text { padding: 1px; color: #847852; font-size: 11px; padding: 3px 0 2px 3px; font-family: Arial, Helvetica, sans-serif; } form#basket label.primary, form#formdrive label.primary, form#formvolunteer label.primary { font-size: 1.1em; font-weight: bold; display: block; margin: 0; } form#basket label.secondary, form#formdrive label.secondary, form#formvolunteer label.secondary { font-size: 0.8em; color: #797050; display: block; margin: 0; padding-left: 1px; } form#basket label.choice, form#formdrive label.choice, form#formvolunteer label.choice { font-size: 1em; display: inline; padding-left: 2px; } form#basket label.check, form#formdrive label.check, form#formvolunteer label.check { font-size: 1em; display: inline; padding-left: 2px; } form#basket input.text, form#basket textarea, form#basket select, form#formdrive input.text, form#formdrive textarea, form#formdrive select, form#formvolunteer input.text, form#formvolunteer textarea, form#formvolunteer select { font-size: 14px; margin-right: 5px; } form#basket input.text, form#basket textarea, form#formdrive input.text, form#formdrive textarea, form#formvolunteer input.text, form#formvolunteer textarea { padding: 2px; } div.fieldset { display: block; overflow: hidden; margin-bottom: 1em; } form p.required { margin: 1em 0; font-size: 0.8em; color: #D34326; font-style: italic; } label span.required { display: inline; color: #D34326; } div.errorbox, div.sendbox { font-weight: bold; text-align: center; padding: 0 0.5em 0.5em 0.5em; } div.errorbox { border: 1px solid #DD2626; color: #DD2626; } div.sendbox { border: 1px solid #119405; background-color: #C2ECBF; color: #119405; } div.sendbox p, div.errorbox p { margin: 0; } span.error { font-size: 0.8em; background-color: #DD2626; padding: 2px; font-weight: bold; color: #FFF; display: block; line-height: 1; margin-bottom: 1px; padding-left: 16px; background: #DD2626 url(/images/site/validation_error.gif) 3px 2px no-repeat; } /* Forms: Christmas Basket */ #basket #name div { float: left; overflow: hidden; } #basket #name input#firstname { width: 150px; } #basket #name input#lastname { width: 200px; } #basket #address { clear: both; } #basket #address input#street { width: 361px; } #basket #address div.city { float: left; } #basket #address input#city { width: 125px; } #basket #address div.state { float: left; } #basket #address div.state select { width: 150px; } #basket #address div.zip { float: left; } #basket #address input#zip { width: 70px; } #basket #contact { clear: both; } #basket #contact div { float: left; } #basket #contact input#phone { width: 170px; margin-right: 10px; } #basket #contact input#contactAddr { width: 175px; } #basket #householdpreference div { margin: 0.5em 0;} #basket #householdpreference label.choice span { display: block; font-size: 0.8em; margin-left: 2.5em; } #basket #householdpreference p { margin-left: 2.5em; font-size: 0.8em; line-height: 1.3; } #basket #householdpreference #householdchildren { margin-left: 2em; width: 230px; background-color: #F5EDD5; border: 1px solid #E4DABE; padding: 0 5px 5px 5px; } #basket #householdpreference #householdchildren label#childrenlabel { font-weight: bold; } #basket #name span.error, #basket #address span.error, #basket #householdpreference span.error { width: 349px; } #basket .phone span.error { width: 158px; } #basket .contactaddr span.error { width: 163px; } /* Forms: Food Drive */ #formdrive #for p { margin: 0.8em 0; line-height: 1.5; } #formdrive #for p span { display: block; margin-left: 2.5em; font-size: 0.8em; } #formdrive #arrange p { margin: 0.5em 0; } #formdrive #arrange #dropoffdate { background-color: #F5EDD5; border: 1px solid #E4DABE; padding: 5px; width: 313px; } #formdrive #arrange #dropoffdate label#dropofflabel { float: left; padding-right: 5px; margin-top: 4px; } #formdrive #arrange #dropoffdate { margin-left: 2em; overflow: hidden; } #formdrive #arrange #dropoffdate label.secondary { display: block; padding-left: 1px; } #formdrive #arrange #dropoffdate input#month, #formdrive #arrange #dropoffdate input#date { width: 25px; } #formdrive #arrange #dropoffdate input#year { width: 40px; margin-right: 0; } #formdrive #arrange #dropoffdate div { display: block; float: left; padding-right: 5px; } #formdrive #arrange #dropoffdate div#divyear { margin-top: 0; padding-right: 0; } #formdrive #arrange #dropoffdate span { font-size: 1.4em; } #formdrive #name div { float: left; } #formdrive #name input#firstname { width: 150px; } #formdrive #name input#lastname { width: 200px; } #formdrive #name div.break { float: none; clear: both; } #formdrive #name input#organization { width: 361px; } #formdrive #address input#street { width: 361px; } #formdrive #address div.city { float: left; } #formdrive #address input#city { width: 125px; } #formdrive #address div.state { float: left; } #formdrive #address div.state select { width: 150px; } #formdrive #address div.zip { float: left; } #formdrive #address input#zip { width: 70px; } #formdrive #contact div { float: left; } #formdrive #contact input#phone { width: 170px; margin-right: 10px; } #formdrive #contact input#contactAddr { width: 175px; } #formdrive #for span.error, #formdrive #arrange span.error, #formdrive #name span.error, #formdrive #address span.error, #formdrive #householdpreference span.error { width: 349px; } #formdrive #arrange span.date { width: 307px; margin-left: 2.5em; } #formdrive .phone span.error { width: 158px; } #formdrive .contactAddr span.error { width: 163px; } /* Forms: Volunteer Application */ #formvolunteer #name div { float: left; } #formvolunteer #name input#title { width: 25px; } #formvolunteer #name input#firstname { width: 120px; } #formvolunteer #name input#middlename { width: 30px; } #formvolunteer #name input#lastname { width: 152px; } #formvolunteer #name input#suffix { width: 25px; } #formvolunteer #name div.break { float: none; clear: both; } #formvolunteer #name input#organization { width: 361px; } #formvolunteer #gender label { display: inline; } #formvolunteer #gender label#malelabel { margin-right: 0.5em; } #formvolunteer #address input#street { width: 396px; } #formvolunteer #address div.city { float: left; } #formvolunteer #address input#city { width: 150px; } #formvolunteer #address div.state { float: left; } #formvolunteer #address div.state select { width: 150px; } #formvolunteer #address div.zip { float: left; } #formvolunteer #address input#zip { width: 80px; } #formvolunteer #contact div { float: left; } #formvolunteer #contact input#phone { width: 190px; margin-right: 10px; } #formvolunteer #contact input#contactAddr { width: 190px; } #formvolunteer #emergency div { float: left; } #formvolunteer #emergency input#emergencyname { width: 190px; margin-right: 10px; } #formvolunteer #emergency input#emergencyphone { width: 190px; } #formvolunteer #position a.more:link, a.more:visited { font-size: 0.9em; color: #4D4427; border-bottom: 1px solid #B4AA87; text-decoration: none; } #formvolunteer #position a.more:hover, a.more:active { font-size: 0.9em; color: #1B170A; border-bottom: 1px solid #1B170A; } #formvolunteer #position .detailsdiv { background-color: #F5EDD5; border: 1px solid #E4DABE; margin: 5px 0 5px 25px; padding: 5px; width: 365px; } #formvolunteer #position .detailsdiv p { font-size: 0.9em; line-height: 1.5; margin: 0; } #availabletable { margin: 0.5em 0; background-color: #FDF8E7; border-bottom: 1px solid #E4D9B9; border-right: 1px solid #E4D9B9; } #availabletable th, #availabletable td { padding: 2px; } #availabletable thead th { width: 35px; text-align: center; border-top: 1px solid #E4D9B9; border-bottom: 1px solid #E4D9B9; } #availabletable thead th.time { background-color: #FFF; border-top: none; border-bottom: none; } #availabletable thead th.mon { border-left: 1px solid #E4D9B9; } #availabletable tbody th.morning { border-top: 1px solid #E4D9B9; } #availabletable tbody th { width: 60px; text-align: right; padding-right: 5px; border-left: 1px solid #E4D9B9; border-right: 1px solid #E4D9B9; } #availabletable tbody td { text-align: center; } col.mon, col.wed, col.fri, col.sun { background-color: #F5EDD5; } #formvolunteer #name span.error, #formvolunteer #address span.error, #formvolunteer #position span.error { width: 384px; } #formvolunteer #gender span.error { width: 125px; } #formvolunteer #availability span.error { width: 326px; } #formvolunteer .phone span.error, #formvolunteer .emergencyname span.error { width: 178px; } #formvolunteer .contactAddr span.error, #formvolunteer .emergencyphone span.error { width: 178px; } /* Search */ /*.search h3 { margin-bottom: 10px; } */ h2.search { margin-bottom: 10px; } p.result_title { margin-top: 15px; margin-bottom: -10px; font-size: 15px; } div.paginate { font-size: 12px; margin: 10px 0; } span.pagecount { color: #9c906a; font-weight: bold; } div.paginate a { padding: 2px 4px; border: 1px solid #B4AA87; color: #1B170A; text-decoration: none; } div.paginate a:hover { background-color: #B4AA87; text-decoration: none; } /* Footer */ #footer { padding-top: 15px; width: 100%; height: 120px; background: url(/images/site/footer_bg.gif); } #footer p { clear: both; text-align: center;} #nav-action-container { width: 100%; height: 51px; background: url(/images/site/bottomnav_bg.gif) 50% 0 no-repeat;} #nav-action { width: 750px; height: 35px; margin: 0 auto; padding-left: 0.5em; } #nav-action li { float: left; font-size: 13px; color: #9c906a; padding: 1.4em 1.1em; background: url(/images/site/bottomnav_divider.gif) center right no-repeat; line-height: 1; } #nav-action li a { color: #685e3e; text-decoration: none; } #nav-action li a:hover { text-decoration: underline; } li#action-newsletter { background: none; padding-right: 0; width: 350px; } li#action-newsletter form { display: inline; position: relative; } li#action-newsletter div { display: inline; position: relative; } li#action-newsletter input.text { position: absolute; top: -1px; left: 7px; width: 106px; } li#action-newsletter input.button { position: absolute; top: -2px; left: 123px; } #site-info { margin-top: -10px; font-size: 1.1em; color: #7d7559; } #site-info a { color: #7d7559; font-weight: bold; text-decoration: none; } #site-info a:hover { text-decoration: underline; } #site-info p#credit { margin-top: 2em; } #site-info p#credit a { color: #a49e86; font-weight: normal; } #site-info a.portal { text-decoration: none; color: #7d7559; } /* Safari Form Wierdness */ html[xmlns*=""] body:last-child li#action-newsletter input.text { top: -3px; width: 110px; } html[xmlns*=""] body:last-child #content-sup-container input.text { width: 86px; top: 16px; } html[xmlns*=""] body:last-child .app label { padding-bottom: 3px; } html[xmlns*=""] body:last-child #basket #address input#street, html[xmlns*=""] body:last-child #formdrive #name input#organization, html[xmlns*=""] body:last-child #formdrive #address input#street { width: 355px; } html[xmlns*=""] body:last-child #basket .phone span.error { width: 150px; } html[xmlns*=""] body:last-child #basket .contactaddr span.error { width: 155px; } html[xmlns*=""] body:last-child #basket #name span.error, html[xmlns*=""] body:last-child #basket #address span.error, html[xmlns*=""] body:last-child #basket #householdpreference span.error { width: 335px; } html[xmlns*=""] body:last-child #formdrive .phone span.error { width: 150px; } html[xmlns*=""] body:last-child #formdrive .contactAddr span.error { width: 155px; } html[xmlns*=""] body:last-child #formdrive #for span.error, html[xmlns*=""] body:last-child #formdrive #arrange span.error, html[xmlns*=""] body:last-child #formdrive #name span.error, html[xmlns*=""] body:last-child #formdrive #address span.error { width: 335px; } html[xmlns*=""] body:last-child #formdrive #arrange span.date { width: 292px; } html[xmlns*=""] body:last-child #formvolunteer #name input#title { width: 30px; } html[xmlns*=""] body:last-child #formvolunteer #name input#middlename { width: 35px; } html[xmlns*=""] body:last-child #formvolunteer #name input#lastname { width: 155px; } html[xmlns*=""] body:last-child #formvolunteer #name input#suffix { width: 30px; } html[xmlns*=""] body:last-child #formvolunteer #address input#street { width: 390px; } html[xmlns*=""] body:last-child #formdrive #arrange #dropoffdate { width: 300px; } html[xmlns*=""] body:last-child li#utility-search input.text { width: 97px; top: -4px; } /* iPhone Compatibility */ #nav-action li { -webkit-text-size-adjust:none } #annualreport p.left { margin-top: 0; margin-right: 10px; } #annualreport p.left a { border-bottom: none !important; }