body {margin:0; padding:0; background:url("IMAGES/BACKGROUND.GIF") fixed;}
#thisDoc {position:relative; width:1000px; left:50%; margin-left:-500px; top:50px; border:3px outset #900; background:#FFC;}
img {border:0;}
h1 {font:bold 150% serif; text-align:center; color:#900;}

.btnSite, .btnIsland, .btnCategory, .btnDescribe, .spanDescribe {position:absolute; width:100px; bottom:2px; padding:0; font:bold 16px serif;}

.btnSite     {left:60px;}
.btnIsland   {left:300px;}
.btnCategory {left:450px;}
.btnDescribe {left:600px; width:115px;}
.spanDescribe {left:600px; bottom:4px;}

/* "Sorted By..." line at top of page */
#info  {position:relative; border:0; width:100%; color:#900; background:#FFC; font:bold 24px serif; text-align:center; margin-bottom:50px;}
.buttons, #siteList {position:relative; width:900px; left:50%; margin-left:-450px;}
#siteList {height:600px;}
table {position:absolute; width:100%;}
td {padding-left:.5em;}
td.siteLink {padding:0 0 0 2px; background:#CFC;}

.dark  {background:#DDD;}
.lite {background:#EEE;}
.yes   {background:#CFC;}
.no    {background:#FCC;}
.restricted {color:#F00;}
.marine {background:#0FF;}

.listInfo {position:absolute; left:700px; top:25px;}
table#infoBox {position:fixed; width:900px; left:50%; margin-left:-445px; top:180px; border:5px inset #900; background:#FFE; padding:.5em; visibility:hidden; z-index:1;}
li {line-height:1.5em;}
.symbol {text-decoration:none; color:#F00; background:#CFC;}
table.iconInfo {margin-left:-.5em;}
table.iconInfo th {width:20%;}
p.footnote {text-indent:-.75em; margin: 0 4em;}