There are many ways to do this but I think the best way for you at this stage is to make your graduation as you like it in photoshop and make it really long but only about 10 pixels wide.
Then insert this into the page as a background image by going to page properties and repeating only the x axis
Thanks for the reply but my concern is not how to create the gradation.
My question is how to have the grey background AND the smaller white background in the middle
I would use a container div that will set the back gound in the middle. Ot just set each div back ground color as you go so that you can specify where you want the white to be.
Just another way to do it.
Thanks! Can you please explain how to do that?
I'm not too familiar with Divs...only tables (noob, I know)
Contrary to popular belief, you will not be killed if you use a table with a white background.