html, body, p, a, ul, h3 {background: url(light-sand.jpg);
      font-family: Verdana, sans-serif;
      font-size: 15px}

.webpage
 {width: 803px; margin-left: auto; margin-right: auto}

h3
 {font-size: 20px; text-align: center; margin-top: 1.5em}

p, li {padding: 0 3px}
p {text-align: justify; margin-bottom: 10px}
p.credit {text-align: center; font-size: 12px; color: #444}
p.footer {text-align: center; font-size: 13px; color: #840}
p.info {text-align: center}
p.intro {text-indent: 15px}
p.intro:first-letter {font-size: 17px; font-weight: lighter}

a {color: #840; text-decoration: underline}
a:hover {color: #040; text-decoration: underline; background: #EEE}
a.anchor {color: black; text-decoration: none}

div.navbar
 {width: 790px; margin-left: 4px; padding: 5px 0;
  border: outset #CCC 3px; background: #CCC}
div.navbar a
 {padding: 0 32px; background: #CCC; font-size: 14px;
  color: black; text-decoration: none;
  text-shadow: 0 -1px 0 #888, 0 1px 0 #DDD}
div.navbar a:hover
 {text-decoration: underline; background: #CCC;
  text-shadow: 0 -1px 0 #777, 0 1px 0 #EEE}

ul, li.green, li.red
 {padding: 0 3px 0 0; margin-left: 12px; margin-bottom: 1em;
  text-align: justify}
li.green {list-style: url(g-ball.gif) disc}
li.red {list-style: url(r-ball.gif) disc}

img {border: 0}
img#Trinidad
 {width: 800px; height: 400px; border: solid black 1px;
  border-width: 2px 1px 1px 2px}
img#BB
 {float: right; padding-left: 25px;
  width: 180px; height: 125px; padding-top: 6px}
img#LH
 {float: left; padding-right: 25px;
  width: 240px; height: 180px}
img#Pewe 
 {float: left; padding-right: 25px;
  width: 137px; height: 143px; padding-top: 3px}