BODY { background: #FFFFFF; font-family: arial, sans-serif; color:#ffffff; font-size: 8pt}
td {font-size:8pt}
.title {color:#FFFFFF; font-size:10pt; font-weight:bold}
.reverse {background-color:#cccccc; color:#FFFFFF; font-size:8pt}
.reversetitle {background-color:#003366; color:#ffffff; font-size:10pt; font-weight:bold}
td.text {background-color:#ffffff; color:#003366; font-size:8pt}
.shell {border: thin ridge #666666; background-color:#006666;}
.credit {background-color:#FFFFFF; color:#CCCCCC; font-size:7pt}
.toptext {background-color:#ffffff; color:#FFFFFF; font-size:7.5pt}

<!-- 

title = text in grey area above main white text area
.reverse = text below on blue background (not white)
.reversetitle = area at top right of viewer
td.text = text in main white box and the bottom white area
.shell = grey background and thin darker grey border around middle section
.credit = viewer and credit info at bottom
.toptext = contact details info at the top for both agents

 -->