@charset "utf-8";
/* CSS Document */

#subnav {
	float:left;	/* this DIV floats left of the main Content */
	font-size:80%;	/* font size for this section */
	width:250px;	/* specifies the width of the subnav panel */
	padding-bottom:20px; /* keeps the footer from getting too close to the subnav panel */
}
#subnav ul {
	color:#6c6f70;	/* gray text */
	padding:0 0 0 10px;	/* padding on left side */
	list-style:none; /* don't show any bullets */
}
#subnav ul li {
	padding-top:1px;
}
#subnav ul li a{
	color:#6c6f70;		/* gray text by default */
	text-decoration:none;	/* don't underline */
}
#subnav ul li a:hover{
	color:#e17000;		/* orange text when hovering */
}
/* Following rules control the first sub-list of sub-navigation 
	we use our own custom "disc" bullets to control size and color better */
#subnav ul li ul {
	list-style:none;	/* don't show any bullets */
	padding-left:11px;
	display:none;	/* hide all sub lists */
}
/* this rule determines when to show sublists (currently Our Programs only) */
div.residentialServicesClass #subnav ul li ul#subnavResidentialServicesList,
div.residentialServicesClass #subnav ul li ul li ul#subnavTFCList,
div.residentialServicesClass #subnav ul li ul li ul#subnavGriffinHomeList,
div.homelessServicesClass #subnav ul li ul#subnavHomelessServicesList,
div.youthAndFamilyClass #subnav ul li ul#subnavYouthAndFamilyList,
div.youthDevelopmentClass #subnav ul li ul#subnavYouthDevelopmentList {
	display:block;
}
#subnav ul li ul li a {
	padding-left:15px;	/* this padding left leaves room for the bullet - also affects second sub-level of list */
	background:url(images/bullets/grayDisc.gif) left .2em no-repeat;
}
#subnav ul li ul li a:hover {
	background:url(images/bullets/orangeDisc.gif) left .2em no-repeat; 
}
/* Following rules control the second sub-list of sub-navigation 
	we use our own custom "dash" bullets to control size and color better */
