/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; 
  text-decoration:none; border:1px solid #000; width:60px; width:52px; height:47px; 
  float:left; margin:4px; z-index:50;}
a.slidea-aerial {background:url(images/pages/about/aerial/t2008.jpg);}
a.slideb-aerial {background:url(images/pages/about/aerial/t2003.jpg);}
a.slidec-aerial {background:url(images/pages/about/aerial/t1998.jpg);}
a.slided-aerial {background:url(images/pages/about/aerial/t1988.jpg);}
a.slidee-aerial {background:url(images/pages/about/aerial/t1983.jpg);}
a.slidef-aerial {background:url(images/pages/about/aerial/t1978.jpg);}
a.slideg-aerial {background:url(images/pages/about/aerial/t1973.jpg);}
a.slideh-aerial {background:url(images/pages/about/aerial/t1968.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}


/* styling for TOP gallery */
.container_top {position:relative; width:510px; height:425px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
.container_top .firstimage {position:absolute; top:0px; padding:5px; border-bottom:1px solid #3d330f;}
.container_top img {border:0;}
.container_top .thumbs {position:absolute; left:0; top:0;}
.container_top a.gallery:hover span {display:block; position:absolute; width:500px; height:50px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff; z-index:100;}
.container_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
.container_top a.gallery:active, .container_top a.gallery:focus {border:1px solid #000;}
.container_top a.gallery:active em, .container_top a.gallery:focus em {display:block; position:absolute; width:510px; height:250px; top:160px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
.container_top h1 {clear:both; margin:0; padding-top:200px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
.container_top h1 em {font-size:0.6em; color:#000;}

/* styling for BOTTOM gallery */
.container_bottom {position:relative; width:500px; height:460px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
.container_bottom .firstimage {position:absolute; top:0px; left:0px; margin:0px; padding:5px; width: 490px; border-bottom:1px solid #a49188;}
.container_bottom img {border:0; width:490px;}
.container_bottom .thumbs {position:absolute; left:0; bottom:0; height:114px;}
.container_bottom a.gallery:hover span {display:block; position:absolute; width:500px; height:50px; top:60px; left:5px; padding:5px; font-style:italic; color:#0300ff;  z-index:100;}
.container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
.container_bottom a.gallery:active, .container_bottom a.gallery:focus {border:1px solid #000;}
.container_bottom a.gallery:active em, .container_bottom a.gallery:focus em {display:block; position:absolute; width:500px; height:250px; top:-346px; left:0px; padding:5px; color:#000; /*border:1px solid #3d330f;*/ z-index:50;}
.container_bottom h1 {clear:both; margin:0; padding-top:80px; text-align:center; font-family: georgia, "times new roman", serif; font-size:1em; font-weight:normal; color:#fff;}
.container_bottom h1 em {font-size:0.6em; color:#000;}

/* styling for LEFT gallery */
.container_left {position:relative; width:600px; height:305px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
.container_left img {border:0;}
.container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
.container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:175px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
.container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
.container_left a.gallery:active, .container_left a.gallery:focus {border:1px solid #000;}
.container_left a.gallery:active em, .container_left a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
.container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
.container_left h1 em {font-size:0.6em; color:#000;}

/* styling for RIGHT gallery */
.container_right {position:relative; width:510px; height:305px; background:#cfcfcf; border:1px solid #a49188; margin:1em auto;}
.container_right .firstimage {position:absolute; top:5px; right:175px; padding:5px; border:1px solid #3d330f;}
.container_right img {border:0; margin:0; padding:0;}
.container_right .thumbs {width:170px; position:absolute; right:0; top:0;}
.container_right a: {text-decoration:none;}
.container_right a.gallery:hover span {display:block; position:absolute; width:318px; height:50px; top:260px; left:-340px; padding:5px; font-style:italic; color:#000; z-index:100;}
.container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
.container_right a.gallery:active, .container_right a.gallery:focus {border:1px solid #000;}
.container_right a.gallery:active em, .container_right a.gallery:focus em {display:block; position:absolute; width:318px; height:238px; top:5px; left:-335px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
.container_right h1 {clear:both; margin:0; padding-top:80px; padding-left:20px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#6f6f4c;}
.container_right h1 em {font-size:0.6em; color:#1f1f1f;}