body {
  font-family: Verdana, Arial, "Trebuchet MS",  Sans-serif;
  font-size:12px;
  color: #000000;
  background-color:#666666;
}

#wrapper {
  position:absolute;  /* Note: change position to "absolute" will remove narrow  */
  top:0px;            /*       top bar using the "body" background color (#666). */
  width:960px;        /*       It will also kill auto horizontal centering.      */
  height:714px;
  margin-right:auto;
  margin-left:auto;
  background-color:#fff;
}	

#top-leftrail {
  position: absolute;
  top:0px;
  left:0px;
  width: 210px;
  height:141px;
}	

#heron {
  position: relative;
  top:-14px;
  left:25%;
}
	
#bot-leftrail {
  position: absolute;
  top:141px;
  left:0px;
  width:210px;
  height:380px;
  border-right:1px solid black;
  border-bottom:1px solid black;
}

#headerContainer {
  position: absolute;
  top:0px;
  left: 210px;
  width:750px;
  height:120px;
}


#topfade {
  position: absolute;
  top:1px;
  left:0px;
  width:100%;
  height:9px;
}	

#masthead {
  position: absolute;
  top:13px;
  left:0;
  width:100%;
  height:144px;
}	
	
#bottomfade {
  position: absolute;
  top:74px;
  left:0px;
  width:100%;
  height:9px;
}	

.portfolioTitle {
  position: absolute;
  top:88px;
  left:10px;
  width:400px;
  height:30px;
  font-size:26px;
  color:white;
}

#menu {
  position: absolute;
  top:120px;
  left:210px;
  width:750px;
  height:21px;
  font-size:1px;
  border-left:1px solid black;
  background-color: #525252;
  
}	

#thumbnailsContainer {
 position: absolute;
  top:520px;
  left:0px;
  height:163px;
  width:100%;
}

#thumbPrevContainer {
  position: absolute;
  top:0px;
   
  width:74px;
  height:162px;
  visibility:visible;
}

#thumbNextContainer {
  position: absolute;
  top:0px;
  left:886px;
  width:74px;
  height:162px;
}

#thumb0Container {
  position: absolute;
  top:0px;
  left:74px;
  width:162px;
  height:162px;
}

#thumb1Container {
  position: absolute;
  top:0px;
  left:236px;
  width:162px;
  height:162px;
}

#thumb2Container {
  position: absolute;
  top:0px;
  left:398px;
  width:162px;
  height:162px;
}

#thumb3Container {
  position: absolute;
  top:0px;
  left:560px;
  width:162px;
  height:162px;
}

#thumb4Container {
  position: absolute;
  top:0px;
  left:722px;
  width:162px;
  height:162px;
}

h1 {
  position: relative;
  top:0;
  left:0;
  font-family:arial, helvetica, sans-serif;
  font-style:normal;
  font-size:100%;
  color:#ffcc66;
}
.center {
	text-align: center;
	}

#footer {
  position:absolute;
  
  bottom: 0px;
  height: 25px;
  width:100%;
  color:white;
  background-color:black;
}	

/* Following will change for some portfolio series Web pages. TBD, split out */
.photoContainer {
  position: absolute;
  top:140px;
  left:210px;
  width:495px;
  height:380px;
  border-top:1px solid black;
  border-left:1px solid black;
  border-bottom:1px solid black;
}

.photoArea {
  position:absolute;
  visibility:hidden;
}
.photoAreaActive {
  visibility: visible;
  border: 1px solid #C0C0C0;
  padding: 4px;
}
	
#captionContainer {
  position: absolute;
  top:140px;
  left:706px;
  width:253px;
  height:380px;
  border-top:1px solid black;
  border-bottom:1px solid black;
}

.commonName {
  position:absolute;
  top:70px;
  left:10px;
  height:15px;
  font-weight:bold;
}

#commonNameText {
  position:absolute;
  top:85px;
  left:10px;
  height:30px;
}

#titleText {
  position:absolute;
  top:12px;
  left:10px;
  height:30px;
  font-weight:bold;
}

.scientificName {
  position:absolute;
  top:100px;
  left:10px;
  height:15px;
  font-weight:bolder;
}

#scientificNameText {
  position:absolute;
  top:113px;
  left:10px;
  height:30px;
}

.photographer {
  position:absolute;
  top:142px;
  left:10px;
  height:15px;
  font-weight:bolder;
}

#photographerNameText {
  position:absolute;
  top:158px;
  left:10px;
  height:15px;
}

.photographer-g {
  position:absolute;
  top:340px;
  left:10px;
  height:15px;
  font-weight:bolder;
}

#photographerNameText-g {
  position:absolute;
  top:357px;
  left:10px;
  height:15px;
}

#captionText {
  position:absolute;
  top:190px;
  left:10px;
  width:233px;
  height:210px;
}

#copyText {
  position:absolute;
  top:50px;
  left:10px;
  width:233px;
  height:290px;
}