/* main.css Global Stylesheet Created: Creator: Matt Kircher Pixels to Ems ----------------------------------- PX EM PX EM 10 0.625 21 1.313 11 0.689 22 1.375 12 0.750 23 1.438 14 0.875 24 1.500 15 0.938 25 1.563 16 1.000 26 1.625 17 1.064 27 1.688 18 1.125 28 1.750 19 1.188 29 1.813 20 1.250 30 1.875 */ /* Imported Styles --------------------------------------------------------*/ @import url("reset.css"); @import url("clearing.css"); @import url("columns.css"); @import url("thickbox.css"); /* General --------------------------------------------------------*/ body{ font-family:Arial, Helvetica, sans-serif; font-size:1em; text-align:center; color:#454545; } a{ color:#1C97D3; text-decoration:none; } a:hover{ color:#1F5AAB; } h1{ font-size:1.5em; font-weight:normal; } h2{ font-size:1.250em; font-weight:normal; } h3{ font-size:1.125em; font-weight:normal; } h4{ font-size:1.0em; } h5{ font-size:0.875em; } h6{ font-size:0.750em; } h1, h2, h3, h4, h5, h6{ color:#0D1839; margin-bottom:3px; } hr{ color:#E6E6E6; background-color:#E6E6E6; height:1px; width:100%; clear:both; margin:15px 0px; border:none; } b{ /*color:#0D1839;*/ } p{ margin-bottom:7px; } p, blockquote, cite{ font-size:0.75em; line-height:1.35em; } li{ font-size:0.75em; line-height:1.5em; } form{ font-size:0.689em; background-color:#E6E6E6; padding:25px; margin:10px 0px; } label{ display:block; margin:10px 0px 2px; color:#1C97D3; } fieldset{} /* Classes --------------------------------------------------------*/ /* form stuff */ .required_field{ font-weight:bold; color:#0D1839; } .required_attention{ border:2px solid #F00; margin:1px; } .select_required_attention{ padding:1px 3px; background-color:#F00; color:#FFF; font:bold 10px Verdana, Arial, Helvetica, sans-serif; } .note{ color:#999; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; } .indented{ margin-left:23px; } .warning{ color:#F00; font-weight:bold; font-size:9px; } #recaptcha{ margin:15px 0px; } /* general elements */ .blocked_header{ background-color:#1C97D3; color:#FFF; font-size:0.84em !important; font-weight:bold; padding:5px 10px; position:relative; left:-10px; margin-right:-10px; margin-bottom:5px; line-height:1em; } html > body .blocked_header{ width:100%; } .bulleted_list{ margin:10px 0px; padding-left:20px; list-style-image:url(../images/list_item_bullet.jpg); } .bulleted_list li{ margin-bottom:10px; } .contact_header img{ float:left; position:relative; left:-10px; top:-10px; margin-bottom:-15px; border-right:2px solid #FFF; } /* IE6 */ * html .contact_header img{ margin-right:-10px; } .home .home_image_header{ margin-bottom:20px; } .member_message{ margin:15px 0px; } .member_message_bio_shot{} /* IE6 */ * html .member_message_bio_shot{ float:right; } /* IE7 */ * + html .member_message_bio_shot{ float:right; } .member_message_signature{ margin:10px 0px 0px; } .member_message h3{ color:#1C97D3; margin-bottom:10px; } .member_message blockquote{ font-size:0.689em; line-height:1.5em; width:65%; padding-top:2px; text-indent:22px; background:url(../images/quotes_left.jpg) top left no-repeat; } .member_message blockquote .end_quote{ display:inline-block; height:16px; width:22px; background:url(../images/quotes_right.jpg) top left no-repeat; } .member_message cite{ display:block; margin-top:10px; padding-top:5px; border-top:1px solid #E6E6E6; font-size:0.625em; color:#999; } .member_message cite a{ display:block; font-size:1.2em; font-style:normal; font-weight:bold; } .member_message cite a:hover{ color:#1C97D3; } .member_message p{ float:right; position:relative; top:-30px; } .member_message p a{ font-size:0.83em; } .quote_message{ margin:15px 0px; } .quote_message blockquote{ font-size:0.75em; line-height:1.5em; padding-top:2px; text-indent:22px; background:url(../images/quotes_left.jpg) top left no-repeat; } .quote_message blockquote .end_quote{ display:inline-block; height:16px; width:22px; background:url(../images/quotes_right.jpg) top left no-repeat; } .quote_message cite{ display:block; margin-top:10px; padding-top:5px; border-top:1px solid #E6E6E6; font-size:0.625em; color:#999; } .focus_on_message{ margin:15px 0px; padding:10px 120px 10px 10px; background-color:#E6E6E6; height:130px; overflow:visible; } .focus_on_message_image{ width:125px; float:right; position:relative; top:-10px; left:-240x; margin-bottom:-100000px; margin-right:-120px; } .focus_on_message h4{ font-size:0.875em; } .focus_on_message h4 a{ font-size:1.142em; display:block; margin:5px 0px; padding:0px; } .focus_on_message h4 a:hover{ color:#1C97D3; } .focus_on_message p{ font-size:0.689em; } .inset_image_left{ margin:0px 12px 7px 0px !important; float:left; } .inset_image_right{ margin:0px 0px 7px 12px !important; float:right; } .inset_image_caption_left{ float:left; width:250px; margin:0px 20px 10px 0px; } .inset_image_caption_right{ float:right; width:250px; margin:0px 0px 10px 20px; } .inset_image_caption_left img, .inset_image_caption_right img{ width:250px; } .inset_image_caption_left p, .inset_image_caption_right p{ font-size:0.625em !important; line-height:1.3em !important; color:#1C97D3; margin-top:10px; } /* Wrap --------------------------------------------------------*/ #wrap{ text-align:left; margin:auto; width:950px; padding:0px; } /* Header --------------------------------------------------------*/ #header{ height:110px; } /* Logo --------------------------------------------------------*/ #logo{ float:left; position:relative; top:55px; left:25px; } #logo h1, #logo a{ height:39px; width:250px; background:url(../images/logo.jpg) top left no-repeat; } #logo a{ display:block; overflow:hidden; text-indent:-10000px; } /* IE6 */ * html #logo{ margin-right:-250px; } /* IE7 */ * + html #logo h1{ margin-right:-250px; } /* Navigation --------------------------------------------------------*/ /* functional-nav */ #functional-nav{ background-color:#1C97D3; height:25px; } #functional-nav ul{ float:right; padding:4px 30px 0px 0px; } #functional-nav li{ float:left; margin-left:20px; } #functional-nav li a{ color:#FFF; font-weight:bold; } #functional-nav li a:hover, #functional-nav li.selected a{} /* main-nav */ #main-nav{ padding-top:55px; } #main-nav ul{ clear:both; float:right; padding-right:30px; } #main-nav li{ float:left; margin-left:20px; } #main-nav li a{ color:#1F5AAB; font-size:1.3em; font-weight:bold; } #main-nav li a:hover, #main-nav li.selected a{ color:#1C97D3; } /* main-nav drop down */ #main-nav .dropdown{ display:none; position:relative; z-index:2 !important; float:left; left:-20px; top:20px; clear:none; padding:20px 20px 10px; background-color:#FFF; margin-right:-10000px !important; margin-bottom:-10000px !important; } #main-nav .dropdown li{ float:none; margin:0px; padding-bottom:7px; border-bottom:1px solid #E6E6E6; margin-bottom:8px; } #main-nav .dropdown li.end_nav{ border:none; margin:0px; padding:0px; } #main-nav .dropdown li a{ color:#1C97D3; } #main-nav .dropdown li a:hover, #main-nav .dropdown li.selected a{ color:#1F5AAB; } /*IE6*/ * html #main-nav .dropdown{ top:0px; } /*IE7*/ * + html #main-nav .dropdown{ top:0px; } /*safari*/ @media screen and (-webkit-min-device-pixel-ratio:0) { /* for some reason the main menu items with spaces in them breaks to 2 lines, this is the fix*/ #main-nav .dropdown{ top:0px; } #main-nav #mn1{ min-width:75px; } #main-nav #mn1 .dropdown{ top:20px; } #main-nav #mn4{ min-width:124px; } } /* sub-nav */ #sub-nav{ width:350px; display:none; } #sub-nav h2{ display:none; } #sub-nav ul{ padding:0px 0px 20px; } #sub-nav li{ font-size:0.875em; padding-bottom:3px; border-bottom:1px solid #E6E6E6; margin-bottom:4px; } #sub-nav .end_nav{ border-bottom:none; } #sub-nav li#sub-nav-home-link{ padding-bottom:25px; border-bottom:24px solid #1C97D3; margin-bottom:8px; height:13px; } #sub-nav li#sub-nav-home-link a{ display:block; float:right; width:42px; height:13px; margin-top:3px; background:url(../images/button_gohome.jpg) top left no-repeat; overflow:hidden; text-indent:-100000px; position:relative; } /*#sub-nav li.selected{ font-size:1em; padding-bottom:25px; border-bottom:24px solid #1C97D3; margin-bottom:8px; } #sub-nav li a{} #sub-nav li a:hover{} #sub-nav li.selected a, #sub-nav li.selected a:hover{ color:#0D1839; font-weight:bold; font-size:.96em; }*/ #sub-nav li.selected a, #sub-nav li.selected a:hover{ color:#1F5AAB; } div.leadin-content p#floating-home-link{ float:right; position:relative; top:-65px; margin-bottom:-25px; } div.leadin-content p#floating-home-link a{ display:block; float:right; width:42px; height:13px; margin-top:3px; background:url(../images/button_gohome.jpg) top left no-repeat; overflow:hidden; text-indent:-100000px; position:relative; } /* Masthead --------------------------------------------------------*/ #masthead{ height:175px; background-color:#FFF; } #masthead-content{ position:relative; z-index:1; } .masthead_index{ background:none; } .masthead_about{ background:url(../images/mastheads/masthead_school.jpg) top left no-repeat; } .masthead_funds{ background:url(../images/mastheads/masthead_kids.jpg) top left no-repeat; } .masthead_stories{ background:url(../images/mastheads/masthead_hope.jpg) top left no-repeat; } .masthead_consulting{ background:url(../images/mastheads/masthead_collaboration.jpg) top left no-repeat; } .masthead_faq{ background:url(../images/mastheads/masthead_education.jpg) top left no-repeat; } .masthead_contact{ background:url(../images/mastheads/masthead_recovery.jpg) top left no-repeat; } .masthead_news, .masthead_site, .masthead_media{ background:url(../images/mastheads/masthead_site.jpg) top left no-repeat; } /* Content --------------------------------------------------------*/ #content{ padding:15px 25px 0px; } #content li *{ font-size:inherit; } #content h1, #content, h2, #content h3, #content h4, #content h5, #content h6{ line-height:1.2em; } /* main-content */ #main-content{} #breaking-news-bar{ position:relative; left:-25px; margin-right:-50px; margin-bottom:35px; margin-top:15px; padding:15px 370px 15px 30px; background-color:#E6E6E6; } #breaking-news-bar h2, #breaking-news-bar h3, #breaking-news-bar h4, #breaking-news-bar h4, #breaking-news-bar h6{ color:#1C97D3; } #breaking-news-bar p{ line-height:1.75em; font-size:0.689em; } #breaking-news-bar p.action_links a{ font-size:1.2727em; font-weight:bold; } .haiti_relief{ background:url(../images/content/special_content/haiti_breaking_news_banner_bg.jpg) top right no-repeat #E6E6E6; } /*.subpage #main-content{ width:525px; margin-right:25px !important; } .subpage #sub-content{ width:350px; }*/ div.leadin-content{ margin-bottom:15px; } div.leadin-content h2{ font-size:2em; line-height:1.2em; letter-spacing:-0.06em; margin-bottom:10px; } div.leadin-content h3, div.leadin-content h4{ line-height:1.2em; } div.leadin-content p, div.leadin-content li, div.leadin-content blockquote, div.leadin-content cite, p.leadin-content, li.leadin-content, blockquote.leadin-content, cite.leadin-content{ font-size:0.875em; line-height:1.5em; } /* home diagram */ #home_diagram_module{ background:url(../images/content/home_high_performance_diagram_bg.jpg) top left no-repeat; height:205px; padding:50px 25px 25px; } #home_diagram_module h4{ font-size:1.5em; margin-bottom:12px; letter-spacing:-.05em; } #home_diagram_module h5{ font-size:0.875em; margin-bottom:12px; letter-spacing:-.05em; } /* comparison chart */ #comparison-chart-wrap{ margin:36px 0px 20px; } #comparison-chart{ padding:0px 25px; background:url("../images/content/comparison_chart(451x558).jpg") center center no-repeat #E6E6E6; height:580px; } #comparison-chart-explanation{ display:none; } /* impact equation */ #impact_equation{ margin:10px 0px; } #impact_equation b{ display:block; float:left; text-align:center; font-size:1.66em; text-align:center; width:20%; text-align:center; padding-top:20px; } #impact_equation span{ display:block; float:right; width:78%; text-align:center; font-size:1.625em; font-weight:bold; padding-top:7px; } #impact_equation span a{ font-size:0.692em; color:#1F5AAB; letter-spacing:-.045em; } #impact_equation code{ display:block; text-indent:-100000px; overflow:hidden; padding-top:1px; border-top:1px solid #CCC; margin-top:5px; height:5px; } /* success stories*/ #success-stories{ margin-top:20px; } #success-stories h4{ clear:both; } #success-stories img{ /*width:90px;*/ margin:0px 12px 10px 0px; border:1px solid #CCC; border:none; } /* focused funds listing */ #focused-funds-listing{} #focused-funds-listing li{ float:left; width:45%; background-color:#FFF; padding-left:20px; background:url(../images/list_item_bullet.jpg) top left no-repeat #FFF; } /* news-listing */ #news-listing{ margin-top:20px; } #news-listing li{ padding-bottom:15px; border-bottom:1px solid #E6E6E6; margin-bottom:16px; } #news-listing h5{ font-size:inherit !important; } #news-listing h5 i{ display:block; font-size:.83em; font-style:normal; line-height:1em; padding-bottom:5px; } #news-listing h5, #news-listing p{ font-size:12px; } .pager{ height:16px; background-color:#E6E6E6; padding:5px 10px; } .pager b{ display:block; float:left; width:40px; } .pager a{ display:block; float:left; width:20px; height:16px; text-align:center; font-weight:bold; } .pager a.active{ background-color:#1C97D3; color:#FFF; } /* bio-carousel */ #bio-carousel{ width:495px; padding:15px; position:relative; overflow:hidden; background:#E6E6E6; } #bio-carousel-controls{} #bio-carousel-controls a{ position:relative; z-index:100 !important; display:block; left:-18px; top:12px; width:36px; height:77px; background-image:url(../images/bio_carousel_controls.jpg); background-repeat:no-repeat; margin-right:-36px; margin-bottom:-77px; } #bio-carousel-controls-prev{ float:left; background-position:0px 0px; } #bio-carousel-controls-next{ float:right; background-position:-36px 0px; } #bio-carousel ul{ width:10000px; height:100px; position:relative; } #bio-carousel li{ float:left; margin-right:10px; } #bio-content{ padding:20px 0px 10px; } #bio-content h3{ color:#1C97D3; background:#E6E6E6; font-size:1em; font-weight:bold; } #bio-content h4{ color:#0D1839; font-size:0.75em; font-style:italic; font-weight:normal; margin-bottom:10px; } #bio-content p{ line-height:1.35em; } /* testimonials */ #testimonials{ margin-top:20px; } #testimonials .quote_message{ margin:5px 0px 40px; } /* faq */ #faq{ margin:0px 0px 0px; } #faq dt{ font-weight:bold; font-size:0.875em; line-height:1.15em; color:#0D1839; margin-bottom:5px; } #faq dd{ margin-bottom:20px; font-size:12px; line-height:1.35em; } #faq dd p, #faq dd li{ font-size:12px; } /* contact info */ #contact-info{ margin:15px 0px; } #contact-info .name{ display:block; color:#0D1839; font-size:0.875em; font-weight:bold; margin-bottom:4px; } #contact-info #us-address, #contact-info #uk-address{ margin-bottom:10px; margin-top:10px; padding-top:10px; border-top:1px solid #EFEFEF; padding-left:20px; background:url(../images/list_item_bullet.jpg) 0px 13px no-repeat; } #contact-info .adr{ font-size:0.689em; margin-bottom:15px; } #contact-info .street-address{ display:block; margin-bottom:4px; } #contact-info #uk-address .country-name{ display:block; margin-top:4px; } #contact-info .tel1{ margin-bottom:5px; font-weight:bold; } #contact-info .tel1, #contact-info .tel2{ font-size:0.75em; } #contact-funding-notice{ display:none; } #TB_ajaxContent{ padding-top:10px; } #TB_ajaxContent p{ font-size:11px !important; } #newsletterSignupForm div{ margin:10px 0px 15px 0px; } #newsletterSignupForm div label{ clear:none; display:inline; color:#454545; } #newsletterSignupForm #formCommPrefs1, #newsletterSignupForm #formCommPrefs2, #newsletterSignupForm #formCommFormat1, #newsletterSignupForm #formCommFormat2, #newsletterSignupForm #formCommFormat3{ position:relative; top:3px; } #newsletterSignupForm #formCommFormat2{ margin-left:10px; } #newsletterSignupForm #formCommFormat3{ margin-left:10px; } /* site-map */ #site-map{} #site-map div{ float:left; width:45%; margin:20px 0px; margin-right:2%; } #site-map h3{ margin-bottom:10px; } #site-map ul{} /* privacy policy */ #privacy-policy{ margin:20px 0px; } /* media */ #flash-presentation{ text-align:center; } #flash-presentation object{ margin:auto; } /* sub-content */ #sub-content{} /* Footer --------------------------------------------------------*/ #footer{ margin-bottom:20px; border-top:20px solid #1C97D3; } /* navigation */ #footer-navigation{ float:right; } #footer-navigation .dropdown{ display:none; !important; } /* footer-main-nav */ #footer-main-nav{ padding-right:30px; margin-bottom:12px; } #footer-main-nav ul{ float:right; } #footer-main-nav li{ float:left; margin-left:20px; } #footer-main-nav li.nobullet{} #footer-main-nav li a{ color:#1F5AAB; font-size:.833em; } #footer-main-nav li a:hover, #footer-main-nav li.selected a{ color:#1C97D3; } /* footer-functional-nav */ #footer-functional-nav{ padding-right:30px; } #footer-functional-nav ul{ clear:right; float:right; } #footer-functional-nav li{ float:left; margin-left:20px; } #footer-functional-nav li.nobullet{} #footer-functional-nav li a{ font-size:.833em; } #footer-functional-nav li a:hover, #footer-functional-nav li.selected a{} /* copyright */ #copyright{ float:left; font-size:.625em; padding-top:5px; color:#0D1839; padding-left:25px; } /* IE6 */ * html #copyright{ margin-right:-100%; } /* IE7 */ * + html #copyright{ margin-right:-100%; } /* validation */ #validation{ display:none; } /* designed by */ #designed-by{ display:none; }