Ok, I made some modifications to your code. I condensed things down a bit while retaining the design of your page.

A couple notes:

• Symantically, you can only use one H1 tag per page.
• You will note that the text in the "meadow" background is not aligned at the bottom. I tried to keep all the CSS code that relates to the "meadow" section in one H2 tag. There are 2 ways in order to align the text. The first is to create a container "meadow" div with individual rules and then place the H2 tag inside that container with its own set of alignment rules. The second method is to create the background image with the words "Ontario's Enviroment..." inserted into the image and then use CSS background rules to hide the text. I prefer the second method because 1) it takes less markup, 2) it requires less CSS, and 3) the text still displays for screen readers. The only reason why you might not want to go with the second option is if you plan to change the motto often. (I have included a #meadow_alt set of rules for the second option in the CSS code).
• As you can see, I didn't do any styling with the footer information. It seemed like you had a pretty decent handle on that part. I applied some simple CSS rules to the footer but it needs clean-up, of course.
• I do all my CSS inline. Old habit, but to each his own.

I hope this helps.