nodell on "Customizing different pages"

In order to customize the pre-set details in my theme, I'm using this code:

}
.menblock{
 	height: 60px;
}

#mainmen{
	position: relative;
	z-index: 70;
	background: rgba(0,0,0,0.1) url("http://www.nicoleodell.com/newsite/wp-content/uploads/2014/01/blue_color.jpg");
}

.headblock {
background: url("http://www.nicoleodell.com/newsite/wp-content/uploads/2014/01/blue_header21.jpg") repeat center;
box-shadow: none;
margin-bottom: 0;
margin-left: 100;
	margin-top: 0;
	padding: 0;
height: 90px;
}

But on certain pages, I'd like to use different images than the two listed above. I asked my theme support what I needed to do to indicate the change for specific pages. This was the answer I received:

"The reason that the code that you add will not work is that the header is fired before the code that you want to add.

You'll have to write a custom solution to accomplish this."

But that code does work to accomplish what I'm trying to do with it. Now I just need it to point to specific pages. Can anyone advise?

Here's an example of a page where I want to slightly change the code as I have it above...so it would look the same except be red and have the title of choose now radio instead of ministries. http://www.nicoleodell.com/newsite/choose-now-radio/ (site under construction)

Thank you!