/********************************************************************************************** 202 Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#000; font-family:Verdana, Geneva, sans-serif; background:url(../images/container-bottom.jpg) 50% 0 repeat-y; } h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; } .ui-tabs-hide { display:none; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Page ----*/ div#page { background:url(../images/container-top.jpg) 50% 0 no-repeat; } /*---- Container ----*/ div#container{ width:840px; padding:0px 50px; margin:0 auto; } /*---- Header ----*/ div#header { padding:4px 0px 32px; position:relative; } /*---- Main Navigation ----*/ div#main-navigation { margin-bottom:50px; position:relative; } /*---- Content ----*/ div#content { padding-bottom:34px; } /*---- Main ----*/ div#main { float:left; width:548px; } /*---- Sidebar ----*/ div#sidebar { float:right; width:256px; } /*---- Footer ----*/ div#footer { background:url(../images/footer/footer-bg.gif) center top no-repeat; padding:12px 0px 20px; } /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ div#header a.button1 { position:relative; padding-left:20px; width:101px; float:left; } div#header a.button1 .right { padding-right:12px; } /*---- Header - Img ----*/ div#header img.offer { position:absolute; top:0px; right:280px; } div#header div.dashboard { width:410px; } /*---- Header - Global Navigation ----*/ div#global-navigation { float:right; margin-bottom:6px; } div#global-navigation ul li { color:#f1e8d8; font-size:90%; line-height:14px; float:left; } div#global-navigation ul li a{ color:#f1e8d8 !important; } div#global-navigation ul li.divider{ margin:0 7px 0 9px; background:url(../images/header/divider.gif) left 3px no-repeat; } /*---- Header - Logo ----*/ div#header div.logo { margin:10px 0px 0px 5px; float:left; width:195px; } div#header div.logo h1 a { background:url(../images/header/logo.png) left top no-repeat; width:195px; height:0px; padding-top:30px; overflow:hidden; display:block; } /*---- Header - Newsletter Form ----*/ div#newsletter-form { clear:both; float:right; } .button1{ text-transform:uppercase; color:#f0e7d7 !important; line-height:53px; font-size:280%; } .button1 .right{ display:block; height:53px; padding-right:0px; float:left; margin-right:-12px; position:relative; } div#newsletter-form.button1 { padding-left:13px; width:250px; } div#newsletter-form.button1 .right { padding-right:0; } div#newsletter-form.button1:hover { background:url(../images/content/button1.png) left top no-repeat; } div#newsletter-form.button1:hover .right{ background:url(../images/content/button1.png) right -53px no-repeat; } div#newsletter-form.button1:focus{ background:url(../images/content/button1.png) left top no-repeat; } div#newsletter-form.button1:focus .right { background:url(../images/content/button1.png) right -53px no-repeat; } /*---- Main Navigation ----*/ div#main-navigation ul li{ float:left; line-height:18px; } div#main-navigation ul li a { float:left; font-size:180%; background:url(../images/navigation/drop.png) left 8px no-repeat; padding-left:10px; color:#978e7b !important; } div#main-navigation ul li a:hover , div#main-navigation ul li a.active { color:#fff !important; text-decoration:none; background:url(../images/navigation/drop-hover.png) left 8px no-repeat; } div#main-navigation ul li.divider { margin:4px 11px 0px 13px; background:url(../images/navigation/divider.png) left top no-repeat; width:4px; height:18px; } /*---- Main Navigation - Drop Down ----*/ div#main-navigation ul li.parent ul.child { position:absolute; left:0px; top:24px; } div#main-navigation ul li.parent ul.child li { float:left; margin-right:20px; } div#main-navigation ul li.parent ul.child li a{ color:#f1e8d8 !important; font-size:150%; background:url(../images/navigation/drop-hover.png) left 8px no-repeat; } div#main-navigation ul li.parent ul.child li a:hover{ color:#f1e8d8 !important; background:url(../images/navigation/drop-hover.png) left 8px no-repeat; } div#main-navigation ul li.parent ul.child li a.active{ color:#fff !important; } /*---- Conetnt ----*/ div#content h1 { font-size:500%; color:#f1e8d8; line-height:10px; font-weight:normal; text-transform:uppercase; position:relative; bottom:-5px; } div#main a { color:#00a6dd; } /*---- Post ---*/ div.post { margin-bottom:12px; } div#content div.post h1 { font-size:360%; margin-bottom:10px; font-weight:normal; color:#23424C;} div.post h2 { font-size:320%; margin-bottom:10px; font-weight:normal; line-height:30px; color:#23424c; } div.post h3 { font-size:240%; margin-bottom:10px; color:#23424c; } div.post h4 { font-size:220%; margin-bottom:10px; color:#23424c; } div.post h5 { font-size:200%; margin-bottom:10px; color:#23424c; } div.post h5 { font-size:180%; margin-bottom:10px; color:#23424c; } div.post p { color:#23424c; line-height:1.2em; font-size:110%; margin-bottom:16px; display:block; } div.post p a.more-link { color:#00a6dd; background:#e2f4f8; text-decoration:underline; font-weight:bold; } div.post p a:hover { text-decoration:none; } div.post div.frame {background:url(../images/content/frame.jpg) left top no-repeat; padding:3px; margin:0px 0px 20px 0px; } div.post div.entry div.content { background:url(../images/content/content-middle.jpg) left top repeat-y; } div.post div.entry div.content div.top { background:url(../images/content/content-top.jpg) left top no-repeat; height:auto; padding-top:8px; } div.post div.entry div.content div.top div.bottom { background:url(../images/content/content-bottom.jpg) left bottom no-repeat; padding:0px 12px 8px; height:auto; } div.post div.entry div.footer { padding:0px 12px; } div.post div.entry div.footer , div.post div.entry div.footer div.author{ background:url(../images/content/separator.png) left top no-repeat; padding-top:8px; } div.post div.entry div.footer p { color:#8a9592; font-size:90%; line-height:24px; margin-bottom:0px; } div.post div.entry div.footer p a{ color:#00a6dd; } div.post div.entry div.content p span{ background:#e2f4f8; } div.post blockquote { margin-bottom:20px; } div.post blockquote p{ margin-bottom:5px; font-style:italic;} div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;} div.post img { max-width:100%; } div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} div.post ul { margin:0 0 20px 14px; list-style:disc; } div.post ol { margin:0 0 20px 18px; list-style:decimal; } div.post li { line-height:1.2em; font-size:110%; color:#23424c; } div.post li ul, div.post li ol { margin-bottom:10px; font-size:90%; } div.post li p { font-size:100%; margin-bottom:10px; } /*---- Post - Custom Lists ---*/ div.post ul.list1 { margin:0; padding:0; } div.post ul.list1 li { margin:0; padding:0; } div.post ol.list2 { margin:0; padding:0; } div.post ol.list2 li { margin:0; padding:0; } /*---- Footer - Navigation ---*/ div#footer p{ text-align:center; color:#f1e8d8; font-size:90%; line-height:14px; } div#footer p a{ color:#f1e8d8; } div#footer p span{ margin-left:15px; } div#footer p span a{ text-decoration:underline; } div#footer p span a:hover{ text-decoration:none; } /*---- Common Boxes & Containers ----*/ .video-overlay { padding:40px; display:none; z-index:10000; } .video-overlay .close { background:url(../images/content/close.png) no-repeat;position:absolute; top:42px; right:46px; display:block; width:35px; height:35px; cursor:pointer; } .video-overlay #flv-player { display:block; } /*---- Box2 ----*/ div.box2 div.top{ background:url(../images/content/box2-top.png) left top no-repeat; height:10px; } div.box2 div.middle{ background:url(../images/content/box2-middle.png) left top repeat-y; padding:0px 10px 2px; } div.box2 div.bottom{ background:url(../images/content/box2-bottom.png) left bottom no-repeat; height:10px; } /*---- Box3 ----*/ div.box3 div.top{ background:url(../images/content/box3-top.png) left top no-repeat; height:10px; } div.box3 div.middle{ background:url(../images/content/box3-middle.png) left top repeat-y; padding:2px 13px; } div.box3 div.bottom{ background:url(../images/content/box3-bottom.png) left bottom no-repeat; height:10px; } /*---- Box4 ----*/ div.box4 div.top{ background:url(../images/content/box4-top.png) left top no-repeat; height:10px; } div.box4 div.middle{ background:url(../images/content/box4-middle.png) left top repeat-y; padding:6px 18px 1px; } div.box4 div.bottom{ background:url(../images/content/box4-bottom.png) left bottom no-repeat; height:10px; } /*---- Box5 ----*/ div.box5 div.top{ background:url(../images/content/box5-top.png) left top no-repeat; height:10px; } div.box5 div.middle{ background:url(../images/content/box5-middle.png) left top repeat-y; padding:2px 8px; } div.box5 div.bottom{ background:url(../images/content/box5-bottom.png) left bottom no-repeat; height:10px; } /*---- Box7 ----*/ div.box7 div.top{ background:url(../images/content/box7-top.gif) left top no-repeat; height:10px; } div.box7 div.middle{ background:url(../images/content/box7-middle.gif) left top repeat-y; padding:2px 8px; } div.box7 div.bottom{ background:url(../images/content/box7-bottom.gif) left bottom no-repeat; height:10px; } /*---- Box8 ----*/ div.box8 div.top{ background:url(../images/content/box8-top.gif) left top no-repeat; height:10px; } div.box8 div.middle{ background:url(../images/content/box8-middle.gif) left top repeat-y; padding:2px 10px; } div.box8 div.bottom{ background:url(../images/content/box8-bottom.gif) left bottom no-repeat; height:10px; } /*---- Box9 ----*/ div.box9 div.box9-top{background:url(../images/content/box9-top-left.png) no-repeat 0 top; padding-left:28px; height:28px; line-height:28px;} div.box9 div.box9-top div.box9-top-right{background:url(../images/content/box9-top-right.png) no-repeat right top; padding-right:28px; height:28px; line-height:28px;} div.box9 div.box9-top div.box9-top-right div.box9-top-middle{background:url(../images/content/box9-top-middle.png) repeat-x 0 top; height:28px; line-height:28px;} div.box9 div.box9-middle{ background:url(../images/content/box9-middle-left.png) repeat-y top left; padding-left:28px;} div.box9 div.box9-middle div.box9-middle-left{ background:url(../images/content/box9-middle-right.png) repeat-y top right; padding-right:28px; } div.box9 div.box9-middle div.box9-middle-left div.box7-middle-right{ background:#FFF; padding:10px; width:auto; } div.box9 div.box9-bottom{background:url(../images/content/box9-bottom-left.png) no-repeat 0 0; padding-left:28px; height:28px; line-height:28px;} div.box9 div.box9-bottom div.box9-bottom-right{background:url(../images/content/box9-bottom-right.png) no-repeat right 0; padding-right:28px; height:28px; line-height:28px;} div.box9 div.box9-bottom div.box9-bottom-right div.box9-bottom-middle{background:url(../images/content/box9-bottom-middle.png) repeat-x 0 0; height:28px; line-height:28px} /*---- Buttons ----*/ .button1{ background:url(../images/content/button1.png) left 0px no-repeat; display:block; height:53px; padding-left:20px; text-transform:uppercase; color:#f0e7d7 !important; line-height:53px; font-size:280%; } .button1 .right{ background:url(../images/content/button1.png) right -53px no-repeat; display:block; height:53px; padding-right:0px; float:left; margin-right:-12px; position:relative; } .button1 .right span.arrow { background:url(../images/content/arrow.png) right center no-repeat; padding-right:15px; height:53px; } .button1 { margin-right:10px; } .button1:hover{ background:url(../images/content/button1.png) left -211px no-repeat; } .button1:hover .right{ background:url(../images/content/button1.png) right -264px no-repeat; } .button1:focus{ background:url(../images/content/button1.png) left -106px no-repeat; } .button1:focus .right{ background:url(../images/content/button1.png) right -159px no-repeat; } .button2{ background:url(../images/content/button2.png) left top no-repeat; display:block; height:50px; padding-left:20px; text-transform:uppercase; color:#f0e7d7 !important; line-height:50px; font-size:230%; } .button2 span.right{ background:url(../images/content/button2.png) right bottom no-repeat; display:block; height:50px; padding-right:15px; float:left; } .button2 span.right span.arrow { background:url(../images/content/arrow.png) right center no-repeat; padding-right:11px; height:50px; } .button2 span.right span.the { font-size:60%; color:#b5d0ce !important; } .button3{ background:url(../images/content/button3.png) left top no-repeat; display:block; height:37px; padding-left:16px; text-transform:uppercase; color:#f0e7d7 !important; line-height:37px; font-size:150%; } .button3 span.right{ background:url(../images/content/button3.png) right -37px no-repeat; display:block; height:37px; padding-right:16px; float:left; } .button3 span.right span.arrow { background:url(../images/content/arrow.gif) right center no-repeat; padding-right:15px; height:37px; } .button3 span.right img { float:left; margin:11px 6px 0px 0px; } .button3:hover{ background:url(../images/content/button3.png) left -148px no-repeat; padding-left:16px; } .button3:hover span.right{ background:url(../images/content/button3.png) right -185px no-repeat; height:37px; padding-right:16px; float:left; } .button3:focus{ background:url(../images/content/button3.png) left -74px no-repeat; padding-left:16px; } .button3:focus span.right{ background:url(../images/content/button3.png) right -111px no-repeat; height:37px; padding-right:16px; float:left; } a.button1:hover , a.button2:hover , a.button3:hover{ text-decoration:none; } /*---- Lists ----*/ /*---- List1 ----*/ ul.list1 li { font-size:110%; color:#f1e8d8; line-height:17px; background:url(../images/content/drop2.png) left 5px no-repeat; padding-left:12px; margin-bottom:8px; } ul.list1 li a{ text-decoration:underline; color:#f1e8d8 !important; } ul.list1 li a:hover{ text-decoration:none; } ul.list1 li span.datestamp{ display:block; font-size:82%; color:#837c6e !important; } /*---- List2 ----*/ ul.list2 li { font-size:110%; color:#f1e8d8; line-height:17px; background:url(../images/content/drop2.png) left 5px no-repeat; padding-left:12px; margin-bottom:10px; } ul.list2 li a{ color:#0596c0 !important; } ul.list2 li span{ display:block; font-size:80%; color:#837c6e !important; } /*---- List3 ----*/ ul.list3 li { line-height:12px; padding-left:12px; background:url(../images/content/list-drop.jpg) left 3px no-repeat; margin-bottom:8px; } ul.list3 li a{ color:#00a6dd !important; font-size:110%; } ul.list3 li span{ float:right; font-size:90%; color:#8a9592 !important; } /*---- List4 ----*/ ul.list4 li { background:url(../images/content/border.gif) left bottom no-repeat; padding-bottom:23px; margin-bottom:5px; } ul.list4 li div.photo { float:left; background:url(../images/content/frame-middle.gif) left top repeat-y; margin-right:16px; } ul.list4 li div.photo div.photo-top{ float:left; background:url(../images/content/frame-top.gif) left top no-repeat; } ul.list4 li div.photo div.photo-top div.photo-bottom{ float:left; background:url(../images/content/frame-bottom.gif) left bottom no-repeat; padding:3px; } ul.list4 li div.entry { width:370px; float:left; } ul.list4 li div.entry h3{ color:#23424c; font-size:320%; text-transform:uppercase; margin-bottom:5px; font-weight:normal; } ul.list4 li div.entry p{ font-size:120%; color:#23424c; line-height:14px; } ul.list4 li.last { background:none; padding-bottom:0px; } /*---- List5 ----*/ ul.list5 li { line-height:12px; margin-right:24px; float:left; width:132px; background:url(../images/content/list5-bg.gif) left top no-repeat; padding:15px 10px; } ul.list5 li img{ border:4px solid #f8f6f4; margin-bottom:12px; } ul.list5 li a{ font-size:150%; } ul.list5 li.last { margin:0; } ul.list5 li a.button3 { padding-left:4px; } ul.list5 li a.button3 span.right{ padding-right:10px; margin-left:12px; } ul.list5 li a.button3 span.arrow{ padding-right:10px; } /*---- List6 ----*/ ul.list6 li { line-height:12px; float:left; width:132px; background:url(../images/content/list6-bg.gif) left top no-repeat; padding:15px 10px; height:285px; position:relative; } ul.list6 li img{ margin-bottom:8px; } ul.list6 li a{ font-size:150%; } ul.list6 li.last { margin:0; } ul.list6 li a.button3 { padding-left:4px; position:absolute; bottom:10px; left:8px; } ul.list6 li a.button3 span.right{ padding-right:12px; margin-left:12px; } ul.list6 li a.button3 span.arrow{ padding-right:8px; } ul.list6 li.divider { background:url(../images/content/divider1.gif) left top no-repeat; height:315px; margin:0px 10px; width:7px; padding:0; } /*---- List7 ----*/ ul.list7 li { background:url(../images/content/list7-icon.gif) left 3px no-repeat; padding-left:17px; font-size:110%; color:#23424c; font-weight:bold; line-height:14px; margin-bottom:10px; } ul.list7 li a { color:#23424c !important; } /*---- List8 ----*/ ul.list8 li { background:url(../images/content/list8-arrow.gif) left 5px no-repeat; padding-left:8px; font-size:120%; color:#23424c; line-height:14px; margin-bottom:10px; } ul.list8 li a { color:#23424c !important; } /*---- List9 ----*/ ul.list9 { background:url(../images/content/divider1.gif) 50% 0 repeat-y; } ul.list9 li { line-height:12px; float:left; width:192px; background:url(../images/content/list9-bg.gif) left top no-repeat; padding:15px 20px; height:275px; margin:0 40px 0px 0; position:relative; } ul.list9 li img{ border:4px solid #f8f6f4; margin:0px -5px; position:relative; } ul.list9 li a{ font-size:150%; } ul.list9 li.last { margin:0; } ul.list9 li a.button3 { padding-left:4px; position:absolute; bottom:4px; left:38px; } ul.list9 li a.button3 span.right{ padding-right:12px; margin-left:12px; } ul.list9 li a.button3 span.arrow{ padding-right:8px; } ul.list9 li.divider { background:url("../images/content/border.gif") no-repeat scroll left bottom transparent; margin-bottom:14px; height:8px; width:505px; padding:0 0 15px; } /*---- Video ----*/ div.video { position:relative; clear:both; } div.video div.heading{ position:absolute; left:14px; top:14px; } div.video div.heading h5 { background:url(../images/content/heading-bg2.png) left top repeat; color:#00adef; font-size:170%; line-height:30px; margin-bottom:2px; padding:0px 3px; } div.video div.heading p{ background:url(../images/content/heading-bg2.png) left top repeat; font-size:140%; color:#00adef; line-height:24px; margin-bottom:3px; padding:0px 3px; } div.video div.heading p span{ color:#fff; } /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ body.home div#main-navigation{ margin-bottom:15px;} div#newsletter-form label { float:left; line-height:14px; margin:13px 6px 0px 0px; color:#f0e7d7; font-size:70%; } div#newsletter-form label small{ display:block; font-size:60%; text-align:right; color:#a9d2df; margin-top:-3px; margin-right:10px; position:relative; } div#newsletter-form input.textbox {background:url(../images/header/textbox.png) left top no-repeat; width:98px; height:26px; border:0; vertical-align:middle; padding:2px 5px; } div#newsletter-form input.submit { background:url(../images/header/submit-arrow.png) left top no-repeat; border:0; cursor:pointer; vertical-align:middle; top:-2px; position:relative; } /*---- Flash Banner ----*/ div#slideshow { margin-bottom:12px; position:relative; } div#slideshow div.user-controls { position:absolute; right:10px; bottom:45px; z-index:20; width:178px; height:15px; overflow:hidden; } div#slideshow div.user-controls a{ background:url(../images/content/controls.png) left -15px no-repeat; display: block; float:left; width:40px; height:15px; margin-right:1px; } div#slideshow div.user-controls a:hover ,div#slideshow div.user-controls a.activeSlide{ text-decoration:none; background:url(../images/content/controls.png) left top no-repeat; height:15px; } div#slideshow div.top{ background:url(../images/content/banner-top.png) left top no-repeat; height:7px; } div#slideshow div.middle{ background:url(../images/content/banner-middle.png) left top repeat-y; padding:1px 7px; padding-left:30px; position:relative; } div#slideshow div.bottom{ background:url(../images/content/banner-bottom.png) left bottom no-repeat; margin-top:-6px; } div#slideshow div.slides { height:315px; width:840px; position:relative; } div#slideshow div.slide { width:840px; height:289px; } div#slideshow div.slide div.description { float:left; width:510px; background:url(../images/content/description-bg.png) left bottom no-repeat; padding:24px 0px; margin-right:-230px; position:relative; height:203px; } div#slideshow div.slide div.description h1 { font-size:640%; color:#21414b; line-height:50px; font-weight:normal; text-transform:uppercase; margin-bottom:0px; bottom:0; } div#slideshow div.slide div.description h2 { font-size:310%; color:#21414b; line-height:19px; font-weight:normal; text-transform:uppercase; margin-bottom:15px; } div#slideshow div.slide div.description h1 span.number{ color:#21414b; font-size:181%; float:left; margin-right:10px; margin-top:2px; } div#slideshow div.slide div.description h1 span.billion{ color:#21414b; float:left; margin-right:10px; margin-top:-11px; position:relative; width:320px; } div#slideshow div.slide div.description h1 span.reasons{ color:#21414b; font-size:80%; float:left; margin-right:10px; margin-top:-16px; position:relative; } div#slideshow div.slide div.description h3{ font-size:230%; color:#21414b; font-weight:normal; line-height:25px; margin:0px 0px 0px 52px; } div#slideshow div.slide div.description ul { margin-left:16px; } div#slideshow div.slide div.description ul li{ line-height:32px; color:#21414b; font-size:120%; font-weight:bold; margin-bottom:5px; } div#slideshow div.slide div.description ul li span.highlight{ background:#e3f3f8; padding:0 5px; display:inline-block; line-height:24px; } div#slideshow div.slide div.description ul li.drinking-water{ background:url(../images/content/drop.png) left top no-repeat; padding-left:37px; line-height:29px; margin-bottom:3px; } div#slideshow div.slide div.description ul li.living-water{ background:url(../images/content/icon.png) left top no-repeat; padding-left:37px; line-height:29px; margin-bottom:0; } div#slideshow div.slide div.description ul li.img-n-videos{ background:url(../images/content/img-vid-icon.png) left 4px no-repeat; padding-left:37px; line-height:29px; margin-bottom:3px; } div#slideshow div.slide div.description ul li.world{ background:url(../images/content/world-icon.png) left 4px no-repeat; padding-left:37px; line-height:29px; margin-bottom:0; } div#slideshow div.slide div.description ul li.videos{ background:url(../images/content/video-icon.png) left 4px no-repeat; padding-left:37px; line-height:29px; margin-bottom:3px; } div#slideshow div.slide div.description ul li.pictures{ background:url(../images/content/picture-icon.png) left 4px no-repeat; padding-left:37px; line-height:29px; margin-bottom:0; } div#slideshow div.slide div.description ul li.clean-water{ background:url(../images/content/clean-water-icon.png) left top no-repeat; padding-left:37px; line-height:29px; margin-bottom:3px; } div#slideshow div.slide img { float:right; } div#slideshow a.button1{ position:absolute; z-index:10; left:70px; bottom:-23px;} div#slideshow a.second-btn { margin-left:254px; } div#slideshow a#view-map-btn{ margin-left:300px; } div#slideshow a.button1 span.right{ padding-right:14px; } div#slideshow a.button1 span.right span.arrow { padding-right:14px; } div#slideshow a.watch-video{ margin-left:20px; } div#slideshow div.our-work div.description { padding:18px 0px; } div#slideshow div.our-work div.description h1 { font-size:640%; color:#21414b; line-height:60px; font-weight:normal; text-transform:uppercase; margin-bottom:20px; background:url(../images/content/light-well.gif) left top no-repeat; padding:10px 0 0 55px; } div#slideshow div.our-work div.description h3 { line-height:10px; } /*---- Main - Scripture ----*/ div#scripture { margin-bottom:21px; background:url(../images/content/quote-top-border.png) left top no-repeat; margin-top:32px; width:548px; } div#scripture div.inner{ background:url(../images/content/quote-bottom-border.png) left bottom no-repeat; padding:15px 0px; } div#scripture p{ font-size:180%; color:#f1e8d8; line-height:22px; } div#scripture div.quote blockquote p { color:#fff; font-size:240%; margin-bottom:-5px; position:relative; } div#scripture div.quote blockquote p cite { margin-right:30px; } div.quote blockquote { color:#fff; background:url(../images/content/quote.png) left 7px no-repeat; padding-left:24px; margin-bottom:0px; line-height:23px; } div.quote blockquote p span.right-quote { background:url(../images/content/quote-right.png) no-repeat right bottom; padding-right:25px; display:inline; } div.quote blockquote p cite { color:#f1e8d8; font-style:normal; font-size:65%; } /*---- Main - See Panel ----*/ div#see-panel { margin-bottom:48px; position:relative; } div#see-panel div.box2 div.middle { padding:0 10px 34px; } div#see-panel h4{ font-size:180%; line-height:23px; color:#1b1606; font-weight:normal; position:relative; z-index:4; text-transform:uppercase; background:url(../images/content/heading-bg.png) left top no-repeat; } div#see-panel img { position:relative; margin-top:-23px; z-index:2; } div#see-panel div.description{ position:absolute; bottom:16px; width:497px; height:91px; left:18px; background:url(../images/content/description1-bg.png) left bottom no-repeat; padding:60px 0px 0px 15px ; z-index:5; } div#see-panel div.description div.column{ width:233px; } div#see-panel div.description h2{ color:#23424c; font-size:380%; font-weight:normal; margin-top:-13px; position:relative; line-height:20px; } div#see-panel div.description h3{ color:#23424c; font-size:240%; font-weight:normal; line-height:10px; } div#see-panel div.description h5{ color:#576c70; font-size:140%; float:left; font-weight:normal; } div#see-panel a.button1{ margin:3px 0 0 0; position:relative; text-transform:uppercase; color:#f0e7d7 !important; line-height:50px; font-size:230%; } div#see-panel .button1 span.right { padding-right:14px; } div#see-panel .button1 span.right span.arrow { padding-right:14px; float:left; } div#see-panel .button1 span.right span.the { font-size:60%; color:#b5d0ce !important; } /*---- Main - Featured Villages ----*/ div#featured-villages { margin-bottom:37px; } div#featured-villages h2{ font-size:280%; color:#23424c; font-weight:normal; margin-bottom:-5px; position:relative; } div#featured-villages h4{ color:#5a7178; font-size:160%; font-weight:normal; } div#featured-villages h5{ font-size:140%; color:#23424c; font-weight:normal; margin-bottom:7px; } div#featured-villages div.column div.column-top { background:url(../images/content/background1-middle.gif) left top repeat-y; height:auto; } div#featured-villages div.column div.column-top div.column-bottom { background:url(../images/content/background1-bottom.gif) left bottom no-repeat; height:auto;} div#featured-villages div.column div.column-top div.column-bottom div.column-middle{ background:url(../images/content/background1-top.gif) left top no-repeat; width:206px; padding:20px 15px 6px; } div#featured-villages div.column a.button3{ bottom:-10px; position:relative; } div#featured-villages div.column a { margin-left:11px; } div#featured-villages div.column a span.arrow { padding-right:7px; float:left; width:150px; } div#featured-villages div.column img { margin-bottom:12px; } div#featured-villages div.column p{ font-size:110%; line-height:14px; color:#23424c; } div#featured-villages div.column p a { color:#0486af !important; text-decoration:underline; } div#featured-villages div.column p a:hover{ text-decoration:none; } div#featured-villages div.column div.content { background:url(../images/content/border4.gif) left bottom no-repeat; margin-bottom:5px; padding-bottom:10px; } div#featured-villages div.column div.content p { margin-bottom:10px; } div#featured-villages div.column div.rating { margin-bottom:4px; } div#featured-villages div.column div.rating h4{ background:url(../images/content/drop2.png) center bottom no-repeat; padding-bottom:10px; font-size:180%; color:#23424c; font-weight:normal; margin-right:10px; margin-top:5px; padding-bottom:10px; } div#featured-villages div.column div.rating span.rating{ display:block; background:url(../images/content/ratings.gif) left top no-repeat; height:11px; width:210px; clear:both; } div#featured-villages div.column div.rating span.rating span{ display:block; background:url(../images/content/ratings.gif) left bottom no-repeat; height:11px; } div#featured-villages div.column div.rating h4.raised { margin-right:83px; } div#featured-villages div.column p.prices { font-size:160%; color:#23424c; margin-bottom:5px; } /*---- Main - Media ----*/ div#media h4 { font-size:180%; color:#1b1606; margin-bottom:1px; font-weight:normal; } div#media div.video { margin-bottom:5px; padding-bottom:16px; background:url(../images/content/video-bg.gif) right bottom no-repeat; position:relative; } div#media div.video a.button3 span.right { padding-right:10px; } div#media div.video div.heading{ position:absolute; left:14px; top:14px; } div#media div.video div.heading h5 { background:url(../images/content/heading-bg2.png) left top repeat; color:#00adef; font-size:170%; line-height:30px; margin-bottom:2px; padding:0px 3px; } div#media div.video div.heading p{ background:url(../images/content/heading-bg2.png) left top repeat; font-size:140%; color:#00adef; line-height:24px; margin-bottom:3px; padding:0px 3px; } div#media div.video div.heading p span{ color:#fff; } div#media div.video div.frame { background:url(../images/content/video-frame.gif) left top no-repeat; padding:3px; margin-bottom:10px; } div#media div.photos a.button3 span.right { padding-right:10px; } div#media div.photos ul { margin-bottom:10px; } div#media div.photos ul li { margin-right:9px; float:left; } div#media div.photos ul li img{ border:4px solid #fefdfb; } div#media div.photos ul li.last { margin-right:0px; } /*---- Sidebar - Share Panel ----*/ div#share-panel{ margin-bottom:40px; } div#share-panel div.box3 div.middle { padding:13px 13px 14px; } div#share-panel img { margin:0px 14px; } div#share-panel1{ margin-bottom:22px; } div#share-panel1 div.box3 div.middle { padding-top:0px; } div#share-panel1 div.box3 h1{ font-size:180%; color:#1b1606; float:left; margin-right:10px; } div#share-panel1 img { margin:0px 4px; } /*---- Sidebar - Give Panel ----*/ div#give-panel { margin-bottom:34px; } div#give-today{ margin-bottom:45px; position:relative; } div#give-today img { margin-top:-36px; position:relative; z-index:1; } div#give-today div.middle { padding-bottom:220px; padding-top:3px; } div#give-today div.description { position:absolute; z-index:4; left:11px; bottom:44px; padding:36px 14px 24px; background:url(../images/content/description-bg2.png) left bottom no-repeat; width:208px; height:210px; } div#give-today div.description div.heading span.numbers{ color:#23424c; font-size:440%; float:left; margin:19px 10px 0 0; } div#give-today div.description div.heading h3{ color:#23424c; font-size:280%; font-weight:normal; float:left; line-height:24px; } div#give-today div.description div.heading h3 span.heading{ font-size:55%; display:block; color:#5a7178; line-height:15px; margin-top:11px; } div#give-today div.description div#clean-water.heading h3{ font-size:210%; line-height:21px; } div#give-today div.description div#clean-water.heading h3 span.heading{ font-size:80%; display:block; color:#5a7178; line-height:15px; margin-top:11px; } div#give-today div.description div#clean-water{ background:url(../images/content/drop1.gif) left top no-repeat; padding-left:30px; margin-left:68px; } div#give-today div.description div#wells{ background:url(../images/content/well.png) right top no-repeat; padding-left:31px; } div#give-today div.description div#villages { padding-left:45px; margin-bottom:4px; } div#give-today div.description div#people span.numbers { font-size:320%; margin:23px 10px 0 0; } div#give-today h5{ color:#1b1606; font-size:130%; font-weight:normal; padding-bottom:6px; background:url(../images/content/heading-bg3.png) left top no-repeat; position:relative; z-index:2; } div#give-today h5 span.give{ font-size:130%; display:block; top:-3px; position:relative; } div#give-today h5 span.numbers { font-size:120%; bottom:3px; position:relative; bottom:-4px; position:relative; } div#give-today h5 span.percent{ font-size:75%; } div#give-panel a.button1{ margin:-33px 0 0 39px; position:relative; } div#give-panel a.button1 span.right{ padding-right:14px; } div#give-panel a.button1 span.right span.arrow { padding-right:14px; } div#sidebar div.quote{ background:url(../images/content/border-bottom1.png) left top no-repeat; margin-bottom:30px; } div#sidebar div.quote div.bottom{ background:url(../images/content/border-bottom1.png) left bottom no-repeat; padding:24px 0px; } div#sidebar div.quote p { font-size:210%; } div#sidebar div.quote p { font-size:210%; } div#sidebar div.quote p cite { font-size:80%; margin-right:4px; } div#adopt h2{ color:#23424c; font-size:340%; font-weight:normal; line-height:20px; } div#adopt h2 span.heading{ font-size:40%; text-transform:lowercase !important; color:#576c6f; top:-7px; position:relative; } div#adopt h5{ font-size:180%; color:#748383; font-weight:normal; margin-bottom:4px; } div#adopt div.middle{ padding:10px 0 7px 12px; } div#adopt img { margin-bottom:6px; } div#adopt p { margin-bottom:32px; font-size:110%; color:#23424c; line-height:14px; padding-right:10px; } div#adopt p span.highlight { font-weight:bold; background:#e3f3f8; padding:3px 2px; } /*---- Dashboard ----*/ div#dashboard { background:url(../images/content/border3.gif) left top no-repeat; margin:0px -1px 30px; position:relative; padding-top:43px;} div#dashboard div.inner{ background:url(../images/content/dashboard-middle.gif) left top repeat-y; } div#dashboard div.inner div.top{ margin-bottom:20px; background:url(../images/content/dashboard-top.gif) left top no-repeat; } div#dashboard div.inner div.top div.bottom { background:url(../images/content/dashboard-bottom.gif) left bottom no-repeat; padding-bottom:30px; } /*---- Dashboard - Section ----*/ div#dashboard div.section { float:left; } div#dashboard div.section h3{ font-size:240%; color:#f1e8d8; font-weight:normal; margin-bottom:14px; } div#dashboard div.section h3 img { float:right; } div#dashboard div.blog { width:246px; margin-right:46px; } div#dashboard div.section#latest-tweets { width:252px; margin-right:62px; } div#dashboard div.section#contact{ width:196px; } div#dashboard div.section#contact div.logo { margin-bottom:6px; } div#dashboard div.section#contact div.logo h1 a { background:url(../images/content/logo.png) left top no-repeat; width:175px; height:0px; padding-top:30px; overflow:hidden; display:block; } div#dashboard div.section#contact p { font-size:130%; color:#837c6e; line-height:17px; margin-bottom:10px; } /*---- Dashboard - Contact Section ----*/ div#dashboard div.section#contact a{ background:url(../images/content/contact-icon.jpg) left 2px no-repeat; padding-left:22px; font-size:130%; color:#bab2a3 !important; text-decoration:underline; } div#dashboard div.section#contact a:hover{ text-decoration:none; } /*------------------------------------------ // 5.1 OUR WORK PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Main - Our Work ----*/ div#our-work h1{ margin-bottom:16px; } /*---- Main - Our Work - African Republic ----*/ div#our-work div.box5{ margin-bottom:35px; } div#african-republic div.details{ background:url(../images/content/african-map.jpg) left top no-repeat; padding:6px 6px 0 0; } div#our-work div.details div.column1{ width:242px; float:left; padding-left:12px; } div#our-work div.details h1{ color:#23424c; font-size:540%; line-height:12px; margin:0px 0px 0px -10px; position:relative; } div#our-work div.details span.population { color:#576c6f; font-size:160%; display:block; margin:0px 0px 16px -10px; position:relative; } div#our-work div.details div.column1 p { color:#23424c; font-size:110%; line-height:14px; margin-bottom:25px; background:url(../images/content/seprator.gif) left bottom no-repeat; padding-bottom:20px; } div#our-work div.details div.column1 p span.highlight { background:#e5f3f8; font-weight:bold; padding:3px 2px; } div#our-work div.details div.column1 div.progress{ margin-bottom:12px; background:url(../images/content/pregress-bg.png) left top no-repeat; padding:24px 0px 0px 20px; position:relative; } div#our-work div.details div.column1 div.progress div.built-wells{ position:absolute; font-size:120%; color:#597077; right:50px; top:-10px; width:65px; line-height:10px; } div#our-work div.details div.column1 div.progress div.built-wells span.numbers{ font-size:240%; color:#23424c; margin-left:6px; margin-top:-12px; } div#our-work div.details div.column1 div.progress a.more{ float:right; font-size:140%; color:#979180; text-decoration:none; } div#our-work div.details div.column1 div.progress span.rating { background:url(../images/content/progress-rating.png) left bottom no-repeat; height:15px; width:162px; display:block; margin-bottom:7px; } div#our-work div.details div.column1 div.progress span.rating span { display:block; height:15px; background:url(../images/content/progress-rating.png) left top no-repeat; } div#our-work div.details div.column2{ width:240px; float:right; padding:134px 0px 0px 0px; } div#our-work div.details div.column2 a.button3 { margin-bottom:9px; } div#our-work div.details div.column2 div.video { background:#fff; padding:5px; clear:both; margin-bottom:10px; } div#our-work div.details div.column2 div.video a.play{ position:absolute; display:block; background:url(../images/content/video-play.png) left top no-repeat; width:66px; height:39px; z-index:20; left:90px; top:60px; } div#our-work div.details div.column2 a.read-more{ background:url(../images/content/arrow1.gif) right center no-repeat; padding-right:10px; font-size:110%; color:#00a6dd !important; line-height:14px; float:right; margin-right:8px; } div#our-work div.details a.button3 span.on-the , div#our-work div.details a.button3 span.about{ font-size:60%; color:#f0e7d7 !important; } div#india div.details{ background:url(../images/content/indian-map.jpg) left top no-repeat; padding:6px 6px 0 0; } div#india div.details h1 , div#sudan div.details h1{ font-size:700%; line-height:60px; } div#sudan div.details{ background:url(../images/content/sudan-map.jpg) left top no-repeat; padding:6px 6px 0 0; } div#india div.details span.population , div#sudan div.details span.population { margin-bottom:18px; } /*---- Sidebar ----*/ div#where-we-work { margin-bottom:30px; } div#where-we-work div.description{ background:url(../images/content/explore-map.gif) left top no-repeat; padding:5px 0px 15px 7px; margin:0px 0px 0px -7px; position:relative; } div#where-we-work div.description h1{ font-size:360%; color:#23424c; line-height:20px; margin-bottom:14px; } div#where-we-work div.description h1 span.we{ font-size:40%; line-height:20px; margin:0px 4px; color:#566a6d; top:-7px; position:relative; } div#where-we-work div.description img { border:1px solid #d0c4b0; } div#where-we-work div.description a.button1{ margin:-15px 0px 11px 6px; position:relative; } div#where-we-work div.description a.button1 span.right{ padding-right:14px; font-size:80%; } div#where-we-work div.description a.button1 span.right span.arrow{ padding-right:14px; } div#where-we-work div.description p{ font-size:110%; color:#23424c; line-height:14px; margin:0px 0px 0px 10px; } div#where-we-work div.description p span.highlight{ background:#e3f3f8; padding:3px; font-weight:bold; } div#completed-project h5{ font-size:180%; color:#1b1606; margin-bottom:13px; font-weight:normal; } div#completed-project div.section { background:url(../images/content/glow.png) left top no-repeat; padding:22px 13px 10px 14px; margin-bottom:35px; } div#completed-project div.section h2{ font-size:280%; color:#23424c; font-weight:normal; } div#completed-project div.section h4{ font-size:160%; color:#5a7178; margin-bottom:6px; font-weight:normal; } div#completed-project div.section img { margin-bottom:6px; } div#completed-project div.section div.clean-water { margin-bottom:4px; padding-bottom:8px; background:url(../images/content/divider.png) left bottom no-repeat; } div#completed-project div.section div.clean-water span.people { float:left; color:#23424c; font-size:160%; width:94px; line-height:18px; } div#completed-project div.section div.clean-water span.people span.number { display:block; font-size:225%; } div#completed-project div.section div.clean-water span.peoples { float:right; width:108px; margin-top:13px; } div#completed-project div.section div.clean-water span.peoples span.people{ color:#5a7178; font-size:140%; } div#completed-project div.section div.clean-water span.peoples span.clean-water{ font-size:200%; color:#23424c; display:block; } div#completed-project div.section p { font-size:110%; color:#23424c; line-height:14px; margin-bottom:30px; background:url(../images/content/well.gif) left top no-repeat; padding-left:25px; } div#completed-project div.section a.read-more{ color:#0486af !important; text-decoration:underline; } div#completed-project div.section a.read-more:hover { text-decoration:none; } div#completed-project div.section a.button3{ margin:-24px 0px 0px 24px; } /*------------------------------------------ // 6.1 VIDEO PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Videos ----*/ div#videos h3{ font-size:160%; color:#23424c; text-transform:uppercase; margin-bottom:8px; font-weight:normal; } div#videos span.total-videos{ float:right; color:#8a9592; font-family:Verdana, Geneva, sans-serif; font-size:90%; } /*---- Thumbnails ----*/ div.thumbnails { position:relative; clear:both; } div.thumbnails div.slides{ margin-left:28px; width:480px !important; } div.thumbnails a:hover{ text-decoration:none; } div.thumbnails ul li { float:left; margin:0px 7px; background:url(../images/content/thumbs-bg.png) left bottom no-repeat; height:83px !important; width:100px !important; padding:3px; position:relative; } div.thumbnails ul li img { position:relative; z-index:1; } div.thumbnails ul li:hover , div.thumbnails ul li.active { background:url(../images/content/thumbs-bg.png) left top no-repeat;} div.thumbnails ul li.ui-state-hover ,div.thumbnails ul li.ui-state-active { background:url(../images/content/thumbs-bg.png) left top no-repeat;} div.thumbnails ul li a.play{ position:absolute; display:block; background:url(../images/content/play-button.png) left top no-repeat; width:66px; height:39px; z-index:20; left:20px; top:20px; } div#videos { margin-bottom:30px; } div#videos h1 { margin-bottom:10px; } div#videos div.video div.frame , div#featured-videos div.video div.frame{ background:#fff; padding:3px; margin-bottom:8px; } div#featured-videos h2{ font-size:280%; color:#23424c; font-weight:normal;} div#videos div.video div.description h1{ font-size:320%; color:#23424c; margin-bottom:0px; } div#videos div.video div.description h4{ font-size:160%; color:#62767a; margin-bottom:5px; font-weight:normal; } div#videos div.video div.description p{ font-size:110%; color:#23424c; line-height:14px; } /*---- Give Today ----*/ div#give-today1 { position:relative; } div#give-today1 div.middle { padding-bottom:220px; padding-top:5px; } div#give-today1 div.description { position:absolute; z-index:4; left:11px; bottom:44px; padding:36px 14px 44px; background:url(../images/content/description-bg2.png) left bottom no-repeat; width:208px; height:210px; } div#give-today1 div.description p.percentage{ font-size:620%; color:#23424c; text-align:center; margin-bottom:0px; line-height:54px; top:7px !important; position:relative; } div#give-today1 div.description p.what-you-give{ font-size:140%; line-height:20px; color:#6b7f84; text-align:center; top:-9px !important; } div#give-today1 div.description p.given-away{ color:#23424c; font-size:520%; text-align:center; line-height:10px; } div#give-today1 div.description a.button1{ margin:0 0 0 21px; padding-left:19px; } div#give-today1 div.description a.button1 span.right{ padding-right:14px; } div#give-today1 div.description a.button1 span.right span.arrow{ padding-right:14px; } /*------------------------------------------ // 7.1 BLOG PAGE SPECIFIC STYLES //------------------------------------------*/ div#blog div.box5 div.middle{ padding:2px 15px; } /*---- Blog ----*/ div#blog h1 { bottom:-3px; position:relative; } div#blog h1 a.subscribe{ float:right; font-size:28%; color:#f2eadb !important; background:url(../images/content/rss.png) right 0px no-repeat; padding:0px 34px 12px 0px; text-decoration:none; line-height:20px; } /*---- Post Datestamp ----*/ div.post div.header{ margin-bottom:7px; } div.post div.header div.datestamp { width:34px; background:#fff; padding:3px; text-align:center; float:left; margin-right:9px; } div.post div.header div.datestamp div.month{ background:#e7ded0; line-height:12px; font-family:Verdana, Geneva, sans-serif; font-size:100%; color:#819193; } div.post div.header div.datestamp div.date{ line-height:13px; font-size:200%; color:#23424c; margin-top:5px; } div.post div.footer { margin-bottom:24px; } /*---- Post Comments ----*/ div.post div.header div.comments-numbers { background:url(../images/content/comment-bg.gif) left top no-repeat; display:block; float:left; padding-left:5px; height:37px; } div.post div.header div.comments-numbers a{ background:url(../images/content/comment-bg.gif) right bottom no-repeat; display:block; float:left; padding-right:5px; height:37px; line-height:26px; font-size:200%; color:#23424c !important; } div.post div.header div.comments-numbers a:hover{ text-decoration:none; } /*---- Post Share ----*/ div.post div.header div.share{ float:right; } div.post div.header div.share a{ margin-left:5px; font-size:90%; color:#23424c !important; } div.post div.header div.share img { vertical-align:top ; } div.controls { background:url(../images/content/quote-bottom-border.png) left top no-repeat; padding-top:15px; } div.controls a { font-size:210%; color:#fff !important; line-height:16px; text-decoration:none; } div.controls a.previous{ float:left; background:url(../images/content/previous-arrow.gif) left center no-repeat; padding-left:10px; } div.controls a.next{ float:right; background:url(../images/content/next-arrow.gif) right center no-repeat; padding-right:10px; } div.controls a:hover { text-decoration:none; } /*---- Widget ----*/ div.widget { margin-bottom:10px; } div.widget h3{ font-size:180%; color:#1b1606; margin-bottom:8px; font-weight:normal; } div.widget div.content { background:url(../images/content/widget-middle.jpg) left top repeat-y; } div.widget div.content div.content-top{ background:url(../images/content/widget-top.jpg) left top no-repeat; } div.widget div.content div.content-top div.content-bottom{ background:url(../images/content/widget-bottom.jpg) left bottom no-repeat; padding:10px 6px; } div#archives p { margin-bottom:8px; color:#23424c; font-size:110%; font-weight:bold; line-height:12px; } div#archives ul.latest{ margin-bottom:10px; background:url("../images/content/widget-border.gif") no-repeat scroll left bottom ; padding-bottom:10px; } /*---- Comments ----*/ div#comments{ background:url("../images/content/separator.png") no-repeat scroll left top transparent; padding-top:14px; margin-bottom:28px; } div#comments h1{ font-size:280%; color:#23424c; margin-bottom:20px; } div#comments div.comments-numbers { background:url(../images/content/comment-bg.gif) left top no-repeat; display:block; float:left; padding-left:5px; height:37px; margin-right:6px; } div#comments div.comments-numbers a{ background:url(../images/content/comment-bg.gif) right bottom no-repeat; display:block; float:left; padding-right:5px; height:37px; line-height:26px; font-size:200%; color:#23424c; } div#comments div.comments-numbers a:hover { text-decoration:none; } div#comments div.comments-middle{ background:url(../images/content/comment-middle.gif) left top repeat-y; clear:both; } div#comments div.comments-middle div.comments-top{ background:url(../images/content/comment-top.gif) left top no-repeat; } div#comments div.comments-middle div.comments-top div.comments-bottom { background:url(../images/content/comment-bottom.gif) left bottom no-repeat; padding:16px; } div#comments div.metadata{ float:left; width:108px; text-align:right; margin-right:34px; } div#comments div.metadata span.datestamp{ font-size:90%; color:#23424c; line-height:14px; } div#comments div.metadata a{ color:#00a6dd !important; line-height:17px; font-size:110%; } div#comments ul li { margin-bottom:20px; } div#comments div.comment-details{ float:left; width:328px; } div#comments div.comment-details h3{ font-size:180%; color:#23424c; margin-bottom:10px; line-height:18px; font-weight:normal; } div#comments div.comment-details p{ font-size:110%; line-height:14px; margin-bottom:14px; color:#23424c; } /*---- Comment Form ----*/ div#comment-form{ background:url("../images/content/separator.png") no-repeat scroll left top transparent; padding-top:14px; width:497px; margin:0 auto; } div#comment-form h1{ font-size:280%; color:#23424c; margin-bottom:12px; } div#comment-form ul li { margin-bottom:7px; } div#comment-form ul li p{ float:left; width:50%; } div#comment-form ul li label{ font-size:140%; color:#23424c; display:block; margin-bottom:3px; } div#comment-form ul li label small { font-size:65%; color:#8a9592; font-style:italic; } div#comment-form ul li input.textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox.gif) left top no-repeat; width:481px; font-size:120%; color:#23424c; } div#comment-form ul li input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small.gif) left top no-repeat; width:222px; font-size:120%; color:#23424c; } div#comment-form ul li span.notify { float:left; width:260px; } div#comment-form ul li span.notify label { display:inherit; } div#comment-form ul li span.notify input.checkbox{ float:left; margin:0px 5px 0px 0px; } div#comment-form ul li input.submit { float:right; background:url(../images/content/submit-comment.jpg) left top no-repeat; width:149px; height:37px; border:0px; margin:0px; cursor:pointer; } div#comment-form ul li input.submit:hover { background:url(../images/content/submit-comment-hover.jpg) left top no-repeat; width:149px; height:37px; border:0px; } div#comment-form ul li span.textarea { background:url(../images/content/textarea-middle.gif) left top repeat-y; display:block; } div#comment-form ul li span.textarea span.textarea-top{ background:url(../images/content/textarea-top.gif) left top no-repeat; display:block; } div#comment-form ul li span.textarea span.textarea-top span.textarea-bottom{ background:url(../images/content/textarea-bottom.gif) left bottom no-repeat; display:block; padding:8px; } div#comment-form ul li span.textarea span.textarea-top span.textarea-bottom textarea{ width:99%; border:0; background:none; font-family:Verdana, Geneva, sans-serif; font-size:120%; color:#23424c; } /*------------------------------------------ // 8.1 ABOUT STAFF PAGE SPECIFIC STYLES //------------------------------------------*/ div#staff{ margin-bottom:20px; } div#staff div.box5 div.middle , div#directors div.box5 div.middle{ padding:9px 18px 5px 18px; } div#staff h2 , div#directors h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; } div#directors ul.list4 li div.entry{ width:auto;} /*------------------------------------------ // 9.1 GET INVOLVED PAGE SPECIFIC STYLES //------------------------------------------*/ div#request-form h2{ font-size:360%; color:#f2eadb; margin-bottom:8px; text-transform:uppercase; font-weight:normal; } div#request-form p { font-size:120%; line-height:14px; margin-bottom:12px; color:#23424c; } div#request-form div.box5 div.middle{ padding:20px; } div#request-form div.box5 div.form{ background:url(../images/content/border.gif) left top no-repeat; padding-top:22px; } div#request-form ul li { margin-bottom:10px; } div#request-form ul li p{ float:left; width:50%; margin-bottom:0px; } div#request-form ul li label{ font-size:140%; color:#607376; display:block; margin-bottom:3px; } div#request-form ul li p label{ font-size:120%; } div#request-form ul li label small { font-size:65%; color:#8a9592; font-style:italic; } div#request-form ul li input.textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox.gif) left top no-repeat; width:481px; font-size:130%; color:#23424C; } div#request-form ul li input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small.gif) left top no-repeat; width:222px; font-size:110%; color:#23424C; } div#request-form ul li p.small{ width:150px; float:left; margin-right:22px; } div#request-form ul li p.small.last{ margin-right:0px; } div#request-form ul li p.small input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small1.gif) left top no-repeat; width:150px; font-size:110%; color:#23424C; } div#request-form ul li p.small1{ width:108px; margin-right:18px; } div#request-form ul li p.small1 input.small-textbox1{ border:0; padding:6px 8px; background:url(../images/content/small-textbox1.gif) left top no-repeat; width:92px; font-size:110%; color:#23424C; } div#request-form ul li p.small2{ width:188px; margin-right:24px; } div#request-form ul li p.small2 input.small-textbox2{ border:0; padding:6px 8px; background:url(../images/content/small-textbox2.gif) left top no-repeat; width:172px; font-size:110%; color:#23424C; } div#request-form ul li p.select { float:left; display:block; margin-right:12px; width:auto; } div#request-form ul li p.select input.radio{ float:left; margin:0px 0px 5px 0px; } div#request-form ul li p.select label { float:left; font-size:90%; line-height:12px; margin-left:5px; } div#request-form ul li p.select span.left , div#request-form ul li p.select span.right{ margin-bottom:-4px; position:relative; float:left; } div#request-form ul li input.submit { float:right; background:url(../images/content/submit-form.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:0px 10px 0px 0px; cursor:pointer; } div#request-form ul li input.submit:hover { float:right; background:url(../images/content/submit-form-hover.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:0px 10px 0px 0px; } div#request-form ul li span.textarea { background:url(../images/content/textarea-middle.gif) left top repeat-y; display:block; } div#request-form ul li span.textarea span.textarea-top{ background:url(../images/content/textarea-top.gif) left top no-repeat; display:block; } div#request-form ul li span.textarea span.textarea-top span.textarea-bottom{ background:url(../images/content/textarea-bottom.gif) left bottom no-repeat; display:block; padding:8px; } div#request-form ul li span.textarea span.textarea-top span.textarea-bottom textarea{ width:98%; border:0; background:none; font-family:Verdana, Geneva, sans-serif; font-size:120%; color:#23424C; } /*------------------------------------------ // 9.1 CHURCH CONNECTION PAGE SPECIFIC STYLES //------------------------------------------*/ div#church-connection div.box5 div.middle{ padding:20px 18px; } div#church-connection h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; margin-bottom:8px; } div#church-connection p{ font-size:120%; color:#23424c; line-height:14px; margin-bottom:8px; } div#church-connection h3{ font-size:240%; font-weight:normal; color:#23424c; margin-bottom:10px; line-height:20px; } /*------------------------------------------ // 10.1 PASTORS CONNECTION PAGE SPECIFIC STYLES //------------------------------------------*/ div#pastors-connection div.box5 div.middle{ padding:10px 23px; } div#pastors-connection h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; margin-bottom:8px; } div#pastors-connection p{ font-size:120%; color:#23424c; line-height:14px; margin-bottom:8px; } div#pastors-connection h3{ font-size:240%; font-weight:normal; color:#23424c; margin-bottom:10px; line-height:20px; } div#pastors-connection div.frame1{ background:url(../images/content/frame1.gif) left top no-repeat; padding:3px; margin-bottom:14px; } div#pastors-connection div.post { background:url("../images/content/separator.png") no-repeat scroll left bottom transparent; margin-bottom:18px; padding-bottom:22px; } /*---- Details Form ----*/ div#details-form h1{ font-size:280%; color:#23424c; margin-bottom:12px; } div#details-form ul li { margin-bottom:7px; } div#details-form ul li p{ float:left; width:50%; margin-bottom:0px; } div#details-form ul li label{ font-size:140%; color:#576c6f; display:block; margin-bottom:3px; line-height:16px; } div#details-form ul li label small { font-size:65%; color:#8a9592; font-style:italic; } div#details-form ul li input.textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox.gif) left top no-repeat; width:481px; font-size:130%; color:#23424c; } div#details-form ul li input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small.gif) left top no-repeat; width:222px; font-size:110%; color:#23424c; } div#details-form ul li span.notify { float:left; width:260px; } div#details-form ul li span.notify label { display:inherit; } div#details-form ul li span.notify input.checkbox{ float:left; margin:0px 5px 0px 0px; } div#details-form ul li input.submit { float:right; background:url(../images/content/submit-form.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:0px 10px 0px 0px; cursor:pointer; } div#details-form ul li input.submit:hover { float:right; background:url(../images/content/submit-form-hover.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:0px 10px 0px 0px; } div#details-form ul li span.textarea { background:url(../images/content/textarea-middle.gif) left top repeat-y; display:block; } div#details-form ul li span.textarea span.textarea-top{ background:url(../images/content/textarea-top.gif) left top no-repeat; display:block; } div#details-form ul li span.textarea span.textarea-top span.textarea-bottom{ background:url(../images/content/textarea-bottom.gif) left bottom no-repeat; display:block; padding:8px; } div#details-form ul li span.textarea span.textarea-top span.textarea-bottom textarea{ width:99%; border:0; background:none; font-family:Verdana, Geneva, sans-serif; font-size:120%; color:#23424c; } /*------------------------------------------ // 11.1 SHARE STORY PAGE SPECIFIC STYLES //------------------------------------------*/ div#share-story div.box5 div.middle{ padding:10px 23px; } div#share-story h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; margin-bottom:8px; } div#share-story p{ font-size:120%; color:#23424c; line-height:14px; margin-bottom:14px; } div#share-story p span.email { font-size:120%; } div#share-story p a{ color:#00a6dd !important; text-decoration:underline; font-size:120%; } div#share-story h3{ font-size:240%; font-weight:normal; color:#23424c; margin-bottom:10px; line-height:20px; } div#share-story div.frame2{ background:url(../images/content/frame2.gif) left top no-repeat; padding:3px; margin:0px 0px 0px 8px; } div#testimonials { background:url(../images/content/testimonials-middle.gif) left top repeat-y; } div#testimonials div.testimonials-top { background:url(../images/content/testimonials-top.gif) left top no-repeat; } div#testimonials div.testimonials-top div.testimonials-bottom { background:url(../images/content/testimonials-bottom.gif) left bottom no-repeat; padding:16px 18px 25px; } div#testimonials h4{ font-weight:normal; font-size:180%; color:#23424c; margin-bottom:8px; } div#testimonials div.testimonial { background:url(../images/content/border2.gif) left bottom no-repeat; padding-bottom:14px; margin-bottom:14px; } div#testimonials div.testimonial.last{ padding-bottom:0px; margin-bottom:0px; background:none; } div#testimonials div.testimonial blockquote { background:url(../images/content/quote-top.gif) left top no-repeat; padding-left:19px; } div#testimonials div.testimonial blockquote p { font-style:italic; background:url(../images/content/quote-bottom.gif) right bottom no-repeat; padding-right:20px; margin-bottom:0px; } div#testimonials div.testimonial cite{ display:block; text-align:right; font-style:normal; font-size:120%; color:#23424c; font-weight:bold; line-height:14px; } div#testimonials div.testimonial cite a{ color:#23424c !important; } div#testimonials div.testimonial small{ display:block; text-align:right; font-weight:bold; font-size:100%; color:#7b8d92; line-height:14px; } /*------------------------------------------ // 11.1 GET INVOLVED PAGE SPECIFIC STYLES //------------------------------------------*/ div#get-involved div.box5 div.middle{ padding:18px; } div#get-involved h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; margin-bottom:8px; } div#get-involved p{ font-size:110%; color:#23424c; line-height:14px; margin-bottom:14px; } div#get-involved h3{ font-size:240%; font-weight:normal; color:#23424c; margin-bottom:6px; line-height:20px; } /*------------------------------------------ // 12.1 CHURCH CONNECTION SPREADING PAGE SPECIFIC STYLES //------------------------------------------*/ div#church-connection-spreading h2{ font-size:360%; color:#f2eadb; margin-bottom:8px; text-transform:uppercase; font-weight:normal; } div#church-connection-spreading div.box5 div.middle{ padding:20px 18px; } div#church-connection-spreading p { font-size:110%; color:#23424c; line-height:14px; } div#church-connection-spreading p a{ color:#00a6dd !important; } div#sociable { float:right; background:url(../images/content/sociable-bg.gif) left top no-repeat; padding:20px 14px 25px 22px; width:216px; margin:0px 0px 20px 17px; } div#sociable a.button3{ margin-bottom:14px; } div#sociable a.button3 span.right { padding-right:14px; } div#sociable a.button3 span.right span.arrow{ width:180px; float:left; padding-right:12px; } div#sociable a.button3 span.highlight{ color:#fff !important; padding:0; } /*------------------------------------------ // 13.1 GET INVOLVED VOLUNTEER PAGE SPECIFIC STYLES //------------------------------------------*/ div#volunteer h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; margin-bottom:8px; } div#volunteer p { font-size:120%; line-height:14px; margin-bottom:12px; color:#23424c; } div#volunteer div.box5 div.middle{ padding:20px; } div#volunteer div.box5 div.form{ background:url(../images/content/border.gif) left top no-repeat; padding-top:22px; } div#volunteer div.intersted-area h4{ font-size:180%; color:#576c6f; font-weight:normal; margin-bottom:16px; } div#volunteer ul li { margin-bottom:10px; } div#volunteer ul li p{ float:left; width:50%; margin-bottom:0px; } div#volunteer ul li label{ font-size:140%; color:#607376; display:block; margin-bottom:3px; } div#volunteer ul li p label{ font-size:120%; } div#volunteer ul li label small { font-size:65%; color:#8a9592; font-style:italic; } div#volunteer ul li input.textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox.gif) left top no-repeat; width:481px; font-size:130%; color:#23424C; } div#volunteer ul li input.small-textbox{ border:0; padding:3px 8px 6px; background:url(../images/content/textbox-small.gif) left top no-repeat; width:222px; font-size:125%; color:#23424C; } div#volunteer ul li p.small{ width:150px; float:left; margin-right:22px; } div#volunteer ul li p.small.last{ margin-right:0px; } div#volunteer ul li p.small input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small1.gif) left top no-repeat; width:150px; font-size:120%; color:#23424C; } div#volunteer ul li p.small1{ width:116px; margin-right:15px; } div#volunteer ul li p.small1 input.small-textbox1{ border:0; padding:6px 8px; background:url(../images/content/small-textbox1.gif) left top no-repeat; width:92px; font-size:100%; color:#23424C; } div#volunteer ul li p.small2{ width:188px; margin-right:24px; } div#volunteer ul li p.small2 input.small-textbox2{ border:0; padding:6px 8px; background:url(../images/content/small-textbox2.gif) left top no-repeat; width:172px; font-size:120%; color:#23424C; } div#volunteer ul li input.submit { float:right; background:url(../images/content/submit-form.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:34px 10px 0px 0px; cursor:pointer; } div#volunteer ul li input.submit:hover { float:right; background:url(../images/content/submit-form-hover.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:34px 10px 0px 0px; } div#volunteer ul li span.textarea { background:url(../images/content/textarea-middle.gif) left top repeat-y; display:block; } div#volunteer ul li span.textarea span.textarea-top{ background:url(../images/content/textarea-top.gif) left top no-repeat; display:block; } div#volunteer ul li span.textarea span.textarea-top span.textarea-bottom{ background:url(../images/content/textarea-bottom.gif) left bottom no-repeat; display:block; padding:8px; } div#volunteer ul li span.textarea span.textarea-top span.textarea-bottom textarea{ width:95%; border:0; background:none; font-family:Verdana, Geneva, sans-serif; font-size:130%; color:#23424c; } div#volunteer div.intersted-area ul li { margin-bottom:10px; } div#volunteer div.intersted-area ul li input.checkbox { float:left; margin:0px 8px 0px 0px; } div#volunteer div.intersted-area ul li label { float:left; width:470px; line-height:12px; } /*------------------------------------------ // 14.1 COMPLETED PROJECTS PAGE SPECIFIC STYLES //------------------------------------------*/ div#completed-projects h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; margin-bottom:8px; } div#completed-projects div.box5 div.top { background:url(../images/content/box5-top1.gif) left top no-repeat; height:8px; } div#completed-projects div.box5 div.middle{ padding:0px; } div#completed-projects div.box5 div.middle div.inner { background:url(../images/content/box5-middle-top.gif) left top no-repeat; padding:0px 8px 12px; } ul#tabs-strips { margin-bottom:3px; top:-3px; position:relative; } ul#tabs-strips li { float:left; margin-right:9px; } ul#tabs-strips li a { background:url(../images/content/tabs.gif) left -184px no-repeat; display:block; height:46px; float:left; padding-left:10px; line-height:46px; font-size:150%; color:#23424c !important; } ul#tabs-strips li a span.right{ background:url(../images/content/tabs.gif) right -230px no-repeat; display:block; height:46px; float:left; padding-right:10px; } ul#tabs-strips li.ui-state-hover a:hover { background:url(../images/content/tabs.gif) left -92px no-repeat; color:#00a6dd !important; text-decoration:none; } ul#tabs-strips li.ui-state-hover a:hover span.right{ background:url(../images/content/tabs.gif) right -138px no-repeat; } ul#tabs-strips li.ui-state-active a { background:url(../images/content/tabs.gif) left 0px no-repeat; color:#00a6dd !important; } ul#tabs-strips li.ui-state-active a span.right { background:url(../images/content/tabs.gif) right -46px no-repeat; } div#completed-projects p.select { float:right; width:350px; font-size:110%; color:#23424c; margin-top:20px; } div.slideshow1 { margin-bottom:5px; padding-bottom:5px; } div.slideshow1 div.slides{ float:left; width:385px; position:relative; padding:0px 18px; } div.slideshow1 h4{ font-size:120%; margin:12px 10px 0; color:#465c61; font-weight:normal; float:left; } div.slideshow1 div.slides div.left{ background:url(../images/content/left-corner.gif) left top no-repeat; padding-left:14px; display:block; float:left; } div.slideshow1 div.slides div.left div.right{ background:url(../images/content/right-corner.gif) right top no-repeat; padding-right:14px; display:block; float:left; } div.slideshow1 div.slides div.left div.right div.middle{ background:#bcb5aa; padding:6px 0px !important; height:25px !important; display:block; float:left; width:344px; } ul.tabs-strips1 li{ float:left; margin-right:3px; } ul.tabs-strips1 li a{ background:url(../images/content/button.gif) left -104px no-repeat; display:block; float:left; height:26px; padding-left:10px; line-height:26px; font-size:120%; color:#23424c !important; } ul.tabs-strips1 li a:hover{ text-decoration:none; } ul.tabs-strips1 li a span.right{ background:url(../images/content/button.gif) right -130px no-repeat; display:block; float:left; height:26px; padding-right:10px; } ul.tabs-strips1 li.ui-state-hover a:hover{ background:url(../images/content/button.gif) left -52px no-repeat; color:#fff !important; } ul.tabs-strips1 li.ui-state-hover a:hover span.right{ background:url(../images/content/button.gif) right -78px no-repeat; } ul.tabs-strips1 li.ui-state-active a { background:url(../images/content/button.gif) left 0px no-repeat; color:#fff !important; } ul.tabs-strips1 li.ui-state-active a span.right{ background:url(../images/content/button.gif) right -26px no-repeat; color:#fff !important; } div#completed-projects div.slideshow1 a.previous{ position:absolute; left:-34px; top:8px; background:url(../images/content/previous1.gif) left top no-repeat; display:block; width:15px; height:21px; } div#completed-projects div.slideshow1 a.next{ position:absolute; right:-34px; top:8px; background:url(../images/content/next.gif) left top no-repeat; display:block; width:15px; height:21px; } div#completed-projects div.slideshow1 a:hover{ text-decoration:none; } div#completed-projects span.total-images{ float:right; font-size:90%; color:#576c6f; } div#completed-projects h3{ font-weight:normal; font-size:160%; color:#576c6f; } div#completed-projects div.thumbnails { margin:6px 0px 0px; } div#completed-projects div.frame {background:url(../images/content/frame3.jpg) left top no-repeat; padding:3px 3px 2px; } div#completed-projects div.box5 div.middle div.frame div.inner { background:#171405; padding:0; text-align:center; } div#completed-projects div.box5 div.middle div.frame div.inner img { vertical-align:bottom; } div#completed-projects div.share { float:right; background:url(../images/content/share-bg.gif) left top no-repeat; padding:5px 8px; } div#completed-projects div.share a{ color:#91a0a5 !important; font-size:90%; margin-left:5px; line-height:14px; } div#completed-projects div.share img { vertical-align:middle; } div#completed-projects div.village-info { margin-top:12px; padding:0px 15px; width:256px; } div#completed-projects div.village-info h2{ font-size:320%; color:#23424c; font-weight:normal; margin-bottom:0px; } div#completed-projects div.village-info h5{ font-size:160%; color:#879390; font-weight:normal; } div#completed-projects div.village-info p { font-size:110%; color:#23424c; line-height:14px; } div#completed-projects div.clean-water { margin-bottom:4px; background:url("../images/content/well1.gif") no-repeat scroll left 16px transparent; float:right; padding:0px 0px 0px 22px; } div#completed-projects div.clean-water span.people { float:left; color:#778483; font-size:160%; width:94px; line-height:18px; } div#completed-projects div.clean-water span.people span.number { display:block; font-size:225%; color:#23424c; letter-spacing:-1px; } div#completed-projects div.clean-water span.peoples { float:right; width:95px; margin-top:13px; } div#completed-projects div.clean-water span.peoples span.people{ color:#5a7178; font-size:140%; } div#completed-projects div.clean-water span.peoples span.clean-water{ font-size:200%; color:#23424c; display:block; letter-spacing:-1px; } div#completed-projects div.box6{ background:#e2d9c9; width:229px; clear:both; margin-top:11px; } div#completed-projects div.box6 div.box6-top{ background:url(../images/content/box6-top.gif) left top no-repeat; height:auto; } div#completed-projects div.box6 div.box6-top div.box6-bottom { background:url(../images/content/box6-bottom.gif) left bottom no-repeat; padding:7px 9px; height:auto; } /*------------------------------------------ // 15 OUR MISSION PAGE SPECIFIC STYLES //------------------------------------------*/ div#our-mission{ margin-bottom:36px; } div#our-mission div.box5 div.middle { padding:20px; margin-bottom:0px; } div#our-mission h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; margin-bottom:10px; } div#our-mission div.post p { font-size:120%; line-height:14px; } div#our-mission div.post div.frame{ margin:0px -3px; position:relative; margin-bottom:20px; background:url(../images/content/frame4.gif) left top no-repeat; } div#our-mission div.post div.frame1{ margin:0px -3px; position:relative; margin-bottom:20px; background:url(../images/content/frame5.gif) left top no-repeat; padding:3px; } /*------------------------------------------ // 16 IMAGES FIELD PAGE SPECIFIC STYLES //------------------------------------------*/ div#field-images h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; margin-bottom:8px; } div#field-images div.box5 { margin-bottom:8px; } div#field-images div.box5 div.top { background:url(../images/content/box5-top1.gif) left top no-repeat; height:8px; } div#field-images div.box5 div.middle{ padding:0px; } div#field-images div.box5 div.middle div.inner { background:url(../images/content/box5-middle-top1.gif) left top no-repeat; padding:0px 8px 26px; } div#field-images p.select { float:right; width:350px; font-size:110%; color:#23424c; margin-top:20px; } div#field-images span.total-images{ float:right; font-size:90%; color:#576c6f; } div#field-images h3{ font-weight:normal; font-size:160%; color:#576c6f; margin-left:5px; } div#field-images div.thumbnails { margin:6px 0px 0px; } div#field-images div.frame {background:url(../images/content/frame3.jpg) left top no-repeat; padding:3px 3px 2px; } div#field-images div.box5 div.middle div.frame div.inner { background:#171405; padding:0; text-align:center; } div#field-images div.box5 div.middle div.frame div.inner img { vertical-align:bottom; } div#field-images div.share { float:right; background:url(../images/content/share-bg.gif) left top no-repeat; padding:5px 8px; } div#field-images div.share a{ color:#91a0a5 !important; font-size:90%; margin-left:5px; } div#field-images div.share img { vertical-align:middle; } div#field-images div.village-info { margin-top:12px; padding:0px 15px; } div#field-images div.village-info h2{ font-size:320%; color:#23424c; font-weight:normal; margin-bottom:0px; } div#field-images div.village-info h5{ font-size:160%; color:#879390; font-weight:normal; } div#field-images div.village-info p { font-size:110%; color:#23424c; line-height:14px; } div#field-images div.clean-water { margin-bottom:4px; background:url("../images/content/well1.gif") no-repeat scroll left bottom transparent; float:right; padding:0px 0px 0px 22px; } div#field-images div.clean-water span.people { float:left; color:#778483; font-size:160%; width:94px; line-height:18px; } div#field-images div.clean-water span.people span.number { display:block; font-size:225%; color:#23424c; letter-spacing:-1px; } div#field-images div.clean-water span.peoples { float:right; width:95px; margin-top:13px; } div#field-images div.clean-water span.peoples span.people{ color:#5a7178; font-size:140%; } div#field-images div.clean-water span.peoples span.clean-water{ font-size:200%; color:#23424c; display:block; letter-spacing:-1px; } div#field-images div.box5#featured-images div.top { background:url(../images/content/box5-top.png) left top no-repeat; height:8px;} div#field-images div.box5#featured-images div.middle{ padding:10px 8px 6px; } div#field-images div.box5#featured-images div.middle div.inner { background:none; padding:0px; } div#field-images div.box5#featured-images div.middle h3{ margin:0px 0px 16px 5px; font-size:280%; color:#23424c; font-weight:normal; } div#field-images div.box6{ background:#e2d9c9; width:229px; clear:both; margin-top:11px; } div#field-images div.box6 div.box6-top{ background:url(../images/content/box6-top.gif) left top no-repeat; height:auto; } div#field-images div.box6 div.box6-top div.box6-bottom { background:url(../images/content/box6-bottom.gif) left bottom no-repeat; padding:7px; height:auto; } div#field-images a.button3{ margin-top:8px; } div#field-images a.button3 span.right { padding-right:13px; } div#field-images a.button3 span.right img { margin-right:-6px; position:relative; left:-10px; } div#field-images div.box6 div.share{ background:none; padding:0; } div#field-images div#featured-images div.village-info { width:244px; margin-top:12px; padding:0px 15px; } div#field-images div#featured-images div.section { margin-bottom:24px; } div#field-images div#featured-images div.section.last { margin-bottom:0px; } /*------------------------------------------ // 17 EXPLORE MAP PAGE SPECIFIC STYLES //------------------------------------------*/ div#explore-map { position:relative; } div#explore-map h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; margin-bottom:3px; } div#explore-map small { color:#f1e8d8; font-size:110%; margin-bottom:12px; display:block; } div#explore-map div.box7 div.middle { padding:0; } div#explore-map div.box7 div.middle div.inner { background:url(../images/content/box7-middle-top1.gif) left top no-repeat; padding:0px 8px 1px; } div#explore-map h4{ font-size:180%; margin:12px 10px 0; color:#465c61; font-weight:normal; float:left; } div#explore-map div.left{ background:url(../images/content/left-corner.gif) left top no-repeat; padding-left:14px; float:left; } div#explore-map div.left div.right{ background:url(../images/content/right-corner.gif) right top no-repeat; padding-right:14px; float:left; } div#explore-map div.left div.right div.middle{ background:#bcb5aa ; padding:6px 0px; height:25px; } div#explore-map div.share { float:right; background:url(../images/content/share-bg1.gif) left top no-repeat; margin:23px 0 7px; padding:5px 12px; } div#explore-map div.share a{ color:#91a0a5 !important; font-size:90%; margin-left:3px; } div#explore-map div.share img { vertical-align:middle; } div#explore-map div.map { clear:both; } div#explore-map div.map img { padding:2px; border:1px solid #d0c3ae; } div#explore-map div.popup{ position:absolute; left:120px; top:230px; width:524px; } div#explore-map div.popup div.top{ background:url(../images/content/popup-top.png) left top no-repeat; height:10px; line-height:10px; } div#explore-map div.popup div.middle{ background:url(../images/content/popup-middle.png) left top repeat-y; padding:10px 20px; } div#explore-map div.popup div.bottom { background:url(../images/content/popup-bottom.png) left bottom no-repeat; height:18px; line-height:18px; } div#explore-map div.popup div.video { width:240px; float:right; margin-left:25px; } div#explore-map div.popup div.video img{ border:5px solid #fafafa; margin-bottom:10px; } div#explore-map div.popup div.video a.more-videos{ font-size:110%; color:#00a6dd; float:right; background:url(../images/content/arrow3.gif) right center no-repeat; padding-right:12px; margin-right:6px; } div#explore-map div.popup div.entry { float:left; width:217px; } div#explore-map div.popup h4{ font-size:180%; color:#23424c; font-weight:normal; margin:0 0 5px 0; float:none; } div#explore-map div.popup h5{ font-size:120%; color:#5a7179; font-weight:normal; margin-bottom:6px; } div#explore-map div.popup p { font-size:110%; line-height:14px; margin-bottom:12px; } div#explore-map div.popup a.button3 span.about{ font-size:70%; } /*------------------------------------------ // 18 SUDAN MAP PAGE SPECIFIC STYLES //------------------------------------------*/ div#our-work div#sudan h1{ width:436px; } div#our-work div#sudan div.map { background:url(../images/content/sudan-map1.jpg) left top no-repeat; } div#our-work h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; margin-bottom:8px; } div#sudan a.zoom { float:right; margin-top:78px; font-size:110%; color:#00a6dd; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; width:80px; line-height:14px; } div#sudan .button1 { margin-top:40px; } div#sudan .button1 span.right{ padding-right:18px; margin-right:-10px; position:relative; padding-right:18px; } div#our-work div.details div.progress{ margin-bottom:8px; background:url(../images/content/pregress-bg.png) left 36px no-repeat; padding:62px 0px 20px 20px; position:relative; width:210px; } div#our-work div.details div.progress div.built-wells{ position:absolute; font-size:120%; color:#597077; right:50px; top:30px; line-height:2px; width:62px; } div#our-work div.details div.progress div.built-wells span.numbers{ font-size:240%; color:#23424c; margin-left:6px; float:right; } div#our-work div.details div.progress div.built-wells span.wells , div#our-work div.details div.progress div.built-wells span.built{ display:block; } div#our-work div.details div.progress a.more{ float:right; font-size:140%; color:#979180 !important; } div#our-work div.details div.progress span.rating { background:url(../images/content/progress-rating.png) left bottom no-repeat; height:15px; width:162px; display:block; margin-bottom:5px; } div#our-work div.details div.progress span.rating span { display:block; height:15px; background:url(../images/content/progress-rating.png) left top no-repeat; } div#sudan div.post { padding:0px 12px; } div.thumbnails { position:relative; clear:both; } div.thumbnails div.tabs{ margin-left:28px; } div.thumbnails a.next-btn { position:absolute; right:0px; top:20px; display:block; background:url(../images/content/next-previous.gif) left bottom no-repeat; height:43px; width:24px; } div.thumbnails a.previous-btn { position:absolute; left:0px; top:20px; display:block; height:43px; background:url(../images/content/next-previous.gif) left top no-repeat; width:24px; } div.thumbnails a:hover{ text-decoration:none; } div.thumbnails ul li img { position:relative; z-index:1; } div.thumbnails ul li a.play{ position:absolute; display:block; background:url(../images/content/play-button.png) left top no-repeat; width:66px; height:39px; z-index:20; left:20px; top:20px; } div.thumbnails a.next , div.thumbnails a.next1 { position:absolute; right:0px; top:76px; display:block; background:url(../images/content/next-previous.gif) left bottom no-repeat; height:43px; width:24px; } div.thumbnails a.previous , div.thumbnails a.previous1 { position:absolute; left:0px; top:76px; display:block; height:43px; background:url(../images/content/next-previous.gif) left top no-repeat; width:24px; } div#sudan div#photos , div#sudan div#videos { background:url(../images/content/divider3.gif) left top no-repeat; padding-top:30px; } div#sudan div#photos h3 , div#sudan div#videos h3{ font-size:180%; color:#1b1606; text-transform:uppercase; margin-bottom:8px; font-weight:normal; } div.box3.sudan div.middle{ padding-top:0px; } /*------------------------------------------ // 19 DONATE PAGE SPECIFIC STYLES //------------------------------------------*/ div#donate-form h2{ font-size:360%; color:#f2eadb; text-transform:uppercase; font-weight:normal; margin-bottom:8px; } div#donate-form p { font-size:120%; line-height:14px; margin-bottom:12px; color:#23424c; } div#donate-form p span.required { float:right; color:#f8746c; font-size:90%; } div#donate-form div.box5 div.middle{ padding:20px 20px 10px 20px; } div#donate-form div.box5 div.form{ background:url(../images/content/border.gif) left top no-repeat; padding-top:22px; } div#donate-form ul li.divider{ background:url(../images/content/border.gif) left top no-repeat; padding-top:12px; margin:0; } div#donate-form ul li h3{ font-size:180%; color:#23424c; font-weight:normal; } div#donate-form ul li h4{ font-size:140%; color:#576c6f; font-weight:normal; margin-bottom:12px; } div#donate-form ul li h4 small{ color:#f8746c; } div#donate-form ul li { margin-bottom:10px; } div#donate-form ul li p{ float:left; width:50%; margin-bottom:0px; } div#donate-form ul li label{ font-size:140%; color:#607376; display:block; margin-bottom:3px; } div#donate-form ul li label small { color:#f8746c; } div#donate-form ul li p label{ font-size:120%; } div#donate-form ul li input.textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox.gif) left top no-repeat; width:481px; font-size:110%; color:#23424C; } div#donate-form ul li input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small.gif) left top no-repeat; width:222px; font-size:110%; color:#23424C; } div#donate-form ul li p.small{ width:150px; float:left; margin-right:22px; } div#donate-form ul li p.small.last{ margin-right:0px; } div#donate-form ul li p.small input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small1.gif) left top no-repeat; width:150px; font-size:110%; color:#23424C; } div#donate-form ul li p.card-type{ width:108px; } div#donate-form ul li p.card-number { width:188px; margin-right:26px; } div#donate-form ul li p.card-number input.textbox{ background:url(../images/content/textbox3.gif) left top no-repeat; } div#donate-form ul li p.expire-date { width:170px; margin-right:0px; } div#donate-form ul li p.expire-date span.date{ float:left; } div#donate-form ul li p.expire-date span.year{ float:right; } div#donate-form ul li p.card-verification input.textbox{ float:left; width:51px; margin-right:7px; background:url(../images/content/samll-textbox.gif) left top no-repeat; } div#donate-form ul li p.card-verification a{ float:left; margin-top:5px; text-decoration:underline; color:#8a9592; } div#donate-form ul li p.state { width:153px; margin-right:15px; } div#donate-form ul li p.zip { margin-right:0px; } div#donate-form ul li.amount p {width:100%; } div#donate-form ul li.amount p span{ float:left; margin-right:9px; } div#donate-form ul li.amount p { float:none; margin-bottom:10px; } div#donate-form ul li.amount p input.radio { margin:0px 10px 0px 0px; vertical-align:middle; float:left; } div#donate-form ul li.amount p label { float:left; font-size:90%; } div#donate-form ul li.amount p input.textbox { width:88px; margin:-6px 5px 0px; position:relative; background:url(../images/content/textbox2.gif) left top no-repeat; } div#donate-form ul li.last { margin-top:34px; margin-bottom:0px; } div#donate-form ul li input.submit { float:right; background:url(../images/content/submit-form.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:0px 10px 0px 0px; cursor:pointer; } div#donate-form ul li input.submit:hover { float:right; background:url(../images/content/submit-form-hover.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:0px 10px 0px 0px; } /*------------------------------------------ // 20 CHRISTIAN FELLOWSHIP SPECIFIC STYLES //------------------------------------------*/ div#christian-fellowship h2{ font-size:360%; color:#f2eadb; margin-bottom:0px; text-transform:uppercase; font-weight:normal; } div#christian-fellowship div.box5 div.middle{ padding:20px 20px 10px 20px; } div#christian-fellowship div.post { margin-bottom:0px; } div#christian-fellowship div.post p{ font-size:110%; } div#christian-fellowship div.post p strong{ font-size:110%; } div#christian-fellowship div.post div.raising-money { float:right; background:url(../images/content/adopt-video-middle.gif) left top repeat-y; margin:0px 0px 20px 16px; width:233px; } div#christian-fellowship div.post div.raising-money div.raising-money-top { background:url(../images/content/adopt-video-top.gif) left top no-repeat; } div#christian-fellowship div.post div.raising-money div.raising-money-top div.raising-money-bottom { background:url(../images/content/adopt-video-bottom.gif) left bottom no-repeat; padding:12px 12px 12px 14px; } div#christian-fellowship div.post div.raising-money div.video { padding-bottom:14px; margin-bottom:6px; background:url(../images/content/video-border.gif) left bottom no-repeat; } div#christian-fellowship div.post div.raising-money h3{ font-weight:normal; color:#23424c; font-size:280%; background:url(../images/content/well.gif) left 7px no-repeat; padding:6px 0px 0px 22px; margin-bottom:0; line-height:16px; } div#christian-fellowship div.post div.raising-money h3 span.sudan{ float:right; } div#christian-fellowship div.post div.raising-money h3 span.raising-money{ color:#5a7178; font-size:45%; line-height:12px; text-align:right; margin-right:5px; display:block; float:right; } div#christian-fellowship div.post div.raising-money h3 span.build-well{ color:#5a7178; font-size:45%; line-height:12px; text-align:right; margin-right:5px; display:block; float:right; } div#christian-fellowship div.post div.raising-money a.button3{ margin-left:14px; position:relative; bottom:-24px; } div#christian-fellowship div.post h4{ font-size:210%; font-weight:normal; color:#23424c; background:url(../images/content/border-bottom2.gif) left top no-repeat; padding-top:22px; } div#christian-fellowship div.rating { margin-bottom:4px; } div#christian-fellowship div.rating h4{ background:url(../images/content/drop2.png) center bottom no-repeat; padding:0 ; font-size:180%; color:#23424c; font-weight:normal; margin-right:70px; margin-top:5px; margin-bottom:3px; padding:0 0 9px; } div#christian-fellowship div.rating span.rating{ display:block; background:url(../images/content/ratings.gif) left top no-repeat; height:11px; width:210px; clear:both; } div#christian-fellowship div.rating span.rating span{ display:block; background:url(../images/content/ratings.gif) left bottom no-repeat; height:11px; } div#christian-fellowship div.rating h4.raised { margin-right:83px; } div#christian-fellowship p.prices { font-size:160%; color:#23424c; margin-bottom:5px; width:206px; } div#christian-fellowship div#fellowship { background:url(../images/content/separator.png) no-repeat scroll left top ; padding:26px 0px ; } div#christian-fellowship div#fellowship a.button3{ margin-right:18px; } div#christian-fellowship div#fellowship a.button3 span.highlight{ color:#fff; padding:0; } div#christian-fellowship div#fellowship h4{ font-size:210%; font-weight:normal; color:#23424c; margin-bottom:16px; } div#adopt-a-village h5{ font-size:180%; color:#1b1606; margin-bottom:13px; font-weight:normal; } div#adopt-a-village div.middle { padding-top:0px; } div#adopt-a-village div.section { background:url(../images/content/box8-glow.gif) left top no-repeat; padding:22px 13px 24px 14px; } div#adopt-a-village div.section h2{ font-size:280%; color:#23424c; font-weight:normal; } div#adopt-a-village div.section h4{ font-size:160%; color:#5a7178; margin-bottom:6px; font-weight:normal; } div#adopt-a-village div.section img { margin-bottom:6px; } div#adopt-a-village div.section p { font-size:110%; color:#23424c; line-height:14px; } div#adopt-a-village div.section div.video { background:url(../images/content/divider.png) no-repeat scroll left bottom ; padding-bottom:12px; margin-bottom:12px; } div#adopt-a-village div.section div.video a.play{ position:absolute; display:block; background:url(../images/content/video-play1.png) left top no-repeat; width:66px; height:39px; z-index:20; left:70px; top:45px; } /*------------------------------------------ // 20 CHRISTIAN FELLOWSHIP SPECIFIC STYLES //------------------------------------------*/ div#adopt-village h2{ font-size:360%; color:#f2eadb; margin-bottom:0px; text-transform:uppercase; font-weight:normal; } div#adopt-village div.box5{ margin-bottom:10px; } div#adopt-village div.box5 div.middle{ padding:9px 24px 14px; } div#adopt-village h4{ font-size:260%; font-weight:normal; color:#23424c; } div#adopt-village div.section1 { background:url(../images/content/adopt-glow.gif) left top no-repeat; padding:11px; } div#adopt-village div.section1 a.button1 span.right { padding-right:15px; } div#adopt-village div.section1 h2{ font-size:360%; color:#23424c; font-weight:normal; background:url(../images/content/well2.gif) left 5px no-repeat; padding-left:40px; width:194px; line-height:1px; } div#adopt-village div.section1 h2 span.well{ font-size:40%; color:#5f757c; line-height:12px; display:block; margin-bottom:5px; } div#adopt-village h5{ font-size:160%; color:#576c6f; font-weight:normal; margin-left:3px; margin-bottom:10px; } div#adopt-village ul.list7{ width:334px; } div#why-adopt-village img , div#how-it-works img{ float:right; margin-left:12px; } div#how-it-works p { font-size:110%; line-height:14px; color:#23424c; margin-bottom:12px; } /*------------------------------------------ // 21 CONTACT SPECIFIC STYLES //------------------------------------------*/ div#contact-form h2{ font-size:360%; color:#f2eadb; margin-bottom:8px; text-transform:uppercase; font-weight:normal; } div#contact-form div.box5 div.middle{ padding:14px 20px; } div#contact-form div.adr { padding-bottom:22px; background:url("../images/content/border.gif") no-repeat scroll left bottom ; margin-bottom:14px; } div#contact-form div.adr p { font-size:120%; line-height:14px; width:272px; color:#23424c; } div#contact-form div.adr span.phone {float:right; } div#contact-form div.form ul li { margin-bottom:10px; } div#contact-form div.form label { display:block; color:#576c6f; font-size:140%; margin-bottom:4px; line-height:14px; } div#contact-form div.form input.textbox { background:url("../images/content/textbox.gif") no-repeat scroll left top ; border:0 none; color:#23424C; font-size:110%; padding:6px 8px; width:481px; } div#contact-form ul li span.textarea { background:url(../images/content/textarea-middle.gif) left top repeat-y; display:block; } div#contact-form ul li span.textarea span.textarea-top{ background:url(../images/content/textarea-top.gif) left top no-repeat; display:block; } div#contact-form ul li span.textarea span.textarea-top span.textarea-bottom{ background:url(../images/content/textarea-bottom.gif) left bottom no-repeat; display:block; padding:8px; } div#contact-form ul li span.textarea span.textarea-top span.textarea-bottom textarea{ width:99%; border:0; background:none; font-family:Verdana, Geneva, sans-serif; color:#23424C; font-size:110%; } div#contact-form ul li input.submit { float:right; background:url(../images/content/submit-form.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:0px 10px 0px 0px; cursor:pointer; } div#contact-form ul li input.submit:hover { float:right; background:url(../images/content/submit-form-hover.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:0px 10px 0px 0px; } div#contact-form ul li.last label { float:none; display:inline; } div#contact-form ul li.last input.checkbox { margin:12px 4px 0px 0px; } /*------------------------------------------ // 22 SIGN UP SPECIFIC STYLES //------------------------------------------*/ div#sign-up-form h2{ font-size:360%; color:#f2eadb; margin-bottom:8px; text-transform:uppercase; font-weight:normal; } div#sign-up-form div.box5 div.middle{ padding:14px 20px; } div#sign-up-form div.info { padding-bottom:18px; margin-bottom:14px; background:url("../images/content/border.gif") no-repeat scroll left bottom ; } div#sign-up-form p { font-size:120%; line-height:14px; color:#3D565D; } div#sign-up-form div.form small { font-size:84%; color:#8a9592; display:block; font-style:italic; line-height:19px; } div#sign-up-formdiv.form ul li { margin-bottom:10px; } div#sign-up-form div.form label { display:block; color:#576c6f; font-size:140%; line-height:14px; } div#sign-up-form div.form input.textbox { background:url("../images/content/textbox.gif") no-repeat scroll left top ; border:0 none; color:#23424C; font-size:110%; padding:6px 8px; width:481px; } div#sign-up-form div.form input.textbox-affiliate { background:url(../images/content/affiliate-textbox.gif) left top no-repeat; width:361px; border:0; color:#23424C; font-size:110%; padding:6px 8px; } div#sign-up-form div.form input.file_1 { border:#D5CEC0 2px solid; padding:2px 0 3px 3px; border-right:0; } div#sign-up-form ul li { margin-bottom:7px; } div#sign-up-form ul li p{ float:left; margin-right:20px; } div#sign-up-form ul li input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small.gif) left top no-repeat; width:222px; font-size:110%; color:#23424c; } div#sign-up-form ul li p.affiliate { margin-right:0px; } div#sign-up-form ul li span.affiliate { float:left; margin-right:20px; margin-top:4px; } div#sign-up-form ul li span.affiliate label { display:inline; font-size:110%; vertical-align:middle; } div#sign-up-form ul li span.affiliate input.radio { margin:0px 6px 0px 0px; vertical-align:middle; } div#sign-up-form ul li p.small{ width:150px; float:left; margin-right:20px; } div#sign-up-form ul li p.small.last{ margin-right:0px; } div#sign-up-form ul li p.small input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small1.gif) left top no-repeat; width:150px; font-size:110%; color:#23424C; } div#sign-up-form ul li span.textarea { background:url(../images/content/textarea-middle.gif) left top repeat-y; display:block; width:497px; } div#sign-up-form ul li span.textarea span.textarea-top{ background:url(../images/content/textarea-top.gif) left top no-repeat; display:block; } div#sign-up-form ul li span.textarea span.textarea-top span.textarea-bottom{ background:url(../images/content/textarea-bottom.gif) left bottom no-repeat; display:block; padding:8px; } div#sign-up-form ul li span.textarea span.textarea-top span.textarea-bottom textarea{ width:99%; border:0; background:none; font-family:Verdana, Geneva, sans-serif; font-size:110%; color:#23424c; } div#sign-up-form ul li input.submit { float:right; background:url(../images/content/submit-form.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:0px 20px 0px 0px; cursor:pointer; } div#sign-up-form ul li input.submit:hover { float:right; background:url(../images/content/submit-form-hover.jpg) left top no-repeat; } div#sign-up-form ul li.last label { float:none; display:inline; line-height:30px; font-size:110%; } div#sign-up-form ul li.last label a{ color:#00a6dd !important; } div#sign-up-form ul li.last input.checkbox { margin:0px 4px 0px 0px; vertical-align:middle; } div#sign-up-form ul li p.location { margin-right:0px; } div#sign-up-form ul li p.location span.location { float:left; margin-right:20px; margin-top:4px; } div#sign-up-form ul li p.location span.location label { display:inline; font-size:110%; color:#8a9592; } /*------------------------------------------ // 23 INTERNSHIPS SPECIFIC STYLES //------------------------------------------*/ div.internships h2{ font-size:360%; color:#f2eadb; margin-bottom:0px; text-transform:uppercase; font-weight:normal; margin-bottom:8px; } div.internships div.box5 div.middle{ padding:14px 20px; } div.internships p { font-size:120%; line-height:14px; color:#23424c; } div.internships ul.list7 { list-style:none; margin-left:0; } div.internships ul.list7 li { font-size:120%; } div.internships h3{ font-size:260%; margin-bottom:5px; } div.internships ul.list8 { margin-left:12px; list-style:none; } div.internships ol.list1 { margin-left:35px; } div.internships ol.list1 li { font-size:120%; margin-bottom:10px; line-height:14px; } div.internships small { display:block; font-size:100%; font-style:italic; margin-bottom:24px; line-height:16px; color:#23424C} div.internships p.adr strong{ font-size:120%; } div.internships div.testimonials { background:url(../images/content/testimonials-middle.gif) left top repeat-y; margin-bottom:24px; } div.internships div.testimonials div.testimonials-top { background:url(../images/content/testimonials-top.gif) left top no-repeat; } div.internships div.testimonials div.testimonials-top div.testimonials-bottom { background:url(../images/content/testimonials-bottom.gif) left bottom no-repeat; padding:60px 18px 40px; } div.internships div.testimonials div.testimonial { top:-40px; position:relative; } div.internships blockquote { background:url(../images/content/quote-top.gif) left top no-repeat; padding-left:19px; } div.internships blockquote p { font-style:italic; background:url(../images/content/quote-bottom.gif) right bottom no-repeat; padding-right:20px; margin-bottom:0px; } div.internships cite{ display:block; text-align:right; font-style:normal; font-size:120%; color:#23424c; font-weight:bold; line-height:14px; } div.internships cite a{ color:#23424c !important; } /*--new css start--*/ /*------------------------------------------ // 24 GIVE WATER FORM SPECIFIC STYLES //------------------------------------------*/ div.form ul li p.half{width:238px;} div.form li.divider{background:url("../images/content/border.gif") no-repeat scroll left bottom ; height:8px; margin-bottom:15px; border:0; outline:none;} div.form select.large{width:235px;} div.form select.medium { width:140px;} div#give-water-form h2, div#sponsor-woman-form h2{ font-size:360%; color:#f2eadb; margin-bottom:8px; text-transform:uppercase; font-weight:normal; } div#give-water-form div.box5 div.middle, div#sponsor-woman-form div.box5 div.middle{ padding:14px 20px; } div#give-water-form div.info, div#sponsor-woman-form div.info{ padding-bottom:18px; margin-bottom:14px; background:url("../images/content/border.gif") no-repeat scroll left bottom ; } div#give-water-form p, div#sponsor-woman-form p { font-size:120%; line-height:14px; color:#3D565D; } div#give-water-form div.form small, div#sponsor-woman-form div.form small { font-size:84%; color:#8a9592; display:block; font-style:italic; line-height:19px; } div#give-water-form div.form ul li, div#sponsor-woman-form div.form ul li { margin-bottom:12px; } div#give-water-form div.form label, div#sponsor-woman-form div.form label{ display:block; color:#576c6f; font-size:110%; line-height:14px; margin-bottom:5px; } div#give-water-form div.form ul li label span.required, div#sponsor-woman-form div.form ul li label span.required { color:#dd4044;} div#give-water-form div.form input.textbox, div#sponsor-woman-form div.form input.textbox { background:url("../images/content/textbox.gif") no-repeat scroll left top ; border:0 none; color:#23424C; font-size:110%; padding:6px 8px; width:481px; } div#give-water-form div.form input.textbox-affiliate { background:url(../images/content/affiliate-textbox.gif) left top no-repeat; width:361px; border:0; color:#23424C; font-size:110%; padding:6px 8px; float:right;} div#give-water-form div.form input.file_1, div#sponsor-woman-form div.form input.file_1{ border:#D5CEC0 2px solid; padding:2px 0 3px 3px; border-right:0; } div#give-water-form ul li, div#sponsor-woman-form ul li { margin-bottom:7px; } div#give-water-form ul li p, div#sponsor-woman-form ul li p{ float:left; margin-right:20px; } div#give-water-form ul li input.small-textbox, div#sponsor-woman-form div.form ul li input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small.gif) left top no-repeat; width:222px; font-size:110%; color:#23424c; } div#give-water-form ul li p.affiliate { margin-right:0px; } div#give-water-form ul li span.affiliate { float:left; margin-right:20px; margin-top:4px; } div#give-water-form ul li span.affiliate label { display:inline; font-size:110%; vertical-align:middle; } div#give-water-form ul li span.affiliate input.radio { margin:0px 6px 0px 0px; vertical-align:middle; } div#give-water-form ul li p.small, div#sponsor-woman-form ul li p.small{ width:150px; float:left; margin-right:27px; } div#give-water-form p.state, div#sponsor-woman-form p.state{margin-right:27px;} div#give-water-form ul li p.small.last, div#sponsor-woman-form ul li p.small.last{ margin-right:0px; } div#give-water-form ul li p.small input.small-textbox, div#sponsor-woman-form ul li p.small input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small1.gif) left top no-repeat; width:150px; font-size:110%; color:#23424C; } div#give-water-form ul li p.small.last{margin-right:0;} div#give-water-form ul li span.textarea { background:url(../images/content/textarea-middle.gif) left top repeat-y; display:block; width:497px; } div#give-water-form ul li span.textarea span.textarea-top{ background:url(../images/content/textarea-top.gif) left top no-repeat; display:block; } div#give-water-form ul li span.textarea span.textarea-top span.textarea-bottom{ background:url(../images/content/textarea-bottom.gif) left bottom no-repeat; display:block; padding:8px; } div#give-water-form ul li span.textarea span.textarea-top span.textarea-bottom textarea{ width:99%; border:0; background:none; font-family:Verdana, Geneva, sans-serif; font-size:110%; color:#23424c; overflow:auto; } div#give-water-form ul li input.submit, div#sponsor-woman-form ul li input.submit{ float:right; background:url(../images/content/submit-form.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:0px 20px 0px 0px; cursor:pointer; } div#give-water-form ul li input.submit:hover, div#sponsor-woman-form ul li input.submit:hover{ float:right; background:url(../images/content/submit-form-hover.jpg) left top no-repeat; } div#give-water-form ul li.last label, div#sponsor-woman-form ul li.last label { float:none; display:inline; line-height:30px; font-size:110%; } div#give-water-form ul li.last label a, div#sponsor-woman-form ul li.last label a{ color:#00a6dd !important; } div#give-water-form ul li.last input.checkbox, div#sponsor-woman-form ul li.last input.checkbox { margin:0px 4px 0px 0px; position:relative; top:2px; } div#give-water-form ul li p.location { margin-right:0px; } div#give-water-form ul li p.location span.location { float:left; margin-right:20px; margin-top:4px; } div#give-water-form ul li p.location span.location label { display:inline; font-size:110%; color:#8a9592; } /*------------------------------------------ // 25 SPONSOR A WOMAN FORM SPECIFIC STYLES //------------------------------------------*/ div#sponsor-woman-form div.section{background:url("../images/content/border.gif") no-repeat scroll left bottom ; margin-bottom:15px; padding-bottom:10px;} div#sponsor-woman-form div.section.last{background:none;} div#sponsor-woman-form div.section h3{color:#576c6f; font-size:180%; margin-bottom:10px; text-transform:uppercase; font-weight:normal;} div#sponsor-woman-form ul li input.radio { margin:0px 6px 0px 0px; vertical-align:middle; } div#sponsor-woman-form div.form ul li p.onetime-payment{float:left; width:195px; margin-right:7px; } div#sponsor-woman-form div.form ul li p.monthly-payment{float:left; width:295px; } div#sponsor-woman-form div.form ul li p.onetime-payment label, div#sponsor-woman-form div.form ul li p.monthly-payment label{display:inline; font-size:100%;} div#sponsor-woman-form div.form ul li select.date{width:52px; margin-right:10px;} div#sponsor-woman-form div.form ul li select.year{width:71px; } div#sponsor-woman-form div.form ul li.same-address label{display:inline; font-size:120%;} div#sponsor-woman-form div.form ul li.same-address input.radio{position:relative; top:-2px;} /*------------------------------------------ // 26 VOLUNTOOR-FORM SPECIFIC STYLES //------------------------------------------*/ div#volunteer-form h2 { font-size:360%; color:#f2eadb; margin-bottom:8px; text-transform:uppercase; font-weight:normal; } div#volunteer-form div.box5 div.middle{ padding:14px 3px 14px 20px; } div#volunteer-form div.info{ padding-bottom:18px; margin-bottom:14px; background:url("../images/content/border.gif") no-repeat scroll left bottom ; } div#volunteer-form p { font-size:120%; line-height:14px; color:#23424c; } div#volunteer-form div.form small { font-size:84%; color:#8a9592; display:block; font-style:italic; line-height:19px; } div#volunteer-form div.form ul li { margin-bottom:12px; } div#volunteer-form div.form label{ display:block; color:#576c6f; font-size:110%; line-height:14px; margin-bottom:5px; } div#volunteer-form div.form ul li label span.required { color:#dd4044;} div#volunteer-form div.form input.textbox{ background:url("../images/content/textbox.gif") no-repeat scroll left top ; border:0 none; color:#23424C; font-size:110%; padding:6px 8px; width:481px; } div#volunteer-form ul li{ margin-bottom:7px; } div#volunteer-form ul li p{ float:left; margin-right:24px; } div#volunteer-form ul li input.small-textbox{ border:0; padding:6px 8px; background:url(../images/content/textbox-small.gif) left top no-repeat; width:222px; font-size:110%; color:#23424c; } div#volunteer-form ul li input.submit { float:right; background:url(../images/content/submit-form.jpg) left top no-repeat; width:138px; height:37px; border:0px; margin:0px 25px 0px 0px; cursor:pointer; } div#volunteer-form ul li input.submit:hover{ float:right; background:url(../images/content/submit-form-hover.jpg) left top no-repeat; } div#volunteer-form ul li.last label{ float:none; display:inline; line-height:30px; font-size:110%; } div#volunteer-form ul li.last label a{ color:#00a6dd !important; } div#volunteer-form ul li.last input.checkbox{ margin:0px 4px 0px 0px; position:relative; top:2px; } /*------------------------------------------ // 26 GIVE WATER SPECIFIC STYLES //------------------------------------------*/ div#give-water h2, div#sponsor-a-woman h2 { font-size:360%; color:#f2eadb; margin-bottom:8px; text-transform:uppercase; font-weight:normal; } div#give-water div.post, div#sponsor-a-woman div.post { margin-bottom:0px;} div#give-water div.post h2, div#sponsor-a-woman div.post h2 { font-size:300%; margin-bottom:10px; font-weight:normal; text-transform:none; line-height:30px; color:#23424c; } div#give-water div.post p, div#sponsor-a-woman div.post p { font-size:120%;} div#give-water div.post p a, div#sponsor-a-woman div.post p a { color:#00a6dd; font-size:90%; text-decoration:underline;} div#give-water div.post p a.expand { margin-bottom:0px;} div#v-water div.post h2.heading1{ color:#576c6f;} /*------------------------------------------ // 27 SPONSOR A WOMAN SPECIFIC STYLES //------------------------------------------*/ div#sponsor-a-woman a.button2 { margin-left:5px;} div#sponsor-a-woman ul.list10 li{background:url(../images/content/list10-li-bg2.png) no-repeat 0 0; height:406px;} div.post div.image { float:right; position:relative; margin-left:20px;} div.post div.image a.button2 { position:absolute; bottom:28px; left:17%;} div#sponsor-a-woman div.box11-bottom{min-height:410px;} /*------------------------------------------ // 28 ADOPT A VILLAGE SPECIFIC STYLES //------------------------------------------*/ div#adopt-a-village1 div.box10 div.middle{padding-bottom:0;} div#adopt-a-village1 h2 { font-size:360%; color:#f2eadb; margin-bottom:8px; text-transform:uppercase; font-weight:normal; } div#adopt-a-village1 div.post { margin-bottom:0px;} div#adopt-a-village1 div.post h2 { font-size:300%; margin-bottom:10px; font-weight:normal; text-transform:none; line-height:30px; color:#23424c; } div#adopt-a-village1 div.post p { font-size:120%;} div#adopt-a-village1 div.post h2.heading1{ color:#576c6f;} div#adopt-a-village1 div.post p a { color: #00A6DD; font-size: 90%; text-decoration: underline;} div#adopt-a-village1 div.equation{background:url(../images/content/equation-bg.png) no-repeat 0 0; height:147px; position:relative; margin:-40px 0 -30px 0; padding:20px 0 0 23px;} div#adopt-a-village1 div.equation div.providing{width:205px; float:left; text-align:right; margin-right:10px;} div#adopt-a-village1 div.equation span.title{font-size:220%; color:#647980; display:inline-block;} div#adopt-a-village1 div.equation span{font-size:360%; color:#304d55; text-transform:uppercase;} div#adopt-a-village1 div.equation span.add{color:#304d55; font-size:720%; display:block; float:left;} div#adopt-a-village1 div.equation div.providing span.title{background:url(../images/content/drop-icon.png) no-repeat 0 0; padding-left:26px; line-height:43px;} div#adopt-a-village1 div.equation div.sponsoring{width:165px; float:left; text-align:right; margin-right:10px;} div#adopt-a-village1 div.equation div.sponsoring span.title{background:url(../images/content/women-icon.png) no-repeat 0 0; padding-left:28px; line-height:38px;} div#adopt-a-village1 div.equation span.equalto{width:63px; float:left; display:block; font-size:720%; margin-right:10px;} div#adopt-a-village1 div.equation div.total{width:250px; float:left; text-align:right;} div#adopt-a-village1 div.equation div.total span.title{background:url(../images/content/villa-icon.png) no-repeat 0 5px; padding-left:35px; line-height:36px;}