body { text-align: center; margin: 0; padding: 0; height: 100%; 
	   background: url("_img/bg.png") repeat-x #43b; }
div#info { display: none; }
.nav { padding: 10px; font-size: 16px; color: #000; background: #44c; width: 1050px; }
.nav a { color: #429; text-decoration: none; cursor: pointer; font-variant: small-caps; }
.bg { position: absolute; }
div.bg { width: 100%; left: 0px; }
#contribName { position: absolute; font-size: 16pt; color: #bb4; text-align: left; 
				width: 250px; padding: 2px; top: 170px; left: 150px;  font-variant: small-caps; }
#contribMenu { position: absolute; font-size: 10pt; color: #429; text-align: left; 
				width: 180px; padding: 2px; display: block; cursor: pointer;
				top: 170px; left: 800px;  font-variant: small-caps; display: block; }
#contributors { position: absolute; font-size: 10pt; text-align: left; width: 180px; 
				background: #216; padding: 0px; display: none; margin: 0px;
				top: 190px; left: 750px; outline: 1px inset #000; z-index: 200; }
ul { padding: 0px; margin: 0px; list-style-type: none; width: 100%; }
li { border: 1px outset #444; background: #44c; width: 100%; color: #216; cursor: pointer; 
	 padding: 3px 2px 1px 2px; margin: 0px; }
.new { font-size: 8pt; color: #f44; font-weight: bold; font-style: italic; float: right; }
img#sunset { z-index: -1; top: 0; left: 0; width: 1050px; }
h1#head { font-size: 60px; color: rgba(255,255,0,.6); font-family: serif; width: 1050px;
	 font-variant: small-caps; margin: 10px 0 0 0; letter-spacing: 8px; }
h2#subhead { font-size: 28px; color: #bb0; margin: 0 0 0 10px; width: 1050px; 
	 letter-spacing: 8px; font-family: cursive; }
#photocredits { position: absolute; font-size: 9pt; color: #000; text-align: left; 
				width: 150px; background: #44c; padding: 6px; display: none; z-index: 100; 
				top: 180px; left: 20px; outline: 1px inset #000; }
hr { color: #000; border: 0px; border-bottom: 1px dotted; }
.zoom { color: #00a; text-decoration: none; cursor: pointer; }
.crd { display: block; text-align: right; }
#closecred { width: 100%; text-align: right; color: #d00; font-weight: bold; }
#closebtn { background: #bbb; padding: 2px; cursor: pointer; outline: 2px outset #888; }
div#main { width: 100%; margin: 190px auto 0px; top : 0px; }
div#pix { position: absolute; top: 10px; left: 120px; }
.shad { position: absolute; background: #000; opacity: 0.4; }
.ishad { position: absolute; outline: 1px solid; }
#shad0 { top: 124px; left: 586px; height: 295px; width: 239px; }
#shad1 { top: 4px; left: 316px; height: 245px; width: 350px; }
#shad2 { top: 77px; left: 7px; height: 177px; width: 402px; }
#shad3 { top: 197px; left: 347px; height: 177px; width: 301px; }
#shad4 { top: 234px; left: 47px; height: 220px; width: 304px; }
#shad5 { top: 397px; left: 247px; height: 169px; width: 304px; }
#shad6 { top: 347px; left: 497px; height: 170px; width: 213px; }
#flowers { top: 120px; left: 579px; width: 239px; }
#spinner { top: 0px; left: 309px; width: 350px; }
#whale { top: 70px; left: 0px; width: 402px; }
#porc { top: 190px; left: 340px; width: 301px; }
#turtle { top: 227px; left: 40px; width: 304px; }
#mantis { top: 390px; left: 240px; width: 302px; }
#moray { top: 340px; left: 490px; width: 213px; }
#inst { font-size: 8pt; color: #44a; font-family: sans-serif; padding: 40px 0 0 90px; 
		 text-align: left; }
#photofull { position: absolute; width: 700px; display: none; z-index: 50; top: 10px; 
			 left: 210px; }
iframe { display: none; width: 90%; background: transparent; margin: auto; border: none; height: 580px; }
.credit { position: absolute; top: 800px; width: 1050px; text-align: center; color: #11a; 
		 font-size: 9px; line-height: 30px; }