html, body, p, a, ul
 {font-size: 3.5mm}

.webpage
 {width: 129mm; margin-left: auto; margin-right: auto}
.newpage
 {page-break-before: always;
  padding-top: 10mm}

h3
 {font-size: 4mm; margin-top: 6mm}

p.credit, p.footer
 {font-size: 2.6mm}
p.intro
 {text-indent: 2mm; margin-bottom: 5mm}
p.intro:first-letter
 {font-size: 4.2mm; font-weight: lighter}

div.buttons
 {text-align: center; padding: 0 0 2.4mm 0; white-space: pre}
div.buttons a
 {padding: 1.2mm 1mm 1mm 1mm; border: outset #CCC 0.6mm;
  font-size: 3mm}

ul, li.green, li.red
 {padding: 0; margin-left: 2.4mm; margin-bottom: 3.5mm}

img#Explore
 {width: 129mm; height: 27mm}
img#Trinidad
 {width: 129mm; height: 29mm; padding-bottom: 3mm}
img#THfog
 {width: 129mm; height: 76.2mm; padding-bottom: 3mm}
img#HeadView
 {width: 129mm; height: 85mm; padding-bottom: 2mm}
img#storm
 {width: 129mm; height: 59.2mm; padding-bottom: 2mm}
img#Relief
 {width: 27.8mm; height: 72.8mm; padding-right: 5mm}
img#BB
 {float: left; padding-right: 7mm;
  width: 36mm; height: 25mm; padding-top: 1.2mm}
img#BBR
 {float: right; padding-left: 7mm;
  width: 36mm; height: 25mm; padding-top: 0.6mm}
img#Head
 {float: right; padding-left: 7mm;
  width: 30mm; height: 25mm}
img#LH
 {float: left; padding-right: 5mm;
  width: 48mm; height: 36mm}
img#Pewe
 {float: right; padding-left: 7mm;
  width: 27.4mm; height: 28.6mm; padding-top: 0.6mm}
img#PeweL 
 {float: left; padding-right: 7mm;
  width: 27.4mm; height: 28.6mm; padding-top: 0.6mm}