/* ----------------------------------------------------------- basic styles */

BODY { margin: 0; padding: 0; font: .8125em helvetica, arial, sans-serif; color: #000; background: #255891 url(/img/bg.body.gif) top left no-repeat; }
A { color: #0066CC; text-decoration: none; }
A:hover { text-decoration: underline; }
IMG, A IMG { border: none; }
HR { display: block; height: 0; border: none; border-top: 1px solid #CCC; margin: 1em 0; }
H1, H2, H3, H4, H5, H6, P { font-size: 100%; line-height: 1; margin: 0 0 1em 0; }
H1 { font-size: 200%; }
H2 { font-size: 166.67%; }
H3 { font-size: 150%; }
H4 { font-size: 133.34%; }
H5 { font-size: 116.67%; }
H6 { font-size: 100%; }
FORM { margin: 0; padding: 0; }
FIELDSET { margin: 0; border: none; padding: 0; }
LEGEND { display: none; }
INPUT, SELECT { vertical-align: middle; }
UL, OL { margin: 0 0 1em 0; }
DL { margin-left: 20px; }
DL DT { font-weight: bold; margin-bottom: .5em; }
DL DD { margin-left: 0; margin-bottom: 1em; }
BLOCKQUOTE { margin: 2em 30px; }
PRE, CODE, TT { font-size: medium; }
TD { vertical-align: top; }

/* ---------------------------------------------------------- common styles */

.Link { cursor: pointer; }
.Required { color: #CC3333; }
.Invisible { display: none; }
.Right { float: right; }
.Left { float: left; }
.ClearFix { clear: both; height: 0; font-size: 0; }
.Cap { font-size: 0; }
.Pink { color: #d8246b; }
.DeepBlue { color: #255891; }
.Callout { font-size: 1.3em; }
.Top { margin-top: 1.5em; }

/* ----------------------------------------------------------------- layout */

#BackgroundWrapper { background: url(/img/bg.layout.gif) top right no-repeat; min-height: 620px; width: 100%; }
* HTML #BackgroundWrapper { height: 620px; }
#LayoutWrapper { width: 940px; margin: 0 auto; }
#BodyWrapper { background: url(/img/bg.body-inner.png) top left repeat-y; margin-left: 1px; padding: 0 14px 0 15px; }
* HTML #BodyWrapper { background-image: url(/img/bg.body-inner.gif); zoom: 1; }

/* ----------------------------------------------------------------- header */

#HeaderWrapper { padding-top: 8px; }
#HeaderWrapper H1 { margin-bottom: 0; }
#HeaderWrapper #site-logo { margin: 0 0 8px 15px; height: 98px; width: 629px; background: url(/img/logo.png) top left no-repeat; display: block; }
* HTML #HeaderWrapper #site-logo { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/logo.png", sizingMethod="crop"); }
#HeaderWrapper H1 SPAN, #HeaderWrapper H2 { display: none; }
#Navigation { height: 45px; background: url(/img/bg.navigation.png); }
* HTML #Navigation { background-image: url(/img/bg.navigation.gif); }
#Navigation UL { list-style-type: none; margin: 4px 0 0 9px; padding: 0; float: left; }
#Navigation UL LI { float: left; margin: 0; padding: 0; }
#Navigation UL LI A { color: #000; display: block; margin: 7px 13px 6px 13px; padding: 7px 12px 5px 12px; font-size: 1.1em; }
#Navigation UL LI.Active A { color: #d51460; }
#Navigation #make-a-donation { float: right; margin: 12px 20px 0 0; }

/* ----------------------------------------------------------------- footer */

#FooterWrapper { background: url(/img/bg.footer.png) top left no-repeat; padding: 30px 0; margin-left: 2px; }
* HTML #FooterWrapper { background-image: url(/img/bg.footer.gif); }
#FooterWrapper UL { margin: 0 0 0 142px; list-style-type: none; padding: 0; }
#FooterWrapper UL LI { float: left; padding-right: 11px; padding-left: 12px; }
#FooterWrapper UL LI, #FooterWrapper UL LI A { color: #FFF; font-size: .95em; }
#FooterWrapper UL LI A { text-decoration: underline; }
#FooterWrapper UL LI.First { padding-right: 150px; border: 0; }
#FooterWrapper UL LI.Last { border: 0; }

/* ------------------------------------------------------------------- home */

#homepage-flash { margin-bottom: 5px; }
#homepage-flash .Content { padding: 25px 25px 0 535px; background: url(/img/bg.homepage-flash.jpg) top left no-repeat; width: 350px; height: 377px; }
#homepage-flash .Content H3 { display: none; }
#homepage-flash .Content H4 { font-size: 2.5em; line-height: 1.1em; margin-bottom: 13px;}
#homepage-flash .Content H4 STRONG { color: #EFEDED; }
#homepage-flash .Content P { line-height: 1.2em; }
#homepage-flash .Content P A { color: #000; font-weight: bold; text-decoration: underline; display: block; font-size: 1.25em; padding-top: 8px; }
#homepage-columns DIV.Left { width: 450px; background: url(/img/cap.bottom.homepage.gif) bottom left no-repeat; min-height: 197px; margin-left: 1px; }
#homepage-columns DIV.Right { width: 452px; margin-right: 1px; }
#homepage-columns #homepage-carousel UL { list-style-type: none; margin: -1px 0 0; padding: 0; }
#homepage-columns #homepage-carousel UL LI { margin: 0; padding: 0; float: left; }
#homepage-columns #homepage-carousel UL LI A { background-repeat: no-repeat; background: url(/img/bg.matrix.carousel.gif); display: block; height: 27px; }
#homepage-columns #homepage-carousel UL LI A SPAN { display: none; }
#homepage-columns #homepage-carousel #carousel-events { background-position: 0px 0px; width: 150px; }
#homepage-columns #homepage-carousel #carousel-newsletter { background-position: 301px 0px; width: 150px; }
#homepage-columns #homepage-carousel #carousel-press { background-position: 151px 0px; width: 150px; }
#homepage-columns #homepage-carousel .Active #carousel-events { background-position: 0px 27px; }
#homepage-columns #homepage-carousel .Active #carousel-newsletter { background-position: 301px 27px; }
#homepage-columns #homepage-carousel .Active #carousel-press { background-position: 151px 27px; }

#homepage-columns .Target { padding-top: 1em; }
#homepage-columns .Target IMG.Right { margin: 0 25px 1em 0; }
#homepage-columns .Target .Content { padding: 1em 0 0 20px; float: left; width: 220px; }
#homepage-columns .Target .Content H3 { font-weight: normal; color: #06F; margin-bottom: .5em; }
#homepage-columns .Target .Content P { line-height: 1.35em; }
#homepage-columns .Target .Content P STRONG { display: block; }
#homepage-columns .Target .Content .Button { margin: 1em 0 1em -20px; }

/* ---------------------------------------------------------- landing pages */

#BodyWrapper .Landing { width: 755px; height: 245px; margin: 5px 7px .5em 0; background-repeat: no-repeat; background-position: top left; padding: 20px 0 0 20px; }
#BodyWrapper .Landing H1 { margin: 0 0 10px; background-repeat: no-repeat; background-position: top left; }
#BodyWrapper .Landing H1 SPAN { display: none; }
#BodyWrapper .Landing P { width: 300px; font-size: 1.06em; line-height: 1.35em; }

#BodyWrapper #about-us-feature { background-image: url(/img/landing.about-us.jpg); }
#BodyWrapper #about-us-feature H1 { background-image: url(/img/hdr.about-us.gif); height: 34px; width: 131px; }
#BodyWrapper #our-program-feature { background-image: url(/img/landing.our-program.jpg); }
#BodyWrapper #our-program-feature H1 { background-image: url(/img/hdr.our-programs.gif); height: 34px; width: 191px; }
#BodyWrapper #events-feature { background-image: url(/img/landing.events.jpg); }
#BodyWrapper #events-feature H1 { background-image: url(/img/hdr.events.gif); height: 32px; width: 95px; }
#BodyWrapper #in-the-news-feature { background-image: url(/img/landing.in-the-news.jpg); }
#BodyWrapper #in-the-news-feature H1 { background-image: url(/img/hdr.in-the-news.gif); height: 32px; width: 165px; }
#BodyWrapper #get-involved-feature { background-image: url(/img/landing.get-involved.jpg); }
#BodyWrapper #get-involved-feature H1 { background-image: url(/img/hdr.get-involved.gif); height: 31px; width: 177px; }

#BodyWrapper .ThreeColumns .Column { width: 215px; margin-right: 60px; }
#BodyWrapper .ThreeColumns .Last { margin-right: 0; }
#BodyWrapper .ThreeColumns .Column H3 { color: #369; padding-bottom: 5px; border-bottom: 1px solid #369; margin-bottom: 1em; }
#BodyWrapper .ThreeColumns .Column P { margin: 1em 0; line-height: 1.4em; font-size: 1.04em; }

/* ---------------------------------------------------------- article pages */

#BodyWrapper .ArticleWrapper { width: 770px; margin-right: 7px; }
#BodyWrapper .ArticleWrapper .Article { width: 570px; float: left; margin-right: 10px; font-size: 1.04em; line-height: 1.4em; }
* HTML #BodyWrapper .ArticleWrapper .Article { margin-right: 5px; }
#BodyWrapper .ArticleWrapper .Article H4, #BodyWrapper .ArticleWrapper .Article H5 { color: #255891; margin: 1.5em 0 1em; font-size: 1.06em; }
#BodyWrapper .ArticleWrapper .Article H5 { color: #d8246b; }
#BodyWrapper .ArticleWrapper .Article P { line-height: 1.4em; }
#BodyWrapper .ArticleWrapper .Article HR { margin: 1.5em 0; clear: both; }
#BodyWrapper .ArticleWrapper .Article UL, #BodyWrapper .ArticleWrapper .Article DL { margin: 0 0 1em; width: 50%; float: left; }
#BodyWrapper .ArticleWrapper .Article DL DT, #BodyWrapper .ArticleWrapper .Article DL DD, #BodyWrapper .ArticleWrapper .Article UL LI { padding-right: 10px; }
#BodyWrapper .ArticleWrapper .Article DL DT { color: #d8246b; }
#BodyWrapper .ArticleWrapper .Article DL DD { margin-bottom: 1.6em; }
#BodyWrapper .ArticleWrapper .Article UL { list-style-type: none; padding-left: 0; }
#BodyWrapper .ArticleWrapper .Article UL LI { margin-bottom: .5em; }
#BodyWrapper .Quotation { width: 190px; float: left; }
* HTML #BodyWrapper .Quotation { float: right; margin-left: -5px; }
#BodyWrapper .Quotation P { color: #255891; margin: 1em 0 .6em; padding-left: 19px; background: url(/img/img.quotation-start.gif) 0% 1% no-repeat; font-size: 1.25em; line-height: 1.25em; font-weight: bold; }
#BodyWrapper .Quotation P SPAN { display: block; padding-right: 19px; background: url(/img/img.quotation-end.gif) 100% 96% no-repeat; }
#BodyWrapper .Quotation .lower { text-align: right; color: #255891; padding-left: 19px; font-size: 1.15em; display: block; line-height: 1.25em; font-weight: bold; }
#BodyWrapper .Quotation .lower EM { display: block; font-weight: normal; }
#BodyWrapper .ArticleWrapper .Article UL.Bullets { list-style-type: disc; width: 100%; float: none; padding-left: 15px; }
#BodyWrapper .ArticleWrapper .Article UL.Bullets LI { margin-bottom: .75em; line-height: 1.4em; }
#BodyWrapper .Newsletter { padding: 1.5em 50px; background: url(/img/icon.pdf.large.jpg) 0% 50% no-repeat; }

#NewsArticles { padding: 2.5em 30px 0 20px; margin-bottom: 2em; }
#NewsArticles UL { float: none !important; width: auto !important; }
#NewsArticles LI { overflow: hidden; width: 100%; padding: 0 !important; margin-bottom: 2em !important; }
#NewsArticles LI IMG.logo { float: left; }
#NewsArticles LI .text { float: right; color: #666; width: 380px; }
#NewsArticles LI H3 { color: #d8246b; font-size: 1em; margin: 0; line-height: 1.4; }
#NewsArticles .more { text-align: right; font-weight: bold; }




/* ------------------------------------------------------------ section nav */

#BodyWrapper #SectionNav { list-style-type: none; margin: 0; padding: 1em 0 0 7px; width: 112px; }
#BodyWrapper #SectionNav LI { padding: 0; margin: 0; }
#BodyWrapper #SectionNav LI A { display: block; border-top: 1px solid #e0e0e0; padding: 9px 0; color: #666; font-size: 1.06em; }
#BodyWrapper #SectionNav .First A { border-top: 0; }
#BodyWrapper #SectionNav .Active A { color: #d8246b; font-weight: bold; }
* HTML #BodyWrapper #SectionNav LI A { padding: 16px 0 0 0; }

/* ------------------------------------------------------------------- bios */

.BioLink { display: none; color: #D8246B; font-weight: bold; }
.BioLink:hover { cursor: pointer; }

.Bio { width: 564px; background: url(/img/cap.bio.bottom.gif) bottom left no-repeat; padding-bottom: 27px; }
.Bio .Wrapper { width: 514px; background: url(/img/cap.bio.top.gif) top left no-repeat; padding: 30px 30px 30px 20px; }
.Bio .Wrapper .Content { padding: 1em 0 .5em; border: 1px solid #d8d8d8; border-left: 0; border-right: 0; }
.Bio .Wrapper .Content H6 { text-transform: uppercase; color: #D8246B; margin-bottom: .35em; }
.Bio .Wrapper .Content .Close { display: block; text-align: right; color: #D8246B; font-weight: bold; }
.Bio .Wrapper .Content .Close:hover { text-decoration: underline; cursor: pointer; }

.BioWrapper { margin-bottom: 1.6em; clear: both; }
#BodyWrapper .ArticleWrapper .Article .BioWrapper H5 { margin: 0 0 0.5em; font-size: 1em; line-height: 1.4; }
.BioWrapper A.BioLink { font-weight: normal; }