@charset "utf-8"; @import url(normal.css); /* BEGIN STYLES */ body { background: #eeede1 url(../images/bg-main.gif) 0 0 repeat; font-family: Arial, Helvetica, sans-serif; position: relative; } a { text-decoration: none; } a:hover { text-decoration: underline; } a.findMore { color: #000; font-size: 9px; text-transform: uppercase; border-bottom: 1px dotted #000; } a.linkedText { color: #000; font-size: 11px; border-bottom: 1px dotted #000; } a.findMore:hover, a.linkedText:hover { text-decoration: none; color: #24aa43; } p.clearThis { clear: both; line-height: 1px; height: 10px; padding: 0px; margin: 0px; } .clear { clear: both; } .modifydate, .createdate, .createby { font-size: 10px; color: #ccc; } /* WRAPPER */ #wrapper { width: 970px; position: relative; } /* HEADER STYLES */ #header { height: 160px; position: relative; } #header div.logo { height: 119px; width: 474px; position: absolute; top: 18px; left: 63px; } #header div.logo a { height: 119px; width: 474px; display: block; } #header #headerLinks { width: 237px; height: 96px; position: absolute; right: 0px; top: 35px; } #header #headerLinks #search { width: 157px; height: 24px; position: relative; } #header #headerLinks #search input#mod_search_searchword { border: none; width: 147px; height: 24px; background: transparent url(../images/sprite-upper-nav.gif) 0 0 no-repeat; padding: 0 5px; } #header #headerLinks #search input#mod_search_searchword:focus { background: transparent url(../images/sprite-upper-nav.gif) 0 -91px no-repeat; border: none; } #header #headerLinks #search input.button { border: none; text-indent: -9999px; line-height: 0px; height: 17px; width: 20px; cursor: pointer; position: absolute; top: 3px; right: 3px; background: none; } * html #header #headerLinks #search input { background: transparent url(../images/sprite-upper-nav.gif) 0 -91px no-repeat; border: none; } #header #headerLinks a.soc-sc { height: 24px; width: 147px; display: block; background: transparent url(../images/sprite-upper-nav_new.gif) 0 0 no-repeat; padding: 0 5px; text-indent: -9999px; } #header #headerLinks a.soc-sc:hover { background: transparent url(../images/sprite-upper-nav_new.gif) 0 -92px no-repeat; border: none; } #header #headerLinks a.soc-fb { height: 22px; width: 33px; display: block; background: transparent url(../images/sprite-upper-nav_2012.png) -173px 0 no-repeat; position: absolute; top: 0px; left: 173px; text-indent: -9999px; } #header #headerLinks a.soc-fb:hover { background-position: -173px -91px; } #header #headerLinks a.soc-tw { height: 22px; width: 33px; display: block; background: transparent url(../images/sprite-upper-nav_2012.png) -140px 0 no-repeat; position: absolute; top:0; left: 140px; text-indent: -9999px; } #header #headerLinks a.soc-tw:hover { background-position: -140px -91px; } #header #headerLinks a.soc-yt { height: 22px; width: 33px; display: block; background: transparent url(../images/sprite-upper-nav_2012.png) -202px 0 no-repeat; position: absolute; top: 0; left: 202px; text-indent: -9999px; } #header #headerLinks a.soc-yt:hover { background-position: -202px -91px; } /* #header #headerLinks a.soc-fb { height: 16px; width: 16px; display: block; background: transparent url(../images/sprite-upper-nav.gif) -160px -4px no-repeat; position: absolute; top: 4px; left: 160px; text-indent: -9999px; } #header #headerLinks a.soc-fb:hover { background-position: -160px -95px; } #header #headerLinks a.soc-tw { height: 16px; width: 16px; display: block; background: transparent url(../images/sprite-upper-nav.gif) -180px -4px no-repeat; position: absolute; top: 4px; left: 180px; text-indent: -9999px; } #header #headerLinks a.soc-tw:hover { background-position: -180px -95px; } #header #headerLinks a.soc-yt { height: 16px; width: 16px; display: block; background: transparent url(../images/sprite-upper-nav.gif) -200px -4px no-repeat; position: absolute; top: 4px; left: 200px; text-indent: -9999px; } #header #headerLinks a.soc-yt:hover { background-position: -200px -94px; } #header #headerLinks a.soc-rss { height: 16px; width: 16px; display: block; background: transparent url(../images/sprite-upper-nav.gif) -220px -4px no-repeat; position: absolute; top: 4px; left: 220px; text-indent: -9999px; } #header #headerLinks a.soc-rss:hover { background-position: -220px -95px; } */ #header #headerLinks a.advisory { width: 117px; height: 33px; display: block; background: transparent url(../images/sprite-upper-nav.gif) left -25px no-repeat; position: absolute; top: 32px; left: 0px; text-indent: -9999px; } #header #headerLinks a.advisory:hover { background-position: left -116px; } #header #headerLinks a.login { width: 120px; height: 33px; display: block; background: transparent url(../images/sprite-upper-nav.gif) right -25px no-repeat; position: absolute; top: 32px; right: -45px; text-indent: -9999px; } #header #headerLinks a.login:hover { background-position: right -116px; } #header #headerLinks a.newsletter { width: 154px; height: 33px; display: block; background: transparent url(../images/sprite-upper-nav.gif) left -57px no-repeat; position: absolute; top: 64px; left: 5px; text-indent: -9999px; } #header #headerLinks a.newsletter:hover { background-position: 0 -148px; } #header #headerLinks a.contact { width: 83px; height: 33px; display: block; background: transparent url(../images/sprite-upper-nav.gif) right -57px no-repeat; position: absolute; top: 64px; right: -5px; text-indent: -9999px; } #header #headerLinks a.contact:hover { background-position: right -148px; } /* NAVIGATION STYLES */ /* #navigation { height: 38px; position: relative; clear: both; } #navigation ul { position: absolute; bottom: 0px; left: 0px; } #navigation ul li { height: 38px; float: left; display: inline; } #navigation ul li a { height: 38px; margin: 0px; display: block; padding: 0px; font-size: 16px; letter-spacing: -1px; text-transform: uppercase; color: #377dde; text-indent: -9999px; } #navigation ul li.item53 a { width: 125px; background: #eeede1 url(../images/nav-donate.gif); } #navigation ul li.item55 a { width: 135px; background: #eeede1 url(../images/nav-receive.gif); } #navigation ul li.item54 a { width: 187px; background: #eeede1 url(../images/nav-movement.gif); } #navigation ul li.item56 a { width: 255px; background: #eeede1 url(../images/nav-partners.gif); } #navigation ul li.item61 { display: none; } #navigation ul li a:hover, #navigation ul li.active a { background-position: 0 -38px; } */ #navigation { height: 38px; position: relative; clear: both; } #navigation ul { position: absolute; bottom: 0px; left: 0px; } #navigation ul li { height: 38px; float: left; display: inline; } #navigation ul li a { height: 38px; margin: 0px; display: block; padding: 0px; font-size: 16px; letter-spacing: -1px; text-transform: uppercase; color: #377dde; text-indent: -9999px; } #navigation ul li.item7 a { width: 125px; background: #eeede1 url(../images/nav-get-involved.gif); } #navigation ul li.item8 a { width: 135px; background: #eeede1 url(../images/nav-receive.gif); } #navigation ul li.item9 a { width: 153px; background: #eeede1 url(../images/nav-story.gif); } #navigation ul li.item10 a { width: 255px; background: #eeede1 url(../images/nav-partners.gif); } #navigation ul li.item6 { display: none; } #navigation ul li a:hover, #navigation ul li.active a { background-position: 0 -38px; } /* HOMEPAGE STYLES */ #homeContent { border-bottom: 1px solid #d9d3c1; } #homeContent p { font-size: 11px; color: #000; line-height: 14px; } #homeContent a { font-size: 11px; color: #0083e1; font-weight: bold; } #homeContent #homeLeft { float: left; position: relative; width: 726px; height: 502px; border-bottom: 1px solid #fff; overflow: hidden !important; } /* #homeContent #homeLeft #mainCarousel { border: 1px solid; height: 502px; overflow: hidden !important; } */ #homeContent #homeLeft .jcarousel-container, #homeContent #homeLeft .jcarousel-clip, #homeContent #homeLeft .jcarousel-item { width: 726px; height: 502px; overflow: hidden; } #homeContent #homeLeft .jcarousel-prev { position: absolute; z-index: 99; top: 385px; left: 575px; height: 45px; width: 45px; background: transparent url(../images/btn-rot-prev.gif); cursor: pointer; } #homeContent #homeLeft .jcarousel-prev:hover { background-position: 0 -45px; } #homeContent #homeLeft .jcarousel-prev-disabled { display: none !important; } #homeContent #homeLeft .jcarousel-next { position: absolute; z-index: 99; top: 385px; left: 630px; height: 45px; width: 45px; background: transparent url(../images/btn-rot-next.gif); cursor: pointer; } #homeContent #homeLeft .jcarousel-next-disabled { display: none !important; } #homeContent #homeLeft .jcarousel-next:hover { background-position: 0 -45px; } #homeContent #homeRight { float: right; width: 244px; padding-top: 0px; } #homeContent #homeMiddle { clear: both; width: 970px; height: 195px; border-bottom: 1px solid #d6d5c2; } #homeContent #homeMiddle #wideLeft { width: 484px; height: 195px; background: #e3e3d9 url(../images/bg-botspot.gif); float: left; display: inline; } #homeContent #homeMiddle #wideLeft h3 { height: 18px; width: 138px; margin: 15px 0 15px 18px; display: block; background: #e3e3d9 url(../images/hdr-our-impact.gif); text-indent: -9999px;} #homeContent #homeMiddle #wideLeft img { margin: 0 0 0 18px; } #homeContent #homeMiddle #wideLeft p { margin: 10px 18px; width: 430px; } #homeContent #homeMiddle #smRight { height: 195px; width: 241px; background: #e3e3d9 url(../images/bg-botspot.gif); border-left: 1px solid #fff; float: left; display: inline; } #homeContent #homeMiddle #smRight h3 { height: 18px; width: 116px; margin: 15px 0 15px 7px; display: block; background: #e3e3d9 url(../images/hdr-bookmark-blog.gif); text-indent: -9999px;} #homeContent #homeMiddle #smRight img { margin: 0 0 0 7px; } #homeContent #homeMiddle #smRight p { margin: 10px 7px; width: 225px; } #homeContent #homeMiddle #tabsHolder { width: 244px; height: 195px; float: right; display: inline; overflow: hidden; } #homeContent #homeMiddle #tabsHolder ul.ui-tabs-nav { height: 44px; width: 243px; border-bottom: 1px solid #d9d3c1; } #homeContent #homeMiddle #tabsHolder ul.ui-tabs-nav li { height: 44px; width: 121px; float: left; display: inline; } #homeContent #homeMiddle #tabsHolder ul.ui-tabs-nav li.twitterLink a { display: block; height: 44px; width: 121px; background: #e3e3d9 url(../images/bg-tabs.gif) 0 -44px; text-indent: -9999px; } #homeContent #homeMiddle #tabsHolder ul.ui-tabs-nav li.mediaLink a { display: block; height: 44px; width: 120px; background: #e3e3d9 url(../images/bg-tabs.gif) -121px -44px; text-indent: -9999px; } #homeContent #homeMiddle #tabsHolder ul.ui-tabs-nav li.ui-state-active.twitterLink a { background-position: 0 0 !important; } #homeContent #homeMiddle #tabsHolder ul.ui-tabs-nav li.ui-state-active.mediaLink a { background-position: -121px 0 !important; } #homeContent #homeMiddle #tabsHolder .ui-tabs-hide { display: none; } #homeContent #homeMiddle #tabsHolder p { padding: 7px 15px 3px 10px; } #homeContent #homeMiddle #tabsHolder div.twitterfeeditem { font-size: 11px; padding: 7px 15px 3px 10px; line-height: 14px; } #homeContent #homeMiddle #tabsHolder div#twitterfeedpoweredbylink { display: none !important; } #homeContent #homeMiddle #tabsHolder div#twitterfeedfollowmediv { display: none !important; } #homeContent #homeMiddle #tabsHolder #tabs-2 ul { list-style-position: outside; padding: 7px 0 10px 0; } #homeContent #homeMiddle #tabsHolder #tabs-2 ul li { padding: 2px 0 2px 20px; font-size: 12px; color: #000; background: transparent url(../images/bg-bullet.gif) 12px 4px no-repeat; } #homeContent #homeBottom { clear: both; width: 970px; height: 195px; position: relative; } #homeContent #homeBottom h3 { height: 18px; width: 104px; margin: 15px 18px 10px; display: block; background: #e3e3d9 url(../images/hdr-our-partners.gif); text-indent: -9999px;} #homeContent #homeBottom #partnersHolder { position: absolute; height: 112px; width: 832px; left: 46px; } #homeContent #homeBottom #partnersHolder .jcarousel-container { width: 832px; height: 112px; border: 1px solid #cec37f; } #homeContent #homeBottom #partnersHolder .jcarousel-clip { width: 832px; height: 112px; overflow: hidden; } #homeContent #homeBottom #partnersHolder .jcarousel-prev { position: absolute; top: 40px; left: -26px; height: 26px; width: 26px; background: transparent url(../images/btn-rot-partners-prev.gif); cursor: pointer; z-index: 99; } #homeContent #homeBottom #partnersHolder .jcarousel-next { position: absolute; top: 40px; right: -26px; height: 26px; width: 26px; background: transparent url(../images/btn-rot-partners-next.gif); cursor: pointer; z-index: 99; } #homeContent #homeBottom #partnersHolder .jcarousel-item { float: left; display: inline; height: 112px; width: 277px; background-color: #f4f2ed; } #homeContent #homeBottom #partnersHolder .active { border-right: 1px solid #cec37f; border-left: 1px solid #cec37f; } #homeContent #homeBottom #partnersHolder .partner .crslLogo { height: 100px; width: 100px; overflow: hidden; position: relative; float: left; display: inline; margin: 8px 5px 0 2px; } #homeContent #homeBottom #partnersHolder .active .crslLogo img { position: absolute; top: -100px; } #homeContent #homeBottom #partnersHolder .partner h4 { font-size: 12px; margin: 12px 0 0 0; padding: 0px; float: left; display: inline; width: 150px; } #homeContent #homeBottom #partnersHolder .partner p { float: left; display: inline; width: 150px; padding: 0px; margin: 0px; color: #333; } #homeContent #homeBottom #partnersHolder .partner .crslLogoLong { height: 44px; width: 240px; overflow: hidden; margin: 3px 5px 0 20px; } #homeContent #homeBottom #partnersHolder .active .crslLogoLong img { position: absolute; top: -44px; } #homeContent #homeBottom #partnersHolder .partner .crslTextLong h4 { font-size: 12px; margin: 5px 0 0 0; padding: 0px; padding: 0px 10px; } #homeContent #homeBottom #partnersHolder .partner .crslTextLong p { padding: 0px 10px; margin: 0px; color: #333; clear: both; width: 257px; } /* MAIN CONTENT STYLES */ #mainContent { padding: 10px 0 0 0; background-color: #fff; clear: both; width: 970px; border-bottom: 1px solid #d9d3c1; } #mainContent #leftCol { float: left; display: inline; width: 194px; min-height:400px; height: auto !important; height: 400px; } #mainContent #leftCol ul.menu { padding: 23px 5px 0; } #mainContent #leftCol ul.menu li { margin: 7px 0; } #mainContent #leftCol ul.menu li a { font-size: 11px; display: block; color: #0083e1; font-weight: bold; padding-left: 10px; } #mainContent #leftCol ul.menu li.active a { color: #ed1c24; } #mainContent #leftCol ul.menu li ul li.active a { color: #676767; } #mainContent #leftCol ul.menu li ul li a, #mainContent #leftCol ul.menu li ul li ul li a { color: #676767; font-weight: normal; } #mainContent #leftCol ul.menu li#current a { background: transparent url(../images/bg-subnav-red.gif) 3px 2px no-repeat; } #mainContent #leftCol ul.menu li ul li#current a { background: transparent url(../images/bg-subnav-grey.gif) 3px 2px no-repeat; font-weight: bold; } #mainContent #leftCol ul.menu li ul li.active a { font-weight: bold; } #mainContent #leftCol ul.menu li ul li ul li#current a { background: transparent url(../images/bg-subnav-dot.gif) 3px 5px no-repeat; } #mainContent #leftCol ul.menu li#current ul li a, #mainContent #leftCol ul.menu li#current ul li ul li a, #mainContent #leftCol ul.menu li ul li#current ul li a, #mainContent #leftCol ul.menu li ul li.active ul li a { background: none; font-weight: normal; } #mainContent #leftCol ul.menu li ul li { padding-left: 10px; } #mainContent #leftCol ul.menu li ul li ul li a, #mainContent #leftCol ul.menu li.active ul li ul li a, #mainContent #leftCol ul.menu li ul li.active ul li a { color: #676767; font-weight: normal; } #mainContent ul.menu li.item45 ul { display: none !important; } #mainContent ul.menu li.item34 ul { display: none !important; } #mainContent ul.menu li.item49 ul { display: none !important; } #mainContent ul.menu li.item50 ul { display: none !important; } #mainContent #rightCol { float: left; display: inline; width: 725px; padding: 23px 0 0 10px; border-left: 1px solid #e0daca; min-height:400px; height: auto !important; height: 400px; } #mainContent #rightCol h1,#mainContent #rightCol div.componentheading { font-size: 28px; color: #1a5985; padding: 5px 0 8px 0; font-family: "superclarendon-1", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; line-height: 24px; } #mainContent #rightCol h1 span { font-size: 21px; font-weight: normal; } #mainContent #rightCol h2 span { font-size: 14px; font-weight: normal; } #mainContent #rightCol h2 { font-size: 16px; color: #1a5985; padding: 5px 0 8px 0; font-family: "superclarendon-1", Arial, Helvetica, sans-serif; font-weight: bold; } #mainContent #rightCol h3 { font-size: 15px; color: #000; padding: 5px 0 8px 0; font-weight: bold; text-transform: none; } #mainContent #rightCol h4 { font-size: 12px; color: #000; padding: 6px 0 0 0; font-weight: bold; text-transform: none; } #mainContent #rightCol h5 { font-size: 12px; color: #000; padding: 0px; font-weight: bold; } #mainContent #rightCol p { font-size: 12px; line-height: 19px; color: #000; padding: 3px 0 10px 0; } #mainContent #rightCol a { color: #0083e1; } #mainContent #rightCol ul { list-style-position: outside; padding: 0 0 10px 0; } #mainContent #rightCol ul li { padding: 2px 0 2px 20px; line-height: 19px; font-size: 12px; color: #000; background: transparent url(../images/bg-bullet.gif) 12px 7px no-repeat; } #mainContent #rightCol ol { list-style-position: outside; padding: 0 0 10px 20px; } #mainContent #rightCol ol li { font-size: 12px; color: #000; line-height: 19px; padding: 2px 0 2px 0; list-style-type: decimal; } #mainContent #rightCol ol li ul li { font-size: 12px; color: #000; line-height: 19px; padding: 2px 0 2px 20px; list-style-type: none; } #mainContent #rightCol h2.noPad { padding-bottom: 0px; } #mainContent #rightCol div.intColumn { float: left; display: inline; width: 250px; } #mainContent #rightCol img.landingPhoto { padding: 20px 0; } #mainContent #rightCol img.interiorPhoto { padding: 6px 10px 10px 0; float: left; display: inline; clear: left; } #mainContent #rightCol img.shopPhoto { padding: 6px 8px 10px 0; float: left; display: inline; } #mainContent #rightCol div.sepline { height: 30px; width: 100%; background: transparent url(../images/bg-sepline.gif) 0 10px repeat-x; clear: both; } #mainContent #rightCol div.textContainer { float: left; display: inline; width: 475px; } #mainContent #rightCol div.textContainer div.sepline { padding: 3px 0; height: 5px; background: transparent url(../images/bg-sepline.gif) 0 0 repeat-x; } #mainContent #rightCol a.btnRegister { width: 159px; height: 32px; display: block; text-indent: -9999px; background: transparent url(../images/btn-register.gif) 0 0 no-repeat; margin: 0 20px 50px 280px; } /*below added 11.04.2011 kr*/ #mainContent #rightCol a.right{margin:0 !important; float:right !important;} #mainContent #rightCol a.btnDonate { width: 204px; height: 32px; display: block; text-indent: -9999px; background: transparent url(../images/btn-donate-now.gif) 0 0 no-repeat; float: left; display: inline; margin: 0 20px 50px 150px; } #mainContent #rightCol a.btnVolunteer { width: 204px; height: 32px; display: block; text-indent: -9999px; background: transparent url(../images/btn-volunteer.gif) 0 0 no-repeat; float: left; display: inline; margin: 0 0 50px 0; } #mainContent #rightCol ul.stayConnected li a { font-size: 14px; color: #ed1c24; font-family: "superclarendon-1", Arial, Helvetica, sans-serif; } #mainContent #rightCol ul.stayConnected li { padding: 2px 0 2px 10px; line-height: 19px; font-size: 12px; color: #000; background: transparent url(../images/bg-subnav-red.gif) 3px 8px no-repeat; } #mainContent #rightCol ul.factsheets li { width: 193px; float: left; padding: 0 0 0 47px; display: inline; height: 60px; display: block; background: transparent url(../images/icon-pdf.gif) 0 0 no-repeat; } #mainContent #rightCol #sitemap ul { margin: 0px; padding: 0px; } #mainContent #rightCol #sitemap ul li { padding: 2px 0 2px 12px; line-height: 19px; font-size: 12px; color: #000; background: transparent url(../images/bg-subnav-red.gif) 3px 8px no-repeat; } #mainContent #rightCol #sitemap ul li ul { margin-left: 20px; } #mainContent #rightCol #sitemap ul li ul li.parent { background: transparent url(../images/bg-nav-down.gif) 3px 8px no-repeat; } #mainContent #rightCol #sitemap ul li ul li { background: transparent url(../images/bg-nav-blue.gif) 3px 8px no-repeat; } #mainContent #rightCol #sitemap ul li a { font-size: 14px; color: #ed1c24; font-family: "superclarendon-1", Arial, Helvetica, sans-serif; } #mainContent #rightCol #sitemap ul li ul li a { font-size: 12px; color: #0083e1; font-family: Arial, Helvetica, sans-serif; } #mainContent #rightCol blockquote.impact { padding: 0px; margin: 20px 0 0; height: 150px; width: 960px; text-indent: -9999px; background: transparent url(../images/impact-quote-zimmer.gif) 10px 0 no-repeat; ; } #mainContent #rightCol span.highlight { background-color: #def0f7; } #mainContent #rightCol .searchResult h2 { margin: 10px 0 0 0; padding: 0px; } #mainContent #rightCol ul.pagination { margin: 20px 0 50px; } #mainContent #rightCol ul.pagination li { background: none; padding: 0px; margin: 0px; float: left; display: inline; } #mainContent #rightCol .mediaInquiries { float: right; width: 200px; padding: 0 0 10px 30px; } #mainContent #rightCol .mediaInquiries h3 { font-size: 14px; color: #ed1c24; font-family: "superclarendon-1", Arial, Helvetica, sans-serif; } #mainContent #rightCol .mediaInquiries p { font-weight: bold; } p.pp_description { font-size: 18px; color: #1a5985; padding: 5px 0 8px 0; font-family: "superclarendon-1", Arial, Helvetica, sans-serif; font-weight: normal; } #mainContent #rightCol .featuredPartners .partnerText { float: left; display: inline; width: 515px; background: transparent url(../images/bg-sepline.gif) left bottom repeat-x; margin: 0 0 7px 0; min-height: 170px; height: auto !important; height: 170px; } #mainContent #rightCol .featuredPartners .last { background: none !important; } #mainContent #rightCol .featuredPartners img { clear: left; float: left; display: inline; padding: 0 10px 22px 0; } #mainContent #rightCol .featuredPartners p { padding-bottom: 10px; } #mainContent #rightCol .otherPartners .partnersLeft { width: 345px; float: left; display: inline; padding: 0 35px 0 0; } #mainContent #rightCol .otherPartners .partnersRight { width: 345px; float: left; display: inline; } #mainContent #rightCol .otherPartners img { clear: left; float: left; display: inline; padding: 0 10px 20px 0; } #mainContent #rightCol .otherPartners .partnerText { width: 205px; float: left; display: inline; padding: 0 0 15px 0; } #mainContent #rightCol .otherPartners h5 { } #mainContent #rightCol .otherPartners p { font-size: 11px; line-height: 14px; } #mainContent #rightCol #partnersHolder { height: 176px; width: 755px; position: relative; margin: 20px 0; } #mainContent #rightCol #partnersHolder ul li { background-image: none; height: 186px; width: 222px; padding: 0px; } #mainContent #rightCol #partnersHolder .jcarousel-container { position: absolute; left: 45px; width: 665px; height: 186px; border: 1px solid #cec37f; } #mainContent #rightCol #partnersHolder .jcarousel-clip { width: 665px; height: 186px; overflow: hidden; } #mainContent #rightCol #partnersHolder .jcarousel-prev { position: absolute; top: 65px; left: -46px; height: 45px; width: 45px; background: transparent url(../images/btn-int-partners-prev.gif); cursor: pointer; } #mainContent #rightCol #partnersHolder .jcarousel-next { position: absolute; top: 65px; right: -46px; height: 45px; width: 45px; background: transparent url(../images/btn-int-partners-next.gif); cursor: pointer; } #mainContent #rightCol #partnersHolder .jcarousel-item { float: left; display: inline; height: 186px; width: 222px; background-color: #f4f2ed; position: relative; overflow: hidden; } #mainContent #rightCol #partnersHolder .crslLogo img {position: absolute;top: -100px;} #mainContent #rightCol #partnersHolder .active { border-right: 1px solid #cec37f; border-left: 1px solid #cec37f; } #mainContent #rightCol #partnersHolder .partner .crslLogo { height: 100px; width: 100px; overflow: hidden; position: absolute; display: inline; top: 3px; left: 60px; } #mainContent #rightCol #partnersHolder .partner .crslText { position: absolute; top: 100px; left: 5px; width: 212px; } #mainContent #rightCol #partnersHolder .active .crslLogo img { position: absolute; top: -100px; } #mainContent #rightCol #partnersHolder .partner .crslLogoLong { height: 44px; width: 240px; overflow: hidden; position: absolute; display: inline; top: 30px; left: 2px; } #mainContent #rightCol #partnersHolder .partner .crslTextLong { position: absolute; top: 100px; left: 5px; width: 212px; } #mainContent #rightCol #partnersHolder .active .crslLogoLong img { position: absolute; top: -44px; } #mainContent #rightCol #partnersHolder .partner h4 { font-size: 12px; padding: 0 5px; text-transform: none; margin: 0px; } #mainContent #rightCol #partnersHolder .partner p { font-size: 11px; line-height: 14px; color: #333; padding: 0 3px 0 5px; } #botSpot { background: #e3e3d9 url(../images/bg-botspot.gif); border-bottom: 1px solid #d6d5c2; height: 254px; width: 970px; clear: both; } #botSpot .promosHolder { float: right; width: 775px; height: 100%; } #botSpot .promo { width: 254px; float: left; display: inline; border-right: 1px solid #fff; height: 100%; } #botSpot .last { border: none !important; } #botSpot .promo h3 { margin: 25px 8px 15px; display: block; height: 18px; width: 238px; } #botSpot .promo h3.title-fundraise { background: transparent url(../images/title-fundraise.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-book-drives { background: transparent url(../images/title-book-drives.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-shop-support { background: transparent url(../images/title-shop-support.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-resource-center { background: transparent url(../images/title-resource-center.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-advisory-grants { background: transparent url(../images/title-advisory-grants.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-spotlight { background: transparent url(../images/title-spotlight.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-our-impact { background: transparent url(../images/title-our-impact.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-innovation { background: transparent url(../images/title-innovation.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-media-center { background: transparent url(../images/title-media-center.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-press-room { background: transparent url(../images/title-press-room.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-honors { background: transparent url(../images/title-honors.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-multimedia { background: transparent url(../images/title-multimedia.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-corporate-partners { background: transparent url(../images/title-corporate-partners.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-nonprofit-partners { background: transparent url(../images/title-nonprofit-partners.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo h3.title-publishing-partners { background: transparent url(../images/title-publishing-partners.gif) 0 0 no-repeat; text-indent: -9999px; } #botSpot .promo img { } #botSpot .promo p { margin: 10px 8px; line-height: 14px; font-size: 11px; color: #000; } #botSpot .promo a { font-size: 11px; color: #0083e1; font-weight: bold; } #botSpot .promo img.mediaThumb { float: left; clear: left; padding: 0 10px 0 8px; } /* FOOTER STYLES */ #footer { height: 65px; width: 970px; position: relative; background-color: #eeede1; clear: both; width: 970px; } #footer .footerNavigation { height: 15px; position: absolute; top: 10px; right: 195px; color: #a2a098; font-size: 11px; } #footer .footerNavigation ul li { float: left; display: inline; border-right: 1px solid #000; color: #333; font-size: 11px; } #footer .footerNavigation ul li a { text-decoration: none; color: #333; font-size: 11px; padding: 3px 5px; } #footer .footerNavigation ul li.item4 { border: none; } #footer .footerNavigation ul li.item69 { display: none; } #footer .footerNavigation ul li a:hover { text-decoration: underline; } #footer div.copyright { height: 15px; position: absolute; top: 10px; right: 0px; color: #a2a098; font-size: 11px; } #footer div.footerAddress { position: absolute; top: 10px; left: 20px; color: #000; font-size: 11px; } #footer div.footerCanada { position: absolute; top: 26px; left: 20px; font-size: 11px; } #footer div.footerCanada a { font-weight: bold; padding-right: 20px; background: transparent url(../images/FirstBook-logo-footer.png) right 1px no-repeat; color: #8a7e48; } /* MISCELLANOUS ----------------------------------------------------------- */ ul.accessibility { position: absolute; top: -100%; } /*usertool*/ ul.ja-usertools-font { font-size: 11px; position: absolute; top: 8px; right: 70px; } ul.ja-usertools-font li { padding: 0; margin: 0; display: inline; background: none; } /*collapsible h3*/ h3.show { background: url(../images/arrow2.png) no-repeat 90% 60%; cursor: pointer; } h3.hide { background: url(../images/arrow3.png) no-repeat 90% 60%; cursor: pointer; } /*others*/ #ja-banner { margin: 15px 0; text-align: center; } div.back_button a, div.back_button a:hover, div.back_button a:active { margin: 10px 0; display: block; background: none!important; text-decoration: none!important; } #form-login p { margin: 0 0 5px; } #form-login ul { margin: 10px 0 0; } #form-login .inputbox { width: 90%; } .clr { clear: both; } .hasTip img { margin: 10px 5px 0 0; border: none; } /* Tooltips */ .tool-tip { float: left; border: 1px solid #D4D5AA; padding: 5px; background: #FFFFCC; max-width: 200px; } .tool-title { padding: 0; margin: 0; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; font-size: 100%; font-weight: bold; } .tool-text { margin: 0; font-size: 100%; } #system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul { padding: 0; margin: 0; } #system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li { background: none; padding: 5px; margin: 0; color: #FFFFFF; } /* System Standard Messages */ #system-message dd.message ul { background: #006699; border: none; } /* System Error Messages */ #system-message dd.error ul { background: #BF0000; border: none; } /* System Notice Messages */ #system-message dd.notice ul { background: #EE9600; border: none; } /* Clearfix */ .clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .clearfix { width: 100%; display: block; } * html .clearfix { height: 1%; } /* Firefox Scrollbar Hack - Do not remove */ html { margin-bottom: 1px; height: 100%!important; height: auto; } /*************************************** keith added - april 6 2011 *****************************************************/ #donate-btn{margin-bottom:1px} #homeContent #homeMiddle #hp-media-center { display: inline; float: right; height: 195px; overflow: hidden; width: 244px; } #homeContent #homeMiddle #hp-media-center p{ padding: 7px 15px 3px 10px; } #homeContent #homeMiddle #hp-media-center ul{ list-style-position: outside; padding: 7px 0 10px 10px; list-style: none outside none; } #homeContent div#hp-twitter-section { font-size: 11px; line-height: 14px; padding: 7px 15px 3px 10px; } #homeContent div#hp-twitter-section img { margin-left:-6px } #homeContent div#hp-twitter-section div#twitterfeedpoweredbylink { display: none !important; } #homeContent div#hp-twitter-section div#twitterfeedfollowmediv { display: none !important; } div.twitterfeeditem{margin-bottom:5px} #translate{margin-top:10px; margin-left:5px}