/* ===================================== Roots and Wings Internationals Swatch Colors ------------- e7e7e7 = white / light grey eeefd2 = beige aa9370 = tan 856343 = light brown 684532 = medium brown 46251e = dark brown 4c4c4c = dark grey 4d8fb0 = blue 92b841 = green ce5a28 = orange =====================================*/ /*------------------------------------------------------------------ MAIN ------------------------------------------------------------------*/ /* RESETS */ * { margin: 0; padding: 0; } HTML { overflow-y: scroll; } BODY { color: #856343; font: 62.5% Arial, Helvetica, sans-serif; } BODY, DIV, DL, DT, DD, UL, OL, LI, H1, H2, H3, H4, H5, H6, PRE, FORM, FIELDSET, INPUT, TEXTAREA, P, BLOCKQUOTE, TH, TD { margin: 0; padding: 0; } FIELDSET, IMG { border: 0; } ADDRESS, CAPTION, CITE, CODE, DFN, EM, STRONG, TH, VAR { font-style: normal; font-weight: 400; } OL, UL { list-style: none; } CAPTION, TH { text-align: left; } H1, H2, H3, H4, H5, H6 { font-size: 100%; font-weight: 400; } ABBR, ACRONYM { border: 0; } P { font-size: 1.4em; line-height: 1.4em; margin-bottom: 1em; } A IMG { border: none; } /* UTILITY */ .float_left { float: left; } .float_right { float: right; } .clear { clear: both; } /* GENERAL */ #wrapper { width: 980px; margin: auto; padding-top: 20px; height: auto; } H1 { margin-bottom: 0.5em; color: #542D24; font: 2.8em Georgia, "Times New Roman", Times, serif; } H1#logo { background: url(../images/roots-and-wings-logo.png) no-repeat; height: 70px; width: 240px; position: absolute; top: 0; left: 0; text-indent: -10000px; } H1#logo A { display: block; height: 70px; width: 240px; } H2 { color: #542D24; margin-bottom: 0.5em; font: bold 1.6em Arial, Helvetica, sans-serif; } H3 { font: 22px Georgia, "Times New Roman", Times, serif; color: #542D24; margin-bottom: 5px; letter-spacing: -1px; } H5 { color: #542D24; font-size: 14px; font-weight: bold; margin-bottom: 4px; } .more { font-size: 11px; } A { color: #46251E; text-decoration: none; } A:hover { text-decoration: underline; } .smtext { font: italic 12px Georgia, "Times New Roman", Times, serif; } .dark { color:#46251e; } .bold { font-weight: bold; color: #542D24; font-size: 1.2em; } #greatreasons { background-image: url(/images/50greatreasons3_01.jpg); background-repeat: no-repeat; height: 50px; width: 940px; font-family: Georgia, "Times New Roman", Times, serif; color: #E7E7E7; font-size: 30px; text-align: right; padding-top: 180px; padding-right: 40px; } .greatreasonstext { height: 35px; width: 1px; text-indent: 10000px; overflow: hidden; display: block; background-position: top left; background-image: url(/images/thebiz.gif); background-repeat: no-repeat; float: left; } ol { font-size: 1.4em; line-height: 1.6em; margin-bottom: 1.6em; } ol li { margin-left: 40px; list-style-type: decimal; list-style-position: outside; margin-bottom: 0.5em; } .greatreasonspic { background-image: url(/images/reasonspic2_04.jpg); background-repeat: no-repeat; float: left; height: 257px; width: 348px; margin-right: 10px; } address { font-family: Georgia, "Times New Roman", Times, serif; margin-left: 2em; font-size: 16px; font-style: italic; } /*------------------------------------------------------------------ LAYOUT ------------------------------------------------------------------*/ /*HEADER*/ #header { width: 980px; position: relative; height: 110px; } #header UL#nav-1 { position: absolute; right: 0; top: 0; width: 140px; } #header UL#nav-1 LI { float: left; } #header UL#nav-1 LI A { font-size: 12px; display: block; margin-left: 10px; padding-top: 5px; } #header UL#nav-1 LI.donate2 A { background: url(../images/donate-home-btn.png) no-repeat; display: block; height: 22px; width: 68px; text-indent: -10000px; } /*NAVIGATION*/ /*#nav-bar { width: 980px; height: 50px; position: relative; top: 70px; background: #0F3; }*/ #smoothmenu1 { top: 70px; position: absolute; } FIELDSET { border-style: none; } .italictext { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; font-style: italic; } FORM#cse-search-box { position: absolute; right: 5px; top: 3px; } /*CONTENT HOME*/ #text-block { background: #684532; height: 267px; width: 240px; float: right; display: block; color: #FFF; padding: 15px 20px; } #text-block P { line-height: 2em; font-size: 16px; } /*PROGRAMS BOX*/ #programs-box { background: url(../images/programs_bg.jpg) no-repeat; height: 300px; width: 600px; margin-top: 15px; float: left; -moz-border-radius: 1em; -webkit-border-radius: 1em; position: relative; overflow:hidden;} #learn-more { height: 70px; width: 420px; position: absolute; right: 10px; top: 50px; overflow:hidden; display:inline;} #learn-more ul li { display:inline; } #learn-more ul li a.computer, #learn-more ul li a.tutoring, #learn-more ul li a.scholarship { background: url(../images/computer_more.png) no-repeat; height: 70px; width: 126px; display: block; float: left;} #learn-more ul li a.tutoring { background: url(../images/afterschool_more.png); width: 148px; } #learn-more ul li a.scholarship { background: url(../images/scholarships_more.png); width: 144px; } #donate-icons { height: 102px; width: 420px; position: absolute; top: 123px; right: 10px; overflow:hidden; display:inline; } #donate-icons ul li { display:inline; } #donate-icons ul li a.computer, #donate-icons ul li a.tutoring, #donate-icons ul li a.scholarship { background: url(../images/computer_dnt.png) no-repeat; height: 102px; width: 126px; display: block; float: left; } #donate-icons ul li a.tutoring { background: url(../images/afterschool_dnt.png); width: 148px; } #donate-icons ul li a.scholarship { background: url(../images/scholarships_dnt.png); width: 144px; } /*NEWS BOX*/ #news-box { width: 360px; float: left; margin-top: 15px; padding-left: 20px; font-size: 1.2em; } #creditfooter { display: none; } #news-box H2.news { font: bold 16px Arial, Helvetica, sans-serif; margin: 0; } #news-box H2.news A { color: #92B841; } #news-box UL { margin-bottom: 1.2em; margin-top: 0.4em; } #news-box UL LI { margin-bottom: 0.6em; color: #4C4C4C; } #news-box UL LI A { color: #4D8FB0; font-weight: 700; } .one_time { background: url(../images/one_time_dnt.png) no-repeat; display: block; height: 27px; width: 193px; position: absolute; right: 8px; bottom: 38px; text-indent: -1000px; } .buy_coffee { background: url(../images/buy_coffee.png); display: block; height: 27px; width: 90px; position: absolute; right: 8px; bottom: 7px; text-indent: -1000px; } /*CONTENT LEFT*/ #content-left { float: left; width: 240px; margin-top: 20px; } #sidebar_menu1 { height: 163px; width: 240px; font-size: 1.4em; line-height: 2.4em; text-align: right; padding-top: 60px; } #sidebar_menu1 LI { height: 23px; display: block; float: right; margin-bottom: 6px; width: 240px; } #sidebar_menu1 LI A { font-weight: 700; color: #4c4c4c; vertical-align: middle; padding-left: 30px; text-decoration: none; } #sidebar_menu1 LI A.nav-left:hover { background: url(../images/coffee-bullet.png) no-repeat left center; text-decoration: none; padding-left: -30px; } #sidebar_menu1 LI A.nav-left-on { color: #CE5A28; } #sidebar_menu1 LI A.nav-left-on:hover { background: url(../images/coffee-bullet.png) no-repeat left center; text-decoration: none; padding-left: -30px; } #sidebar_menu2 { margin-top: 20px; } #sidebar_menu2 LI.sponsor A { background: url(../images/cta-side-student-off.gif) top; height: 139px; width: 240px; display: block; float: left; } #sidebar_menu2 LI.sponsor A:hover { background: url(../images/cta-side-student-hover.gif) top; height: 139px; width: 240px; display: block; float: left; } #sidebar_menu2 LI.donate A { background: url(../images/cta-side-donate-off.gif) top; height: 135px; width: 240px; display: block; float: left; } #sidebar_menu2 LI.donate A:hover { background: url(../images/cta-side-donate-hover.gif) top; height: 135px; width: 240px; display: block; float: left; } #sidebar_menu2 LI.school_campaign A { background: url(../images/cta-side-school-off.gif) top; height: 139px; width: 240px; display: block; float: left; } #sidebar_menu2 LI.school_campaign A:hover { background: url(../images/cta-side-school-hover.gif) top; height: 139px; width: 240px; display: block; float: left; } #sidebar_menu2 LI A:hover { background-position: bottom; } /*CONTENT RIGHT*/ #content-right { float: right; width: 720px; margin-top: 20px; } #content-right P.header-cocktail, #content-right P.header-tutoring, #content-right P.header-computer, #content-right P.header-25computers, #content-right P.header-school, #content-right P.header-scholarship, #content-right P.header-partners, #content-right P.header-privacy, #content-right P.header-ourprogams { display: block; height: 53px; width: 705px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; color: #E7E7E7; text-align: right; padding-top: 170px;padding-right: 15px; margin: 0; } #content-right P.header-cocktail { background-image: url(../images/Programs/Header-Cocktail.jpg); } #content-right P.header-tutoring { background-image: url(../images/Programs/Header-Tutoring.jpg); } #content-right P.header-computer { background-image: url(../images/Programs/Header-Computer-Lab.jpg); } #content-right P.header-school { background-image: url(../images/Programs/header-preaparatory-school.jpg); } #content-right P.header-scholarship { background-image: url(../images/Programs/Header-Student-Scholarship.jpg); } #content-right P.header-ourprogams { background-image: url(../images/Programs/Header-OurPrograms.jpg); } #content-right P.header-partners { background-image: url(../images/Partners/Header-Our-Partners.jpg); } #content-right P.header-privacy { background-image: url(../images/header-privacy.jpg); } /* MAIN CONTENT */ #main-content { background-color: #EEEFD2; padding: 25px; margin-top: 20px; } #main-content2 { background-color: #EEEFD2; padding: 25px 25px 0px 25px; margin-top: 15px; } #main-content BLOCKQUOTE { font: normal 1.8em Georgia, "Times New Roman", Times, serif; background: #FFF; margin-left: 70px; margin-right: 20px; margin-bottom: 15px; padding: 10px 15px; color: #CB5826; } #main-content #post-img { float: left; margin: 5px 8px 5px 3px; border: 8px solid #FFF; } #main-content SPAN { font-weight: 400; } /*MISC*/ A.donate { background: url(../images/donate-button.png) no-repeat top; text-indent: -10000px; height: 51px; width: 164px; display: block; float: right; margin-right: 10px; } A.donate:hover { background-position: bottom; } A.donate2 { background: url(../images/donate-button.png) no-repeat top; text-indent: -10000px; height: 51px; width: 164px; display: block; float: left; margin-right: 10px; } A.donate2:hover { background-position: bottom; } /*------------------------------------------------------------------ PARTNERS ------------------------------------------------------------------*/ /*Our Partners*/ #main-content UL { font-size: 1.4em; line-height: 1.6em; margin-bottom: 1.6em; } #main-content UL LI { margin-left: 40px; list-style-type: square; list-style-position: outside; } #main-content UL.ad-category { width: 670px; position: relative; height: auto; margin: 15px 0; } #main-content UL.ad-category LI { list-style-type: none; margin-left: 0; } #main-content UL.ad-category LI P.platinum { width: 435px; float: right; padding-left: 15px; font-size: 14px; line-height: 19px; } #main-content UL.ad-category LI.goldplus-col1 { width: 330px; float: left; margin-bottom: 10px; } #main-content UL.ad-category LI.goldplus-col2 { width: 330px; float: right; margin-bottom: 10px; } #main-content .bottom-link-right { font-weight: 700; float: right; } /*Become A Partner*/ #main-content UL.donation { margin-bottom: 20px; display: block; width: 660px; height: 180px; } #main-content UL.donation LI { display: block; height: 80px; width: 210px; float: left; list-style-type: none; line-height: 1.3em; font-family: Tahoma, Arial, Sans-serif; margin: 5px; } #main-content UL.donation A.college-education, #main-content UL.donation A.elementary-tutoring, #main-content UL.donation A.computer-lab, #main-content UL.donation A.preparatory-school, #main-content UL.donation A.annual-cocktail { background: url(../images/donation-student-scholarship.png) no-repeat left; display: block; height: 80px; width: 120px; padding-left: 90px; } #main-content UL.donation A.elementary-tutoring { background: url(../images/donation-afterschool.png) no-repeat left; } #main-content UL.donation A.computer-lab { background: url(../images/donation-computer-lab.png) no-repeat left; } #main-content UL.donation A.preparatory-school { background: url(../images/donation-schoolcampaign.png) no-repeat left; } #main-content UL.donation A.annual-cocktail { background: url(../images/donation-cocktail.png) no-repeat left; } #main-content UL.donation LI IMG { float: left; margin-right: 5px; } /*------------------------------------------------------------------ PROGRAMS ------------------------------------------------------------------*/ /*Our Programs*/ #main-content UL.prog-tab LI { list-style: none; display: block; margin: 10px 0 0 20px; float: left; width: 310px; height: 102px; } /* #main-content UL.prog-tab LI H3 { font: 22px Georgia, "Times New Roman", Times, serif; color: #542D24; margin-bottom: 5px; letter-spacing: -1px; }*/ #main-content UL.prog-tab LI P { color: #4C4C4C; font: bold 12px Arial, Helvetica, sans-serif; } #main-content UL LI.prog-scholarship A, #main-content UL LI.prog-tutoring A, #main-content UL LI.prog-computer A, #main-content UL LI.prog-development A, #main-content UL LI.prog-counseling A, #main-content UL LI.prog-school A { padding-left: 110px; display: block; background: url(../images/Programs/tab-scholarship.jpg) no-repeat left bottom; height: 97px; padding-top: 5px; } #main-content UL LI.prog-tutoring A { background: url(../images/Programs/tab-tutoring.jpg) no-repeat left bottom; } #main-content UL LI.prog-computer A { background: url(../images/Programs/tab-computer.jpg) no-repeat left bottom; } #main-content UL LI.prog-development A { background: url(../images/Programs/tab-development.jpg) no-repeat left bottom; } #main-content UL LI.prog-counseling A { background: url(../images/Programs/tab-counseling.jpg) no-repeat left bottom; } #main-content UL LI.prog-school A { background: url(../images/Programs/tab-school.jpg) no-repeat left bottom; } #main-content UL LI.prog-scholarship A:hover, #main-content UL LI.prog-tutoring A:hover, #main-content UL LI.prog-computer A:hover, #main-content UL LI.prog-development A:hover, #main-content UL LI.prog-counseling A:hover, #main-content UL LI.prog-school A:hover { background-position: left top; display: block; text-decoration: none; } /*Student Scholarship*/ #main-content .bottom-link { font-weight: 700; } /*25 Computers*/ #main-content IMG#computers-logo { margin-bottom: 10px; } #main-content A.laptop, #main-content A.cash { display: block; width: 131px; height: 103px; float: left; margin: 15px 0 25px 75px; font-family: Impact, Arial, Helvetica, sans-serif; font-size: 24px; color: #FFF; padding-left: 80px; padding-top: 10px; background: url(../images/Programs/laptop-btn.png) no-repeat; } #main-content A.cash { background: url(../images/Programs/cash-btn.png) no-repeat; } #main-content A.laptop:hover, #main-content A.cash:hover { color: #542D24; text-decoration: none; } #main-content H1.heading-center { margin-top: 18px; } #main-content P SPAN.sm { font-size: 12px; } /*------------------------------------------------------------------ NEWS ------------------------------------------------------------------*/ .newsletter-img-left { padding: 10px 20px 10px 0; } .newsletter-img-right { padding: 0 0 10px 10px; } /*------------------------------------------------------------------ WHO WE ARE ------------------------------------------------------------------*/ /* Index */ #sidebar_menu2 ul.biopopupdescription li { font: bold 14px Arial, Helvetica, sans-serif; color: #684532; margin-bottom: 15px; text-align: right; } #sidebar_menu2 ul.biopopupdescription li span { font-size: 13px; font-weight: 400; font-style: italic; } /* Contact Us */ #main-content UL#social-links { padding-left: 40px; } #main-content UL#social-links LI { display: inline; list-style: none; margin-left: 0; margin-right: 15px; } #main-content .indent { margin-left: 40px; } /* Our Team */ .ourteam-img-left { padding: 0 20px 20px 0; } /*------------------------------------------------------------------ YOU CAN HELP ------------------------------------------------------------------*/ p.address { margin-left: 30px; } #monthly-donation-btn { margin-bottom: 20px; overflow: hidden; } #monthly-donation-btn .button-container { width: 190px; float: left; text-align: center; } #one-time-donation { margin-left: 40px; } #BB_BuyButtonForm { margin-left: 30px; margin-bottom: 10px; } #goodsearch-list { padding-left: 30px; } /* Donation Tabs */ ul.tabs { margin: 0 !important; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%; } ul.tabs li { float: left; margin: 0 !important; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px !important; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; } ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; font-weight: bold; padding: 0 20px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; } .tab_container { border: 1px solid #999; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; margin-bottom: 20px; } .tab_content { padding: 20px; font-size: 1.2em; } /*------------------------------------------------------------------ FOOTER ------------------------------------------------------------------*/ #footer { width: 980px; margin-top: 10px; } #footer-topbar { background-color: #92B841; } #footer H3 { font-size: 16px; font-weight: 700; margin-top: 3px; color: #4c4c4c; } #footer-topbar A { font-size: 1.2em; color: #AA9370; } #footer-topbar DIV#social { display: block; float: right; margin: 0; height: 28px; padding-top: 7px; padding-bottom: 5px; width: 360px; padding-left: 20px; } #footer-topbar UL LI { display: inline; } #footer-topbar UL LI A.facebook, #footer-topbar UL LI A.twitter, #footer-topbar UL LI A.linkedin, #footer-topbar UL LI A.flickr, #footer-topbar UL LI A.youtube, #footer-topbar UL LI A.wordpress { background: url(../images/SocialIcons/24%20X%2024/facebook.png) no-repeat; display: block; height: 24px; width: 24px; text-indent: -10000px; float: left; margin-left: 10px; } #footer-topbar UL LI A.twitter { background: url(../images/SocialIcons/24%20X%2024/twitter.png); } #footer-topbar UL LI A.linkedin { background: url(../images/SocialIcons/24%20X%2024/linkedin.png); } #footer-topbar UL LI A.flickr { background: url(../images/SocialIcons/24%20X%2024/flickr.png); } #footer-topbar UL LI A.youtube { background: url(../images/SocialIcons/24%20X%2024/youtube.png); } #footer-topbar UL LI A.wordpress { background: url(../images/SocialIcons/24%20X%2024/wordpress.png); } #footer-topbar A:hover { color: #542D24; text-decoration: underline; } #footer-topbar FORM { float: left; padding-left: 10px; } #footer-topbar form label { font-size: 16px; font-weight: 700; color: #4c4c4c; padding-right: 10px; } #footer-topbar form .btn { position: relative; top: 6px; margin-left: 10px; } #footer-bottombar { background: #684532 url(none) no-repeat; font-size: 1.1em; color: #FFF; padding: 0.6em 10px; } #footer-bottombar A { color: #FFF; } #footer-bottombar A:hover { text-decoration: underline; } #footer-bottombar span { margin-left: 240px; } /* COFEE-AD */ #cofee-ad { background-color: #EEEFD2; margin-top: -20px; display: block; width: 720px; height: 122px; } #cofee-ad A { height: 121px; width: 181px; display: block; float: left; background-image: url(../images/cta-coffee-off.gif); } #cofee-ad A:hover { background-image: url(../images/cta-coffee-hover.gif); } #cofee-ad2 { background-color: #EEEFD2; margin-top: 20px; display: block; width: 954px; height: 122px; } #cofee-ad2 A { height: 121px; width: 181px; display: block; background-image: url(../images/cta-coffee-off.gif); float: left; } #cofee-ad2 A:hover { background-image: url(../images/cta-coffee-hover.gif); }