Add styles on a page level

I would like to be able to use the styles tab on PAGE level to be able to add in overriding css classes to the template regions.

Example. I have a page layout that I like in one section of the site where the nav bar is styled yellow (color codes sections of the site). Now I want to use that same template for a different section of the site but just want to change the nav bar color from yellow to blue. Currently I have to create a new template to do this and it makes template management not good (I have a zillion templates).

Would be so great if I could just click the style tab, select the region and ad din a new class name, that then I would list the style in my css that would just override those properties that I want to change.

If I had this I could cu down my templates at least in half.