/*where the full-size image will be displayed including the default image for the page*/
#photocontentbackground {position:absolute; top:28px; left:72px; width:504px; height:378px;background-color:#d0d0d0;}
#photocontentbackground2 {position:absolute; top:29px; left:73px; width:502px; height:376px;background-color:#ffffff;}
#photocontent {position:absolute; top:31px; left:75px; width:498px; height:372px;}




/*the lighter green container box with rounded edges*/
#roundcont {position:absolute; top:415px; left:12px;width: 634px;background-color: #03b86f;color: #fff;}
#roundcont p {height: 792px;margin: 0 10px;font-family:Arial;font-weight:normal;font-size:14px;color: #fffeff;}
#roundtop {background: url(css_related_images/tr.gif) no-repeat top right; }
#roundbottom {background: url(css_related_images/br.gif) no-repeat top right; }
img.corner {width: 15px;height: 15px;border: none;display: block !important;}

/*the darker green top section of the container box*/
#roundcont2 {position:absolute; top:415px; left:12px;width: 634px;background-color: #039459;color: #fff;}
#roundtop2 {background: url(css_related_images/tr2.gif) no-repeat top right; }
#roundbottom2a {background: url(css_related_images/bot.gif) no-repeat top right; }
#roundbottom2b {background: url(css_related_images/bot.gif) no-repeat top right; }






/*the image thumbnails and when they are clicked, they present a larger version of the image - this refers to javascript code entitled view_pictures.js*/
#thumbnails span {position: absolute; left: 210px; top: 419px;}

#PopUp {display: none; position: absolute; left: 75px; top: 31px; border: none; background-color:white; width: 498px; height: 372px;font-size: 12px;text-decoration: underline;color:white;text-align:right;}

#thumbnails2 span {position: absolute; left: 260px; top: 419px; }

#PopUp2 {display: none; position: absolute; left: 75px; top: 31px; border: none; background-color: white; width: 498px; height: 372px;font-size: 12px;text-decoration: underline;color:white;text-align:right;}

#thumbnails3 span {position: absolute; left: 310px; top: 419px; }

#PopUp3 {display: none; position: absolute; left: 75px; top: 31px; border: none; background-color: white; width: 498px; height: 372px;font-size: 12px;text-decoration: underline;color:white;text-align:right;}

#thumbnails4 span {position: absolute; left: 360px; top: 419px; }

#PopUp4 {display: none; position: absolute; left: 75px; top: 31px; border: none; background-color: white; width: 498px; height: 372px;font-size: 12px;text-decoration: underline;color:white;text-align:right;}

#thumbnails5 span {position: absolute; left: 410px; top: 419px; }

#PopUp5 {display: none; position: absolute; left: 75px; top: 31px; border: none; background-color: white; width: 498px; height: 372px;font-size: 12px;text-decoration: underline;color:white;text-align:right;}



#spacer2345 {position: absolute; left: 445px; top: 419px; }

#thumbnails6 {position: absolute; left: 422px; top: 419px; }