/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* Copyright (c) 2009, Mater Foundation */ /*# Elements #*/ html { background: #ebe7da url(../App_Themes/mater_www/img/html-bg.jpg) repeat-x top center; } body { padding: 17px 0; } /*# Utils #*/ .wrapper { margin: 0 auto; width: 909px; } .clear { clear: both; line-height:0px; height:0px; } /*# Common #*/ a.more { background: url(../App_Themes/mater_www/img/a-more-bg.png) no-repeat left; padding-left: 14px; color: #1fbcdb; font-size: 12px; } p { padding-bottom: 1.4em; } /*# Layout #*/ .panel-top, .panel-bottom { background: no-repeat; height: 5px; overflow: hidden; } .panel-top { background-image: url(../App_Themes/mater_www/img/panel-top-bg.png); } .panel-bottom { background-image: url(../App_Themes/mater_www/img/panel-bottom-bg.png); } .panel-middle { border-left: 1px solid #cdccca; border-right: 1px solid #cdccca; background: #fff; } /*# Layout/Spacing #*/ .space-small { height: 4px; } .space-large { height: 10px; } /*# Layout/Cols #*/ .twoColumn {} .twoColumn .left { float: left; } .twoColumn .right { float: right; } .threeColumn {padding-bottom:20px;} .threeColumn .col1, .threeColumn .col2 { float: left; width: 212px; margin-right: 9px; } .threeColumn .col3 { float: left; width: 212px; } .threeColumn .colContent { color: #fff;} .threeColumn .textBlock { background: #84C2DC; color: #fff; height:67px; padding:8px; font-style: italic; font-weight:bold;} .threeColumn .textBlockHeading {font-size:131%;} /*# Sections #*/ /*# Sections/Top Nav #*/ #top_nav {} #top_nav li { float: left; } #top_nav li a { display: block; height: 25px; text-indent: -1000em; background: transparent no-repeat; outline: none; } #top_nav li a:hover { background-position: 0 -25px; } #top_nav li.who-we-are a { background-image: url(../App_Themes/mater_www/img/top_nav-who_are_we.png); width: 108px; } #top_nav li.making-a-difference a { background-image: url(../App_Themes/mater_www/img/top_nav-making_a_difference.png); width: 145px; } #top_nav li.how-you-can-help a { background-image: url(../App_Themes/mater_www/img/top_nav-how_can_you_help.png); width: 129px; } #top_nav li.meet-our-supporters a { background-image: url(../App_Themes/mater_www/img/top_nav-meet_our_supporters.png); width: 153px; } #top_nav li.news a { background-image: url(../App_Themes/mater_www/img/top_nav-news.png); width: 58px; } #top_nav li.campaigns-and-events a { background-image: url(../App_Themes/mater_www/img/top_nav-campaigns_and_events.png); width: 140px; } #top_nav li.philanthropy-and-funding a { background-image: url(../App_Themes/mater_www/img/top_nav-philanthropy_and_funding.png); width: 176px; } /*# Sections/Masthead #*/ #masthead { position: relative; height: 72px; } #masthead h1 { position: absolute; top: 4px; left: 33px; } #masthead h1 a { display: block; width: 113px; height: 56px; background: url(../App_Themes/mater_www/img/h1-bg.png) no-repeat; text-indent: -1000em; outline: none; } #masthead .donationZone { position: absolute; right: 16px; top: 8px; } #masthead .searchZone { position: absolute; right: 211px; top: 8px; } #masthead .searchZone .clear { width: 10px; } #masthead .menu { margin-top: 4px; } #masthead .menu a { color: #898989; text-decoration: none; font-size: 11px; line-height: 12px; outline: none; } #masthead .menu a:hover { color: #C96651; text-decoration: none;} #masthead .menu li { float: left; padding: 0 11px; border-right: 1px solid #898989; font-size: 11px;} #masthead .menu li.first { border-left: 1px solid #898989; } #masthead .searchBox { margin-top: 8px; position: relative; } #masthead .searchBox input[type=text] { border: 1px solid #898989; font-size: 85%; height: 18px; } #masthead .searchBox input[type=image] { position: absolute; top: 1px; right: 0px; } /*# Sections/Banner #*/ #banner { position: relative; height: 90px; background: url(../App_Themes/mater_www/img/banner/neutral.png) no-repeat; } #banner h2 { position: absolute; top: 53px; left: 19px; font-family: tahoma,arial,sans-serif; font-size: 197%; color: #fff; } #banner .image { float: right; margin: 0 0 25px 30px; } /*# Sections/Breadcrumbs #*/ #breadcrumbs { padding-left: 19px; position: relative; } #breadcrumbs a { padding-left: 10px; line-height: 37px; text-decoration: none; font-weight: bold; color: #ab9f95; font-size: 85%; background: url(../App_Themes/mater_www/img/breadcumbs-a-bg.png) no-repeat left; } /*# Sections/Sidemenu #*/ #sidemenu { float: left; width: 179px; margin-right: 37px; } /* Level 1 */ #sidemenu .CMSListMenuUL li { position: relative; border-top: 1px solid #cdccca; background: #f3f3f3; cursor: pointer; width: 179px; } #sidemenu .CMSListMenuUL li.hover { position: relative; border-top: 1px solid #cdccca; background: #f3f3f3; } #sidemenu .CMSListMenuUL li.last { border-bottom: 1px solid #cdccca; } #sidemenu .CMSListMenuUL li a { display: block; width: 164px; padding: 4px 0 4px 15px; text-decoration: none; font-weight: bold; color: #26bbd6; font-size: 85%; } #sidemenu .CMSListMenuUL li img { position: absolute; right: 11px; top: 7px; background: url(../App_Themes/mater_www/img/arrow-blue-lightgrey.png) no-repeat right top; } #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI, #sidemenu .CMSListMenuUL li.hover, #sidemenu .CMSListMenuUL li.hover li { background: #ab9f95; } #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI a, #sidemenu .CMSListMenuUL li.hover a { color: #fff; } #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI img, #sidemenu .CMSListMenuUL li.hover img { background-image: url(../App_Themes/mater_www/img/arrow-white-darkgrey.png); } /* Level 2 */ #sidemenu .CMSListMenuUL li ul { display: none; position: absolute; right: -138px; top: -1px; width: 137px; border-left: 1px solid #cdccca; } #sidemenu .CMSListMenuUL li.hover ul { display: block; } #sidemenu .CMSListMenuUL li li.hover { background-color: #bbb6b2; } #sidemenu .CMSListMenuUL li.hover li.hover img { background-image: url(../App_Themes/mater_www/img/darrow-blue-lightgrey.png); } /* Level 3 */ #sidemenu .CMSListMenuUL li.hover li ul { display: none; } #sidemenu .CMSListMenuUL li li.hover ul { display: block; } /* Level 4 */ #sidemenu .CMSListMenuUL li.hover li.hover li ul { display: none; } #sidemenu .CMSListMenuUL li li li.hover ul { display: block; } /* Level 2 - Expanded */ #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI img { display: none !important; } #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI ul { display: block !important; position: relative; border: none; right: auto; top: 0; background: none; width: 100%; } #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li { border-bottom: none !important; background: #f3f3f3 !important; } #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li a { padding-left: 30px; width: 139px; text-indent: 0; background: url(../App_Themes/mater_www/img/darrow-blue-lightgrey.png) no-repeat 20px center; color: #26bbd6; } #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li.hover, #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li.CMSListMenuHighlightedLI { background-color: #ab9f95 !important; } #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li.CMSListMenuHighlightedLI a, #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li.hover a { background-image: url(../App_Themes/mater_www/img/darrow-white-darkgrey.png); color: #fff; } /* Level 3-4 - Expanded */ #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li li a { padding-left: 45px; background-position: 35px center; } #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li li li a { padding-left: 45px; background-position: 35px center; } #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li.hover li a, #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li.CMSListMenuHighlightedLI li.hover li a, #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li.CMSListMenuHighlightedLI li a, #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li.CMSListMenuHighlightedLI li.CMSListMenuHighlightedLI li a { background-image: url(../App_Themes/mater_www/img/darrow-blue-lightgrey.png); color: #26bbd6; } #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li li.hover a, #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li li.CMSListMenuHighlightedLI a, #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li li li.hover a, #sidemenu .CMSListMenuUL li.CMSListMenuHighlightedLI li li li.CMSListMenuHighlightedLI a { background-image: url(../App_Themes/mater_www/img/darrow-white-darkgrey.png); color: #fff; } /*# Sections/Sidemenu/Utils #*/ #sidemenu .utils { height: 33px; padding: 0 4px; border-top: 1px solid #cdccca; border-bottom: 1px solid #cdccca; background: #f3f3f3; } #sidemenu .utils li { float: left; padding: 8px 7px; } #sidemenu .utils a { display: block; width: 20px; height: 17px; } #util_bookmark { background-image: url(../App_Themes/mater_www/img/utils/bookmark.png); } #util_email { background-image: url(../App_Themes/mater_www/img/utils/email.png); } #util_print { background-image: url(../App_Themes/mater_www/img/utils/print.png); } #util_decreaseFont { background-image: url(../App_Themes/mater_www/img/utils/decrease-font.png); } #util_increaseFont { background-image: url(../App_Themes/mater_www/img/utils/increase-font.png); } /*# Sections/Sidemenu/Subscription #*/ #sidemenu .subscription { border-bottom: 1px solid #cdccca; } #sidemenu .subscription .inner { float: right; width: 162px; } #sidemenu .subscription .title { display: block; width: 162px; height: 20px; background: url(../App_Themes/mater_www/img/subscribe-title.png) no-repeat; text-indent: -1000em; } #sidemenu .subscription input[type=text] { border: 1px solid #b9b9b9; font-size: 85%; height: 17px; width: 160px; margin: 6px 0; } /*# Sections/Sidemenu/Bookmarks #*/ #sidemenu .bookmarks { } #sidemenu .bookmarks .inner { float: right; width: 162px; } /*# Sections/Content #*/ #content { margin-left: 214px; color: #4c4c4c;} #content .internal { padding: 15px 36px 15px 0; line-height: 1.4em; } #content .internal p { padding-bottom: 1.5em; } #content a {color:#26bbd6; text-decoration:underline; } #content a:hover {color: #C96651; text-decoration:underline;} #content ul { margin-left:20px; margin-bottom:12px;} #content li {list-style:disc; list-style-position:outside; padding-left:3px;} #content .quote { color:#C96651; font-weight:bold; font-style:italic; font-size:108%; } #content .bluecopy {color:#004b84;} #content h2 {color: #C96651; font-weight:bold; font-size: 123.1%; margin-bottom:10px; } #content h3 { color: #C96651; font-weight:normal; font-size: 123.1%; border-bottom: ridge #C96651 4px; padding-bottom:2px; margin-bottom:12px; } #content p strong {font-weight:bold;} #content em {font-style:italic;} /*# Sections/Footer #*/ #footer { color: #898989; font-size: 85%; } #footer a { color: #898989; } #footer .inner { padding: 7px 23px; height: 50px; } #footer .menu { padding: 10px 0; } #footer .menu li { float: left; border-left: 1px solid #bbb; padding: 0 10px; } #footer .menu li.last { border-right: 1px solid #bbb; } #footer .menu li a { display: block; height: 30px; background: transparent no-repeat; text-decoration: none; font-size: 85%;} #footer .menu li.donate a { background-image: url(../App_Themes/mater_www/img/donate-btn-bottom.png); width: 76px; text-indent: -1000em; } #footer .menu li.subscribe a { background-image: url(../App_Themes/mater_www/img/icon/subscribe.png); width: 60px; padding-left: 34px; color: #C96651; } #footer .menu li.event_calendar a { background-image: url(../App_Themes/mater_www/img/icon/events-calendar.png); width: 40px; padding-left: 36px; color: #C96651; } #footer .menu li.mater_shop a { background-image: url(../App_Themes/mater_www/img/icon/shopping-cart.png); width: 30px; padding-left: 37px; color: #C96651; } #footer .links { margin-top:6px; } #footer .links a { padding-right:10px; text-decoration:none; margin-top:3px; line-height:1.4em; } #footer .links a:hover { color: #C96651; text-decoration:none; } /*# Special Cases #*/ .IE7 #footer .menu li, .IE6 #footer .menu li {padding: 0 9px;} /*# Special Cases/Home #*/ .home-layout {} .home-layout .left { float: left; margin: -40px 0 0 30px; width: 440px; position: relative; } .home-layout .right { float: right; margin: 5px 14px -4px 0; width: 382px; } .home-layout #FeatureContent {color: #4c4c4c} .home-layout #FeatureContent .FeatureContent { display: none; } .home-layout #FeatureContent .quote { color:#C96651; font-weight:normal; font-style:italic; font-size:108%; } .home-layout #FeatureContent h2 { color:#C96651; font-size:161.6%; margin-bottom:10px; } .home-layout .Navigator { padding-bottom: 25px; background: url(../App_Themes/mater_www/img/home-news-bg.png) no-repeat bottom left; } .home-layout .Navigator .Pager { height: 36px; background: url(../App_Themes/mater_www/img/home-news-header-bg.png) no-repeat top left; } .home-layout .Navigator .Pager ul { float: right; } .home-layout .Navigator .Pager li { float: left; } .home-layout .Navigator .Pager a { display: block; padding: 2px 3px; margin: 7px 4px 0 0; color: #1fbcdb; text-decoration: none; } .home-layout .Navigator .Pager a.Active { background: #1fbcdb; color: #fff; } .home-layout .Navigator .Content { margin: 6px 10px 0; } .home-layout .Navigator .ContentPage .title { margin-bottom: 6px; } .home-layout .Navigator .ContentPage .title a { font-weight: bold; color: #4d4d4d; text-decoration: none; } .home-layout .Navigator .ContentPage img { margin-right: 15px; } .home-layout .Navigator .ContentPage .summary { margin-bottom: 6px; line-height: 15px; height: 75px; overflow: hidden; font-size: 12px; color: #4c4c; font-weight: normal; } .twoColumn-layout .leftColumn { width: 400px; padding: 15px 0; } .twoColumn-layout .rightColumn { float: right; clear: right; width: 240px; margin: 10px 20px 0; } .twoColumn-layout .rightColumn .imgTitle { color:#C96651; font-size:108%; font-weight:normal; margin-bottom:2px; } .twoColumn-layout .rightColumn p {margin-bottom:10px;} /*# Special Cases/Donations #*/ .donationForm {} .donationForm .validation { border: solid 1px #ff0000; background-color: #fff2f2; color: #333333; margin: 15px 30px 15px 0px; padding: 5px; } .donationForm .validation ul { margin: 5px; } .donationForm .validation li { font-size: 11px; list-style-type: disc; list-style-position: inside;} .donationForm div.formfield { overflow: auto; padding: 5px 0;} .donationForm table { margin-right: 30px; } .donationForm table td { padding: 3px 0; } .donationForm table td.form-label { width: 200px; padding-right: 10px; } .donationForm table td.form-data input { margin-right: 5px; } .donationForm label span { font-weight: bold; color: #ff0000; } /*# Special Cases/News #*/ .PagerControl { float: right; text-align: center; } .news-layout .additionalInformation { margin: 20px 0 0; padding: 31px 5px 0; background: url(../App_Themes/mater_www/img/additional_details-bg.png) no-repeat; color: #024a84; } .newsItem { margin-bottom: 10px; } .newsItem .title { padding: 4px 10px 0px 10px; line-height: 30px; font-weight: bold; background: #ebe7db url(../App_Themes/mater_www/img/news_list_item-bg.png) repeat-x; } .newsItem .title .date { padding-right: 1em; } .newsItem .title .link { float: right; } .newsItem .content { padding: 10px; } .newsItem .content img { float: right; margin-left: 10px; } /*# Special Cases/Search #*/ .SearchResult { padding-bottom: 10px; } .SearchResult .ResultTitle { padding: 4px 10px 0px 10px; line-height: 30px; font-weight: bold; background: #ebe7db url(../App_Themes/mater_www/img/news_list_item-bg.png) repeat-x; } .SearchResult .ResultDate { float: right; } .SearchResult .ResultBody { padding: 10px; } .CMSSearchResultsNoResultsLabel { display: block; } /*** Form layout table ***/ div.formLayout { border: none; margin-right: 2em; } div.formLayout span.ErrorLabel { color: red; margin-bottom: 2em; } div.formLayout span.details { font-size:85%; line-height: 7px; } div.formLayout hr { margin: 0.5em 0 1em 0; border-top: 1px solid #ABABAB; } div.formLayout table.form td { vertical-align: top; padding-right: 10px; padding-bottom: 0.5em; } div.formLayout table.form td.left { text-align: left; width: 170px; } div.formLayout input.FormButton { margin-left: 0px; } div.formLayout textarea { width: 340px; } div.formLayout textarea.wide { width: 500px; } div.formLayout table.form span.required { color: red; } div.formLayout input[type=checkbox] { margin-right: 0.5em; } div.formLayout .sectionTitle { font-weight: bold; font-size: 116%; color: #C96651; border-bottom:1px solid #CCCCCC; padding-bottom:2px; margin: 12px 0 12px 5px; width: 85%; }