.main-body-family {
	background-image: url(../../Images/main-body-family.jpg);
}
/*  --- these three rules change individual page background colour --- */
body#oasis div#famnav2{background-image: url(../../Images/main-body-oasis.jpg);}
body#splash div#famnav2{background-image: url(../../Images/main-body-splash.jpg);}
body#family-resources div#famnav2{background-image: url(../../Images/main-body-family.jpg);}
body#merge div#famnav2{background-image: url(../../Images/main-body-merge.jpg);}
body#volunteer div#famnav2{background-image: url(../../Images/main-body-volunteer.jpg);}
body#donate div#famnav2{background-image: url(../../Images/main-body-donate.jpg);}
body#employment div#famnav2{background-image: url(../../Images/main-body-employment.jpg);}
body#report div#famnav2{background-image: url(../../Images/main-body-report.jpg);}
body#testimonials div#famnav2{background-image: url(../../Images/main-body-testimonials.jpg);}
body#history div#famnav2{background-image: url(../../Images/main-body-history2.jpg);
}

/*  --- these three rules change ul background colour on individual pages --- */
#oasis ul { background: #396; }
#splash ul { background: #C90; }
#services ul { background: #06C; }