typography all the way to h6

Hi all -- following on from today's meeting, I pulled the quick ref and 
redid the typography to conform to more normal rules of type. I wanted 
to see if it made it easier to visually parse, and I think that it did. 
I'm still doing a little tweaking but here's a first pass, attached.

Some feedback on the mark-up:

<div class="div4" /> is really messing up rendering (tested on IE6 and 
FF2), as although it's technically allowable, the browsers' rendering 
engines are not closing the div. Strongly suggest removal if empty 
(which I have done in the attached file). Worst case, try <div 
class="div4"></div>.

Why are the customisation options marked up as a definitions list? They 
aren't a definitions list. I have stripped this down to the minimum but 
this may be too much

There's no on-focus application of the on-hover highlight, so I have 
added this.