body {background: #003333; font-family: Arial, sans-serif; color: #E6E100}
div {clear:both}
div.image {margin-bottom: 10px}
div.main {margin-left: 670px}
div.index {position: absolute;left: 10px; top: 10px}
img {float:left; margin-right: 10px}

img.logo {margin-left: 100px}
img.gamesbut {position: absolute; left: 240px; top: 98px}
img.adventuresbut {position: absolute; left: 343px; top: 98px}
img.projectsbut {position: absolute; left: 517px; top: 98px}
img.treeplantingbut {position: absolute; left: 280px; top: 138px}
img.genealogybut {position: absolute; left: 455px; top: 138px}
img.peoplebut {position: absolute; left: 300px; top: 178px}
img.forumsbut {position: absolute; left: 403px; top: 178px}
img.homebut {position: absolute; left: 506px; top: 178px}
img.right {float: right; padding-left 10px; border: 1px solid #D2CE00}
img.map {position: absolute; left: 10px; top: 150px}
img.alsace {position: absolute; left: 508px; top: 284px; border: 0px}
img.commanda {position: absolute; left: 495px; top: 294px; border: 0px}
img.rye {position: absolute; left: 453px; top: 339px; border: 0px}
img.magnet {position: absolute; left: 376px; top: 430px; border: 0px}
img.dufferin {position: absolute; left: 287px; top: 525px; border: 0px}
img.seguin {position: absolute; left: 271px; top: 559px; border: 0px}

h1.lower {border-top: 1px solid #D2CE00}
h2 {margin-left: 500px; font-size: 16px}
h3 {margin-left: 210px; font-size: 14px}
h5 {font-size: 18px}
img.portrait {border: 1px solid #D2CE00}
p {font-size: 16px}
p.quote {margin-left:50px; margin-right: 50px; font-size: 12px}
p.caption {font-size: 12px}
a:link, a:visited {color:#FFFAB2}
a:focus, a:hover, a:active {color:#F8C473}