/* tidied up a bit but should look the same */

body { 
color: black;
background-color: #FFFFFF;  
}

p, td, h1, h2, ul, ol, li {
font-family: "Trebuchet MS", Geneva, Arial, Verdana, Garamond, sans-serif;
font-size: 11px; 
line-height: 14px;
}

a { 
color: #669933;  
font-weight: bold; 
text-decoration: none; 
}

a:hover  {  
text-decoration: underline; 
}

h1 { 
font-size: 14px;  
color: #003366;
; margin-left: 10%}

h1 img { 
margin-right: auto; 
margin-left: auto; 
; text-align: center}

h2 {  
font-weight: normal;  
color: #003366; 
}

p { margin-right: 10%; margin-left: 10%}

.quote  { 
color: #003366; 
font-size: 10px;  
text-decoration: none; 
}

.title  { 
color: #9e0b0e; 
font-weight: bold;
}

a.bodyl {
font-weight: normal; text-align: left;
; left: 50px; clip:  rect(   )}

a.bodyc {
font-weight: normal; text-align: center;
; left: 50px; clip:  rect(   )}

ul {  
margin-left: 10%; 
margin-right: 10%;
}

table {  width: 100%; margin-right: 5px; margin-left: 5px}
table td { margin-top: 10px; width: 33% }
tr#head td { text-align: center; }td { padding-top: 10px; vertical-align: top}

table#chart  {  width: 90%; margin-right: 5%; margin-left: 5%; border-style: dotted; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; vertical-align: top}
td#aotearoa
td#serbia.nz {  color: #669933}
.serb {  color: #003366}
.nz {  color: #669933}
.chartrow {  width: 20%; border-style: dotted; border-right-width: 1px}
.chartrow2 {  border-style: dotted; border-right-width: 1px}