BODY { font-family: Helvetica, verdana, sans-serif; font-size: 95%; background: #eaf7ff url(/images/global-bkg.gif) top repeat-x; }

BODY.Red {  background-color: #EEF3EB;  }

BODY.Blue,
BODY.Blue #Footer,
BODY.Blue #Footer A { background-color: #003870; background-image: none; color: #FFF; }
BODY.Blue #Footer A { border-color: #FFF; }
BODY.Blue #Footer P { color: #FFF; }
BODY.Blue #Footer A:hover { color:#A9C399; }

BODY.Blue #Column2 A { color: #A9C399; }
BODY.Blue #Column2 A:hover { color: #FFF; }
BODY.Blue #Column2 DD SPAN { color: #CCCCCC; font-size: 80%; }

#SiteWrapper { position: absolute; z-index: 1; left: 50%; top: 0;  padding: 10px 0; margin: 0 auto; width: 942px; margin-left: -471px;}

#Masthead #Logo { float: left; margin-top: 25px; }
#Masthead .Item { float: right; margin-top: 35px; }
#Masthead { height: 215px; }

H1 { font-size: 215%; padding: 20px 0 10px 0; line-height: 1em; text-transform: uppercase; }
#Column1 H2 { color: #B80E00; text-transform: uppercase; font-size: 85%; font-weight: bold; margin: 0; }
#Column2 H2 { font-size: 17px; color: #A9C399; margin-top: 20px; font-weight: bold; text-transform: uppercase; }
H3 { color: #003870; text-transform: uppercase; font-size: 80%; font-weight: bold; margin: 0px 0 10px 0; }
h4 { margin-bottom: 10px; line-height: 1.35em; font-size: 100%;  }

#Columns A {  color: #A9C399; text-transform: uppercase; text-decoration: none; font-weight: bold; }

P { font-size: 80%; margin-bottom: 10px; color: #003870; }

DL { font-size: 80%; }
DT { color: #FFF; padding-top: 10px; font-weight: bold;  }
DD.Date { font-style:italic; color: #CCCCCC; }

#Column1 IMG { margin-bottom: 20px; }
#Column2 DD A { font-size: 100%; }
#Columns UL { font-size: 80%; color: #003870; }
#Columns LI { margin: 0 20px 10px 20px; padding: 0; }

#Intro H2 { color: #003870; text-transform: uppercase; font-weight: bold; margin: 20px 0 5px 0; } 
#Intro P { font-size: 85%; margin: 0; padding: 0; }
#Intro .Title { height: 25px; }
#Home #Intro { padding: 0; height: 302px; display: block; overflow: none; background: url(/images/intro-green_bkg.jpg) top right no-repeat; }

#Intro .Grantee { width: 260px; padding-right: 10px; margin: 75px 10px 0 0; float: right; color: #003870; }
#Intro .Grantee DT { font-size: 110%; margin: 0 0 0px 0; padding: 0;  line-height: 1.25em; color: #003870;  }
#Intro .Grantee DL { margin: 0 0 0px 0; padding: 0; font-size: 90%; }
#Intro .Grantee DD { margin: 12px 0 0 0; padding: 0;  }
#Intro .Grantee DD A { color: #003870; font-size: 85%; }
#Intro .Grantee DD A:hover { color: #FFF; }

/* Main Navigation Styles */
#Navigation { display: block; clear: both; float: left;width: 942px; margin: 0 0 11px 0;  }
#Navigation UL { list-style-type: none; float: left; margin-top: 25px;  }
#Navigation LI A { position: relative; text-decoration: none; color: #FFF; display: block; height: 37px;  width: 132px;}
#Navigation LI { cursor: pointer; margin-right: 3px; font-size: 90%; display: inline; height: 37px;  width: 132px; float: left; text-align: center;  }
#Navigation LI.Last { margin-right: 0; border-right: none; }
#Navigation LI { text-decoration: none; color: #FFFFFF; padding: 0px; display: block; }

#Navigation #WhatWeLookForMenu { background: url(/images/navigation/global_nav-what_we_look_for.jpg) no-repeat top center;}
#Navigation #FundingGuidelinesMenu { background: url(/images/navigation/global_nav-funding_guidelines.jpg) no-repeat top center;}
#Navigation #HowToApplyMenu { background: url(/images/navigation/global_nav-how_to_apply.jpg) no-repeat top center;}
#Navigation #OurGranteesMenu { background: url(/images/navigation/global_nav-our_grantees.jpg) no-repeat top center;}
#Navigation #WhoWeAreMenu { background: url(/images/navigation/global_nav-who_we_are.jpg) no-repeat top center;}
#Navigation #LinksMenu { background: url(/images/navigation/global_nav-links.jpg) no-repeat top;}
#Navigation #ContactUsMenu { background: url(/images/navigation/global_nav-contact.jpg) no-repeat top center;}


/* Sub Navigation Styles */
#SubNav { color: #94D6FF;  margin: 0 auto; padding: 0; text-align: center; text-transform: uppercase; display: block; width: 942px; clear: both; height: 45px;  }
#SubNav DIV { display: none; border: 1px solid #94D6FF; width: 942px; }
#SubNav P { font-weight: bold; font-size: 80%; padding: 8px 0 7px 0; margin: 0; color: #94D6FF; }
#SubNav P A { color: #FFF;  text-decoration: none; padding: 0px 0px; margin: 0px 0px;  }
#SubNav P A:hover { color: #CCC; }

#InternalNav { clear: both; display: block; padding: 0 0 5px 0; margin: 0 0 5px 0;}
#InternalNav LI A { font-size: 95%; color: #6F875F; }
#InternalNav LI A.Selected { color: #003870; }
#InternalNav LI A:hover { color: #003870; }
#InternalNav LI { border-right: 1px solid #000; padding: 0 15px 0 15px; text-transform: uppercase; font-weight: bold; list-style-type: none; display: inline; margin: 0; }
#InternalNav LI.First { padding-left: 0; }
#InternalNav LI.Last { border-right: 0; }

#InternalSubNav { margin: 0; padding: 0; display: block; clear: both; background-color: #a9c399; }
#InternalSubNav UL { background-color: #a9c399; display: block; clear: both; }
#InternalSubNav LI { margin: 0 0 0 0; display: inline; list-style-type: none; text-align: center; }
#InternalSubNav LI A { background: a9c399; font-size: 95%; float: left;  padding: 0;  width: 148px; color: #FFF; border-right: 2px solid #eaf7ff;  text-align: center; }

#OurGrantees #InternalSubNav LI A { padding: 5px 0 2px 0; background-color: #a9c399; }
#OurGrantees #InternalSubNav LI A:Hover { background-color: #003870; } 
#OurGrantees #InternalSubNav LI.Selected A { background-color: #003870; } 

#FundingGuidelines #InternalSubNav LI A.EarlyChildhood { background: url(/images/subnav-early_childhood.gif) no-repeat center top;}
#FundingGuidelines #InternalSubNav LI A.FamilySupport { background: url(/images/subnav-family_support.gif) no-repeat center top; }
#FundingGuidelines #InternalSubNav LI A.YouthDevelopment { background: url(/images/subnav-youth_development.gif) no-repeat center top; }
#FundingGuidelines #InternalSubNav LI A.YouthAging { background: url(/images/subnav-youth_aging.gif) no-repeat center top; }

#FundingGuidelines #InternalSubNav LI IMG { opacity:.01;filter:alpha(opacity=.01); }
#FundingGuidelines #InternalSubNav LI A:HOVER IMG { opacity:1;filter:alpha(opacity=100); }
#FundingGuidelines #InternalSubNav LI.Selected IMG { opacity:1;filter:alpha(opacity=100); }

#FundingGuidelines #InternalSubNav A { height: 40px; } 

#UserInput.Questionnaire DD { padding: 0 10px 0px 10px; border: none; color: #003870; width: 500px; background: none; }
#UserInput.Questionnaire DT { padding: 0px; width: 20px; }

#UserInput { margin-top: 20px; }
#UserInput DL { display: block; clear: both;  }
#UserInput DT { float: left; width: 150px; padding: 0 10px 0 0px; margin: 10px 0 5px 0; text-align: right; color: #003870; font-weight: normal; }
#UserInput DD { border: 1px solid #559ACF; float: left; width: 400px; background-color: #FFF; margin: 10px 0 5px 0; }
#UserInput DD INPUT { padding: 2px; width: 400px; border: none; }
#UserInput DL.Button DD { border: none; background-color: #eaf7ff; margin: 0; }
#UserInput DD INPUT.Button { padding: 0; cursor: pointer;  background-color: #eaf7ff; text-align: left; border: none; color: #6F875F; font-size: 110%; }
#UserInput DD TEXTAREA { border: none; padding: 2px; width: 400px;}

/* Utilities */
.Left { float: left; }
.Right { float: right; }

IMG.Right { margin: 0 0px 10px 15px;}

#WhoWeAre.News #Column2 DT { color: #003870; }
#WhoWeAre.News #Columns H2 {color: #B80E00;}
#WhoWeAre.News #Columns .Item .Date { font-weight: normal; font-family: Times; font-style: italic; }
#WhoWeAre.News #Columns .Item .Source { font-weight: normal; font-family: Times; text-transform: uppercase; }
#WhoWeAre.News #Columns .Item .Title { text-transform: uppercase; color: #B80E00; font-weight: bold; }
#WhoWeAre.News #Columns .Item DT { color: #003870; }
#WhoWeAre.News #Columns .Item DL { color: #003870; } 
#WhoWeAre.News #Columns .Item DD { color: #003870; }
#WhoWeAre.News #Columns .Item { width: 450px; float: left; }
#WhoWeAre.News #Columns .Item.Right {float: right;}


#WhoWeAre.Staff #Columns .Item DL { font-size: 95%; }
#WhoWeAre.Staff #Columns .Item DT.Name { color: #B80E00; }
#WhoWeAre.Staff #Columns .Item DD.Title { font-family: Times;  color: #003870; text-transform: uppercase; font-size: 85%; } 
#WhoWeAre.Staff #Columns .Item DD.Email A { padding: 0 0 10px 0; font-weight: normal; font-style: italic; font-family: Times;  font-family: 80%; text-transform: none; }
#WhoWeAre.Staff #Columns .Item UL { list-style: none; margin: 0 0 10px 0; }
#WhoWeAre.Staff #Columns .Item LI { margin: 0px 0 5px 0; font-size: 95%; }

#WhoWeAre.Staff #Columns .Item { width: 450px; float: left; }
#WhoWeAre.Staff #Columns .Item.Right {float: right;}


#HowToApply .Questionnaire TD A { text-transform: none; }
#HowToApply #Column1 { font-size: 85%; }
#HowToApply #Column1 DL { font-size: 85%; margin: 0 0 20px 30px; color: #003870; }
#HowToApply #Column1 DT { color: #003870; }

#HowToApply .UserInfo { margin: 10px 0 45px 0; }
#HowToApply .UserInfo TD { padding: 8px 0; vertical-align: middle; font-size: 80%; }
#HowToApply .UserInfo INPUT { padding: 3px 2px; width: 375px; border: 1px solid #559ACF; }

#HowToApply #Page1 TD { padding: 7px 0 3px 0; vertical-align: middle; }
#HowToApply TD { vertical-align: top; color:  #003870; font-size: 85%; }
#HowToApply #Page2 TEXTAREA { width: 470px; height: 100px; margin-right: 20px; border: 1px solid #559ACF; }
#HowToApply #Page2 TD.Title { font-weight: bold; padding: 35px 0 5px 0; font-size: 80%; }
#HowToApply #Page2 TD.Instructions { font-size: 70%; }
#HowToApply INPUT.Button.Hovered { color: #FFF; background-color: #000;}
#HowToApply INPUT.Button { background-color: #dbe3d6; padding: 8px 25px; cursor: pointer; text-align: left; border: none; color: #6F875F; font-size: 120%; margin: 0 0 50px 0; }

#HowToApply .Attachments .Item { width:448px; display: block; border: 1px solid #FFF;  background: #dbe3d6; margin: 0 0 10px 0; padding: 15px 10px; }
#HowToApply .Attachments .Item LABEL { padding: 10px 0 0 0; }
#HowToApply .Attachments .Item INPUT { margin: 5px 10px 0 0; padding: 3px; } 

#OurGrantees #Columns .Item { width: 280px;  float: left; color: #003870;  }
#OurGrantees #Columns .Item DL { margin: 10px 0 0 0; }
#OurGrantees #Columns .Item DD { padding: 0; margin: 0; line-height: 1.35em; }
#OurGrantees #Columns .Item DD A { text-transform: none; }
#OurGrantees #Columns .Item DD A:hover { color: #003870; }
#OurGrantees #Columns .Item DL { color: #003870; font-size: 80%; }
#OurGrantees #Columns .Item DT { color: #003870; line-height: 1.15em; margin-bottom: 3px;}

#OurGrantees #Columns .Snapshot { padding: 10px; }
#OurGrantees #Columns .Snapshot DD { line-height: 1.35em; margin: 5px 0 0 0; padding: 0; font-size: 100%; color: #003870;  }
#OurGrantees #Columns .Snapshot DT { margin: 0; padding: 0; }
#OurGrantees #Columns .Snapshot DL { margin: 0 0 10px 0; }

#OurGrantees.Featured { background-color: #EEF3EB; }

#OurGrantees.Featured #Columns #Column2 { padding: 0; width: 220px; }
#OurGrantees.Featured #Columns #Column2 H2 { margin :0; background-color: #003870; padding: 2px 0px; }
#OurGrantees.Featured #Nav { width: 80px; float: left; }
#OurGrantees.Featured #Nav IMG,
#OurGrantees.Featured #Nav A { padding: 0; margin: 0 0px 0 0;}
#OurGrantees.Featured #Slideshow { width: 340px; float: right; height: 560px; width: 620px; overflow: hidden; }
#OurGrantees.Featured P A { text-transform: none; }

#ContactUs #Columns .Content DL { margin: 0 0 20px 0; color: #003870; font-size: 85%;   }
#ContactUs #Columns .Content DT { color: #003870;  text-transform: uppercase; margin: 0; padding: 0; }
#ContactUs #Columns .Content DD A { text-transform: none; }
#ContactUs #Columns .Small { font-size: 70%; margin-bottom: 15px; }

/* Column Styles */
#Columns { display: block; clear: both; padding: 0px 0 10px 0px;  }
#Columns #Intro { display: block; clear; both; margin-bottom: 10px; padding-bottom: 20px; }
BODY.Blue #Columns #Intro { padding-bottom: 10px; margin-bottom: 0; }
#Columns.TwoColumns #Column1 { width: 620px; float: left; margin-right: 22px; }
#Columns.TwoColumns #Column2 { width: 290px; float: left; }

#Columns.TwoColumns.TypeB #Column1 { width: 304px; float:  left; margin-right: 20px; }
#Columns.TwoColumns.TypeB #Column2 { width: 603px;float: left; }

#Columns.TwoColumns.TypeC #Column1 { width: 700px; float:  left; margin-right: 20px; }
#Columns.TwoColumns.TypeC #Column2 { width: 180px;float: left; }

#Columns.ThreeColumns #Column1 { float: left; width: 304px; margin-right: 15px; }
#Columns.ThreeColumns #Column2 { float: left; width: 304px; margin-right: 15px; }
#Columns.ThreeColumns #Column3 { float: left; width: 304px; }

#Columns.ThreeColumns .Links { vertical-align: middle; height: 50px; clear: both; margin: 0; padding: 0;  }


#Columns.FourColumns #Column1 { width: 228px; margin-right: 10px; float: left; }
#Columns.FourColumns #Column2 { width: 228px; margin-right: 10px; float: left; }
#Columns.FourColumns #Column3 { width: 228px; margin-right: 10px; float: left; }
#Columns.FourColumns #Column4 { width: 228px; float: left;  }

#Columns.FourColumns .Links { vertical-align: middle; height: 50px; clear: both; margin: 0; padding: 0;  }


#Links H3 { color: #B80E00; }
#Links DT { margin-top: 10px; color: #003870; text-transform: uppercase; font-size: 90%;  }
#Links DD A { text-transform:none; }
#Links DD A:hover { color: #003870; }
#Links DD {  color: #003870; padding-right: 10px; } 

/* Footer Styles */
#Footer { color: #003870;  display: block; clear: both; padding-top: 25px; }
#Footer A {  color: #003870; text-decoration: none; } 
#Footer UL { font-size: 75%; link-list-style: none; }
#Footer LI { display: inline; }
#Footer LI.First A { padding-left: 0; }
#Footer LI.Last A { border-right: 0; }
#Footer LI A { color: #003870;  padding: 0 10px; border-right: 1px solid #003870;}
#Footer LI A:hover { color: #000; }
#Footer P { margin-top: 10px; font-size: 70%; }

#Portal #Intro H1 { color: #00396f; text-transform: none; margin: 2px 0; padding: 0; font-size: 24px; font-weight: normal;  }
#Portal #Login { width: 400px; padding: 30px 20px 20px 20px; border: 5px solid #FFF; background-color: #EFEFEF; margin: 5px 0 50px 0; }
#Portal #Login LI { list-style: none;padding: 2px 5px; }
#Portal #Login LABEL { width: 85px; float: left; }
#Portal #Login LI INPUT { width: 200px; }
#Portal #Login .Button { margin: 10px 0 0 25px; padding: 6px 40px;  cursor: pointer;  background-color: #003870; text-align: left; border: none; color: #FFF; font-size: 110%; }

#Portal #Intro { margin: 0; padding: 0 0 18px 0; }
#Portal #Columns.TwoColumns #Column1 { width: 400px; }
#Portal #Columns.TwoColumns #Column2 { width: 400px; }
#Portal #Column2 LI,
#Portal #Column1 LI { margin: 2px 0 0px 16px; padding: 0; }
#Portal #Columns A { text-transform: none; color: #FF0000; font-weight: normal; margin: 0;  }
#Portal #Columnar A { text-decoration: none; text-transform: none; color: #be1c00; font-weight: normal; margin: 0;  }
#Portal #Columnar A:HOVER { color: #FF0000; }

#Portal #Columnar { margin: 20px 0; display: block; clear: both; background: url(/images/columnar-bg.gif) repeat-y left top; }
#Portal #Columnar H2 { color: #00396f; font-size: 24px; font-family: Helvetica, Arial;  }
#Portal #Columnar H5 { font-weight: bold; color: #003870; font-size: 18px; line-height: 1.2em; margin: 0 0 0px 0}
#Portal #Columnar P.Date { margin: 0 0 15px 0; }
#Portal #Columnar .Column1 { width: 230px; float: left; }
#Portal #Columnar .Column2 { width: 660px; float: left; margin: 0 0 0 50px; }
#Portal #Columnar P { margin: 0; padding: 0; }
#Portal #Columnar UL { margin: 0 0 10px 0; padding: 0 0 5px 0; }
#Portal #Columnar .Item { width: 330px; float: left;}
#Portal #Columnar LI { list-style: none; font-size: 12px; text-transform: none; color: #FF0000; font-weight: normal; margin: 0; }

#Sitemap #Column1 LI { list-style-type: none; margin: 0 0 10px 0; padding: 0 0 10px 0; }
#Sitemap #Column1 LI A { text-transform: none; }
#Sitemap #Column1 LI LI { font-size: 115%; margin: 0; padding: 0; }
#Sitemap #Column1 LI LI A { font-weight: normal; }