#subnav ul li ul li ul {
	list-style:none;
	padding-left:15px;	/* this padding left leaves room for the bullet - also affects second sub-level of list */
}
#subnav ul li ul li ul li a {
	background:url(images/bullets/grayDash.gif) left .2em no-repeat;
}
#subnav ul li ul li ul li a:hover {
	background:url(images/bullets/orangeDash.gif) left .2em no-repeat; 
}
/* highlighting sub navigation when page is viewed */
/* following rule highlights subnav when in the Get Help section */
#needShelterPage #subnav ul li a#subnavNeedShelter,
#NeedParentState #subnav ul li a#subnavNeedParentState,
#getHelpWithDrugsPage #subnav ul li a#subnavGetHelpWithDrugs,
#getHelpWithDrugsPage #subnav ul li a#subnavGetHelpWithDrugs,
#getHelpWithMentalHealthPage #subnav ul li a#subnavGetHelpWithMental,
#getHelpFindResourcesPage #subnav ul li a#subnavGetHelpFindResources,
/* following rule highlights subnav when in the About Us section */
#missionHistoryPage #subnav ul li a#subnavMissionHistory,
#boardPage #subnav ul li a#subnavBoardOfDirectors,
#partnersPage #subnav ul li a#subnavPartners,
#employmentPage #subnav ul li a#subnavEmployment,
#jobPage #subnav ul li a#subnavEmployment,
#forEmployeesPage #subnav ul li a#subnavForEmployees,
/* following rule highlights subnav when in the Our Programs section */
#residentialServicesPage #subnav ul li a#subnavResidentialServices,
#griffinHomePage #subnav ul li a#subnavGriffinHome,
#mcEachernHousePage #subnav ul li a#subnavMcEachernHouse,
#matsenHousePage #subnav ul li a#subnavMatsenHouse,
#colinFergusonHousePage #subnav ul li a#subnavColinFergusonHouse,
#therapeuticFosterCarePage #subnav ul li a#subnavTFC,
#FosterParentandRelativeCaretaker #subnav ul li a#subnavFPRC,
#whatIsTFCPage #subnav ul li a#subnavWhatIsTFC,
#fosterCareResourcesPage #subnav ul li a#subnavFosterCareResources,
#whatMakesTFPPage #subnav ul li a#subnavWhatMakesTFP,
#licensingProcessPage #subnav ul li a#subnavLicensingProcess,
#homelessServicesPage #subnav ul li a#subnavHomelessServices,
#streetOutreachPage #subnav ul li a#subnavStreetOutreach,
#sheltersPage #subnav ul li a#subnavShelters,
#newGroundPage #subnav ul li a#subnavNewGround,
#longTermPage #subnav ul li a#subnavLongTerm,
#youthAndFamilyPage #subnav ul li a#subnavYouthAndFamily,
#parentingResourcesPage #subnav ul li a#subnavParentingResources,
#healthyStartPage #subnav ul li a#subnavHealthyStart,
#substanceAbusePage #subnav ul li a#subnavSubstanceAbuse,
#mentalHealthPage #subnav ul li a#subnavMentalHealth,
#preventionServicesPage #subnav ul li a#subnavPreventionServices,
#youthDevelopmentPage #subnav ul li a#subnavYouthDevelopment,
#ktubPage #subnav ul li a#subnavKtub,
#neighborhoodSchoolhousePage #subnav ul li a#subnavNeighborhoodSchoolhouse,
#workforceDevelopmentPage #subnav ul li a#subnavWorkforceDevelopment,
/* following rule highlights subnav when in the Give section */
#donateNowPage #subnav ul li a#subnavDonateNow,
#giveNonCashItemsPage #subnav ul li a#subnavGiveNonCashItems,
#giveThroughPartnersPage #subnav ul li a#subnavGiveThroughOurPartners,
#financialDataPage #subnav ul li a#subnavFinancialData,
/* following rule highlights subnav when in the Give section */
#volunteerOpportunitiesPage #subnav ul li a#subnavVolunteerOpportunities,
#volunteerOpportunityDescriptionPage #subnav ul li a#subnavVolunteerOpportunities,
#volunteerExperiencePage #subnav ul li a#subnavVolunteerExperience,
#volunteerBenefitsPage #subnav ul li a#subnavVolunteerBenefits,
#volunteerResourcesPage #subnav ul li a#subnavVolunteerResources,
#volunteerApplicationPage #subnav ul li a#subnavVolunteerApplication,
/* following rule highlights subnav when in the News section */
#inTheNewsPage #subnav ul li a#subnavInTheNews,
#pressReleasesPage #subnav ul li a#subnavPressReleases,
#newslettersPage #subnav ul li a#subnavNewsletters,
#whitePapersPage #subnav ul li a#subnavWhitePapers,
#ourGalleryPage #subnav ul li a#subnavGallery

