/* CSS Document Build for Bicol Clinic Foundation*/ /* colors: g1: 188c93 {dark} g2 f2f9f8 {nav bg} b1: f7faff {columnright} br: 5c4b3d {brown text] border: c5e2e4 /*______________________________________Globals*/ body{margin:0;padding:0;font-size:12.9px;line-height:20px; background:url(../images/new/bg_04.jpg) repeat-x 0 -474px #fff;font-family:arial;} body div{} a, a img{border:none;outline:none;} p{padding:5px 10px;} h1, h2{margin:10px 0 5px 10px;color:#188c93;} h3 {color:#188c93;} h3 a:hover {color:#F00;} h3{color:#666666; padding-left:20px;} h4{color:#666; margin:0px 25px; font-size:14px; font-weight:100;} h5{color:#666666; padding-left:200px; font-size:14px;} hr{border:0;border:none;background:none;border-top:1px solid #CCC;width:85%;margin:0 auto;} #fullstory{color:#b84814; font-size:.8em; } #fullstory a{ display:none; } #fullstory a:visited {color:#33CCCC;} #fullstory a:hover {color:#46a6b6;} /*__________STANDARDS__________*/ .italic{font-style:italic;} .bold{font-weight:bold;} .clear{clear:both;} /* =======Content =======*/ #left .pm, #centerColumn .pm{margin-top:10px;} #right .nm{margin-top:0;} /* =======Content ======= Image Resource new/bicol-sprite.png */ /* icons */ #facebookIcon,#twitterIcon,#blogIcon,#pdfIconLarg,#pdfIconSmall, .arrowLink, #donateNow {background:url(../images/new/bicol-sprite.png) no-repeat;} #head{width:980px;margin:0 auto;} #logo{height:200px;width:165px; float:left;} #headerRight{width:812px;float:left;} #bannerAd{opacity:.4;float:left;height:60px;margin-top:20px; width:665px;border:1px solid #726658;background:#f2f2f2;text-align:center;font-size:2.2em; padding-top:40px;visibility:hidden; } #subnav{float:left;text-align:right;width:129px;color:#45a1a8;} #subnav a{color:#45a1a8;text-decoration:none;} #donation{margin-top:10px;float:left;width:132px;text-align:right;} #tagline{clear:both;float:left;height:51px;padding-top:22px;width:802px;text-align:right;} #nav {padding-top:2px; margin:10px auto 20px;color: #26939b; border:1px solid #26939b;border-left:0;border-right:0; width:980px; text-align:center;background:#f2f9f8;} #nav a { padding: .25em 1em; text-decoration: none;color:#726658; } #nav a:hover{color:#000;} .navItem{width:139px;float:left; margin:5px auto;height:17px;border-right:1px solid #26939b;} a:link, a:visited { color: #4a4a4a; } #nav li a:hover {color: #b84814;} #page{width:980px;margin:0 auto;} #content{background-color:#FFFFFF;min-height:582px;} #left {width:612px;float:left;margin-right:10px;} #left p{} #leftFeature{border: 1px solid #C5E2E4;} .featureHeader{background: none repeat scroll 0 0 #F2F9F8;border: 1px solid #C5E2E4;color: #188C93;font-size: 1.4em;font-weight: bold;margin: 3px;padding: 5px;text-transform: uppercase;} #leftFeature .label{color: #5C4B3D;font-size:2em;font-weight:bold;line-height:1em;margin:3px;text-align:center;} #leftFeature .date{color:#188c93;margin:3px;text-align:center;} .featureImage{width:600px;margin:10px auto 10px 5px;} #slideShow{height:400px;width:600px;background:url(../banner/images/banner1.jpg) no-repeat;margin-bottom:20px;} .bodyImage{margin:20px auto 5px 10px;border:1px solid #c5e2e4;padding:3px;} #columnLeft{float:left;width:190px;min-height:811px;margin-right:20px;background:#f7faff;color:#5b4c44;border:1px solid #c5e2e4;} #columnLeft p a{color:#188c93;font-weight:bold;text-decoration:none;} .p5{padding-top:0px;margin-top:0;} #facebookIcon,#twitterIcon,#blogIcon{font-weight:bold;display:block;color:#188c93;text-decoration:none;font-size:1.2em;text-indent:40px;margin-bottom:20px;margin-left:10px;} #facebookIcon{background-position:-2px 0px;margin-top:11px;padding-top:8px;width:36px;height:33px;} #twitterIcon{background-position:-3px -41px;width:33px;height:30px;padding-top:8px;} #blogIcon{background-position:-2px -80px;width:154px;height:34px;padding-top:4px;} #donateNow{background-position:-2px -257px;width:86px;height:63px;display:block;margin:-20px auto 10px;} #pdfIcon{} .effortsList{margin:10px 45px 0 5px;} .effortsList a{color:#188c93;font-weight:bold;} .effortsList li{list-style-image:url('../images/new/listIconc.png');line-height:25px;padding:3px;} .effortsList li:hover{list-style-image:url('../images/new/listIconh.png');} #artistPhotos{} .artist{width:160px;float:left;text-align:center;padding:10px;} #artistPhotos a{text-decoration:none;} #artistPhotos img{display:block;border:1px solid #c5e2e4;padding:3px;} .on{background:#f2f9f8;} #centerColumn{float:left;width:390px;} #teasers{border:1px solid #c5e2e4;} .teaser{padding:10px;clear:both;border-bottom:1px solid #c5e2e4;height:160px;} .teaser img{float:left;width:175px;height:115px;margin-right:10px;border:1px solid #d2d2d2;padding:2px;} .teaser h3{float:left;color:#26939a;margin:0;padding:0;} .teaser p{float:left;width:175px;margin:0;padding:0;color:#5b4c44;;} .teaser p a{font-weight:bold;text-decoration:none;} .pressItems{border:1px solid #c5e2e4;margin:10px auto 10px;} .pressItems label{display:block;background:url(../images/new/centercolumnheaderBg.jpg) repeat-x;color:#fff;text-transform:uppercase;text-indent:10px;font-weight:bold;} .pressItems a{color:#188c93;} .socialShare{width:600px;text-align:center;} #right {width:358px;float:left;} #history{margin:2px 0 20px;height:289px;background:#f2f9f8;border:1px solid #c5e2e4;} .map{background:#fff;border:1px solid #c5e2e4;margin:3px;text-align:center} #history h3{color:#1d8e96;;font-size:2em;text-align:center;margin:10px;padding:0;} #history p{text-align:center;color:#5b4c44;background:#fff;margin:0 3px 3px;border:1px solid #c5e2e4;font-weight:bold;} #history .special{color:#05838c;} .calltoaction{background:url(../images/new/ctaBg.jpg) repeat-x;height:84px;margin-bottom:25px;} .calltoaction img{width:124px;height:83px;float:left;margin-right:5px;} .calltoaction label{color:#fff;font-weight:bold;float:left;width:222px;text-align:center;padding-top:10px;} .calltoaction .a{display:block;float:left;background:#fff;border:1px solid #188c93;width:222px;text-align:center;} .calltoaction .a a{color:#188c93;font-weight:bold;text-decoration:none;margin:2px;} #rightColumn{width:356px;text-align:center;margin-right:20px;background:#f7faff;color:#5b4c44;border:1px solid #c5e2e4;} .sponsorsList{background:#fff;margin:3px;border:1px solid #c5e2e4;} .sponsorsList a{color:#188c93;font-weight:bold;text-decoration:none;} .rightBannerAd{display:none;opacity:.4;height:120px;margin-top:20px;border:1px solid #726658;background:#f2f2f2;text-align:center;font-size:2.2em;padding-top:10px;line-height:1em;} .sponsor{padding-top:10px;margin-left:4px;} .vSprev, .vSnext{margin:5px 0;background:#f2f9f8;color:#188c93;font-weight:bold;text-transform:uppercase;} /* slider */ .slider{} .slider p{margin:0;min-height:30px;} .slider p:hover{} .slider p:hover.selected{} .slider p.selected{} .slider p a{} .slider p.selected a{} .arrowLink{background-position:-9px -239px;background:right;width:6px;height:10px;} #galSet{margin-top:28px;} .img1 {border:1px solid #46a6b6;padding:2px;width:353px;overflow:hidden;} .img2 {margin-left:10px; margin-top:5px;} .img3 {padding:2px; border:1px solid #46a6b6;} #feature{border:1px solid #c5e2e4;padding-bottom:10px;min-height:800px;} #feature a{color:#188c93;text-decoration:none;} #feature a:hover{text-decoration:underline;} #feature label{display:block;background:url(../images/new/centercolumnheaderBg.jpg) repeat-x;color:#fff;text-transform:uppercase;text-indent:10px;font-weight:bold;} #feature h1{line-height:33px;text-align:center; border-bottom:1px solid #c5e2e4;} #footer{padding-top:2px; margin:10px auto;color: #26939b; border:1px solid #26939b;border-left:0;border-right:0; width:980px; text-align:center;background:#f2f9f8;} #footer a { padding: .25em 1em; text-decoration: none;color:#726658; } #footer .navItem{width:139px;float:left; margin:5px auto;height:17px;border-right:1px solid #26939b;} #copyright{font-size:.9em;text-align:center;} .setApart{} /*__________Forms Attributes__________*/ .row {margin-top:10px;font-size:1em;} .row label, #volunteer .row label {display:block;float:left;color:#188c93; width:150px;text-align:right;padding-top:10px;padding-right:10px;background:none; } #volunteer .row label{width:118px;} #volunteer .row input{margin-top:10px;width:210px;} #volunteer .row select{margin-top:10px;width:105px;} .button{width:216px;margin:10px auto 10px 127px;} .button:hover{background:#46a6b6;color:#fff;} .boldLabel {font-weight:bold;color:#f00;margin-right: 5px;} .formField {width:250px;margin-top:10px; background:url("../images/img04.gif") repeat-x scroll 0 0 #FAFAFA; border:1px solid #C8C8C8;padding:1px;} .cBox {width:20px;height:20px;margin-right:2px;position:relative;top:5px;} button {margin:0px 2px 0px 0px;background:none;border:1px solid #46a6b6;color:#46a6b6;cursor:pointer;} button:hover{color:#000;background:#fff;} textarea {height:100px;} /*__________________________*/ #gallery {display:block;clear:left;margin-bottom:1em;} #gallery h2, #gallery p{margin:0px;padding:0px;} #gallery img {float:left;border:0px;margin:0px 10px;} .gallery_image {float:left;margin: 3px;padding: 5px;width:132px;border:1px solid #efefef;text-align:center;height:98px;margin-bottom:5px;} .gallery_image img {border:0px;margin-bottom:5px;} a .gallery_image img {border:none;} .gallery_image {text-decoration:none;} /* added */ .hide{display:none;} .sponsors{margin-top:10px;} /*==============================================================================*/ #headerBG{width:980px; height:200px; margin:0px auto; background:url(../images/headerbg.jpg) no-repeat; overflow:hidden; border-bottom:4px solid #4a4a4a;} .paypal {float:right; margin-top:80px; margin-right:20px;} #banner {width:725px; float:left;border-right:1px solid #4a4a4a; margin-bottom:5px; } #banner2 {width:254px; float:left; height:279px;background-color:#eee; font-size:12px; margin-bottom:5px;} #banner2 h1{margin-bottom:0px;padding-bottom:0;color:#666666;} #banner2 p{padding-top:5px;} #headline {width:485px; float:left;font-size:1em;padding:10px;} #headline p img{float:left;margin-right:10px;} #headline1 {width:170px; height:auto; float:left; font-size:1em; padding-left:20px; padding-right:15px; border-right:1px solid #eaeaea;} #headline2 {width:170px; float:left; font-size:1em; padding-left:20px; padding-right:15px;border-right:1px solid #eaeaea;} #concert{float:right;width:380px;margin:20px 15px 0 0;border:1px solid #ccc;min-height:483px; text-align:center;padding:10px; } #xoverlay{background:#ccc;text-align:center;padding:235px 2px;font-size:2em;color:#ccc;margin-top:8px;display:none;border:1px solid #fff;} #xoverlay:hover{cursor:pointer;} #concert p{display:block;} .highlight{font-size:1.3em;color:#ff8c3f;font-weight:bold;margin-bottom:0;padding:0;} a .special{font-size:1em;color:#ff8c3f;font-weight:bold;} .linktopdf{text-align:center;font-size:1.5em;} .linktopdf a{text-decoration:none;color:#45a8ae;} .linktopdf a img{position:relative;top:20px;margin-bottom:10px;margin-right:20px;} #map {border-top:1px solid #ccc;width:538px; margin:0 auto;height:295px; background-image:url(../images/map.jpg);display:none;} .haiti { position:relative; top:84px; left:153px; width:7px; height:7px;} .niger {position:relative; top:84px; left:260px; width:7px; height:7px;} .somalia {position:relative; top:88px; left:324px; width:7px; height:7px;} .nepal {position:relative; top:50px; left:378px; width:7px; height:7px;} .srilanka {position:relative; top:68px; left:370px; width:7px; height:7px;} .philippines {position:relative; top:67px; left:430px; width:7px; height:7px; } #imagescroll {width:550px; height:200px; float:left;padding-top:20px;} .efforts {margin:0px auto; width:700px; font-size:12px; line-height:20px;} .effortsgallery {width:800px; height:200px; margin:0px auto;} .missiontitle {color:#666666; padding-left:150px; padding-top:15px;font-size:16px; font-weight:200;} #measureit #measureit_back{background:none;} #footer .nb, .nb{border:0;border:none;}