html {overflow-y:auto;}
body {margin:0; padding:0; color:#000; background:#FFC; overflow-x:hidden;}
table {font-size:16px;}
form {margin:0;}
h1, h2 {font:bold 150% serif; text-align:center; margin:0; padding:0; color:#900;}
h2 {font-size:16px; font-family:sans-serif;}
ul {margin:0 2em;}
.buttons, #islandList {position:relative; width:800px; left:50%; margin-left:-400px;}
.buttons {height:35px;}
button {font:bold 16px serif; width:90px; cursor:pointer;}
#btnIsland, #btnLat, #btnLong, #btnArea, #btnAlt, #btnSrc, #btnInfo {position:absolute; bottom:2px;}
#btnIsland {left:25px; color:#900; width:125px;}
#btnLat  {left:240px;}
#btnLong {left:360px;}
#btnArea {left:470px;}
#btnAlt  {left:580px;}
#btnSrc {left:700px;}
#btnInfo {left:670px; bottom:auto; top:-25px; width:70px;}
#islandList {background:#FFC; height:500px;}
td {width:125px;}
td#island {width:250px; white-space:nowrap;}
p.footnote {margin:0 2em .5em;}
#area p, #alt p {margin:0 1em; text-align:right;}
input {border:0; width:100%; color:#900; background:#FFC; font:bold 24px serif; text-align:center;}
.dark {background:#DDD;}
.light {background:#EEE;}
div#details {position:absolute; width:600px; left:25px; top:25px; color:#000; background:#FFC; border:3px inset #900; visibility:hidden;}
ul {margin-left:4em; padding-left:.5em;}
ul.subList {margin-left:1em;}
.footnote {text-indent:-.75em; margin-left:4em; margin-right:4em;}