{
	color:#e17000;
}
/* this rule puts the gray triangle into the spans */
#subnav ul li span {
	padding:0;
	margin:0;
	width:14px;		/* always 14 pixels wide and we'll fill it with backgrond picture */
	height:13px;	/* height of the bitmap */
	float:left;		/* weird bit of magic */
	overflow:hidden;	/* this fixes weird bugs in IE6 - often needed when floated */
	background:url(images/rightArrowGray.gif) center center no-repeat;
}
/* this rule makes the gray arrow into an orange arrow when we are hovering */
#subnav ul li a:hover span {
	background:url(images/rightArrowOrange.gif) center center no-repeat;
}
/* When in sublists (currently Our Programs only) we show a orange down arrow on the parent list item */
.residentialServicesClass #subnav ul li a#subnavResidentialServices span ,
.homelessServicesClass #subnav ul li a#subnavHomelessServices span ,
.youthDevelopmentClass #subnav ul li a#subnavYouthDevelopment span ,
.youthAndFamilyClass #subnav ul li a#subnavYouthAndFamily span {
	background:url(images/downArrowOrange.gif) center center no-repeat;
}
/* this rule highlights the rightArrow to Orange only on the highlighted list item */
/* following rule highlights subnav img when in the Get Help section */
#needShelterPage #subnav ul li a#subnavNeedShelter span,
#needParentingPage #subnav ul li a#subnavNeedParent span,
#getHelpWithDrugsPage #subnav ul li a#subnavGetHelpWithDrugs span,
#getHelpWithMentalHealthPage #subnav ul li a#subnavGetHelpWithMental span,
#getHelpFindResourcesPage #subnav ul li a#subnavGetHelpFindResources span,
/* following rule highlights subnav img when in the About Us section */
#missionHistoryPage #subnav ul li a#subnavMissionHistory span,
#boardPage #subnav ul li a#subnavBoardOfDirectors span,
#partnersPage #subnav ul li a#subnavPartners span,
#employmentPage #subnav ul li a#subnavEmployment span,
#jobPage #subnav ul li a#subnavEmployment span,
#forEmployeesPage #subnav ul li a#subnavForEmployees span,
/* following rule highlights subnav bullet when in the Our Programs section */
#residentialServicesPage #subnav ul li a#subnavResidentialServices:hover span,
#homelessServicesPage #subnav ul li a#subnavHomelessServices span,
#youthAndFamilyPage #subnav ul li a#subnavYouthAndFamily span,
#youthDevelopmentPage #subnav ul li a#subnavYouthDevelopment span,
/* following rule highlights subnav img when in the Give section */
#donateNowPage #subnav ul li a#subnavDonateNow span,
#giveNonCashItemsPage #subnav ul li a#subnavGiveNonCashItems span,
#giveThroughPartnersPage #subnav ul li a#subnavGiveThroughOurPartners span,
#financialDataPage #subnav ul li a#subnavFinancialData span,
/* following rule highlights subnav img when in the Give section */
#volunteerOpportunitiesPage #subnav ul li a#subnavVolunteerOpportunities span,
#volunteerOpportunityDescriptionPage #subnav ul li a#subnavVolunteerOpportunities span,
#volunteerExperiencePage #subnav ul li a#subnavVolunteerExperience span,
#volunteerBenefitsPage #subnav ul li a#subnavVolunteerBenefits span,
#volunteerResourcesPage #subnav ul li a#subnavVolunteerResources span,
#volunteerApplicationPage #subnav ul li a#subnavVolunteerApplication span,
/* following rule highlights subnav img when in the News section */
#inTheNewsPage #subnav ul li a#subnavInTheNews span,
#pressReleasesPage #subnav ul li a#subnavPressReleases span,
#newslettersPage #subnav ul li a#subnavNewsletters span,
#whitePapersPage #subnav ul li a#subnavWhitePapers span,
#ourGalleryPage #subnav ul li a#subnavGallery span
{
	background:url(images/rightArrowOrange.gif) center center no-repeat;
}

/* when these pages are highlighted, turn the background bullet orange */
#griffinHomePage #subnav ul li a#subnavGriffinHome,
#therapeuticFosterCarePage #subnav ul li a#subnavTFC,
#streetOutreachPage #subnav ul li a#subnavStreetOutreach,
#sheltersPage #subnav ul li a#subnavShelters,
#newGroundPage #subnav ul li a#subnavNewGround,
#longTermPage #subnav ul li a#subnavLongTerm,
#parentingResourcesPage #subnav ul li a#subnavParentingResources,
#healthyStartPage #subnav ul li a#subnavHealthyStart,
#substanceAbusePage #subnav ul li a#subnavSubstanceAbuse,
#mentalHealthPage #subnav ul li a#subnavMentalHealth,
#preventionServicesPage #subnav ul li a#subnavPreventionServices,
#ktubPage #subnav ul li a#subnavKtub,
#neighborhoodSchoolhousePage #subnav ul li a#subnavNeighborhoodSchoolhouse,
#workforceDevelopmentPage #subnav ul li a#subnavWorkforceDevelopment {
	background:url(images/bullets/orangeDisc.gif) left .2em no-repeat; 
}

/* when these pages are highlighted, turn the background dash orange */
#mcEachernHousePage #subnav ul li a#subnavMcEachernHouse,
#matsenHousePage #subnav ul li a#subnavMatsenHouse,
#colinFergusonHousePage #subnav ul li a#subnavColinFergusonHouse,
#whatIsTFCPage #subnav ul li a#subnavWhatIsTFC,
#fosterCareResourcesPage #subnav ul li a#subnavFosterCareResources,
#whatMakesTFPPage #subnav ul li a#subnavWhatMakesTFP,
#licensingProcessPage #subnav ul li a#subnavLicensingProcess{
	background:url(images/bullets/orangeDash.gif) left .2em no-repeat; 
}