/**** PICTURE IS OUTSIDE CONTAINER FOR IMAGE OR SLIDESHOW  ****/
.picture { padding: 32px !important; background-color: #ffffff; border: 8px solid #443322; margin: 16px; display: inline-block; position: relative; text-align: center;}
.picture img { border: 3px solid #777777; }

.vertical { float: left; width: 215px; position: relative;  }
.vertical img { width: 90px; float: left;}

.panorama { float:left; width: 810px; position: relative; }
.panorama img { height: 90px; float: left;}

.panoramaonly { width: 100%; position: relative; margin-left: 50px; }
.panoramaonly img { height: 105px; float: left;}

.standard { display: inline; position: relative; }
.standard img { width: 180px; float: left;}


/*** SLIDE SHOW IS CLASS OF CONTAINING DIV OR UL  *****/
.slide_show  { list-style-type: none; position: relative; text-align: center;
	margin: 0px auto !important; padding: 0px;}
.slide_show li, .slide_show div { margin: 0px; padding: 0px; display:none; } 
.slide_show a { text-decoration: none; color: #ffffff;  font-weigth: 700; }
.slide_show img {  position: absolute; top: 0px; left: 0px; }
.slide_show li:first-child, .slide_show div:first-child { display: block; }

/*** TITLE  ****/
.slide_show p { display: none; }
p.ss_title { position: absolute; z-index: 1; padding: 8px 16px; top: 44px; 
	background-color: #000000; 
	opacity: 0.6; filter: alpha(opacity=60); 
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -opera-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; 
	}
p.ss_title a { color: #ffffff; font-weight: bold; }

/**** SPECIFIC TO EACH SLIDE SHOW   ******/
#top_banner ul, #top_banner img { width: 600px; height: 200px;  }

#ss300x200, #ss300x200 img { width: 300px !important; height: 200px !important; }
#div_ss300x200 p.ss_title { margin-left: 7px; display: inline-block; }

#animal_images, #animal_images img { width: 300px !important; height: 200px !important; }
#div_animal_images p.ss_title { margin-left: 50px; display: inline-block;}

/**** POP UP IMAGES  *****/

#pop_up { border: 8px solid black; z-index: 3; position: absolute; background-color: #fff; display:none;}
[ref=pop_up], [ref=click_close_only] { display: none; z-index: 100; position: absolute;  }
#html_page, 
#html_map { 
	position: absolute; 
	width: 630px; 
	background-color: #FFF;
	}
#result{ 
	position: absolute; 
	max-width: 1000px;
	}
img.pop_up { width: 100%; }
.close-no-bs { z-index:100; position: absolute; cursor: pointer; right: 5px; bottom: 6px; width: 32px; height: 32px; background: url("../images/template/close.png") no-repeat; }
#screen{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ 
	opacity: .3; /* Safari, Opera */ 
	-moz-opacity:.3; /* FireFox */
	filter: alpha(opacity=30); /* IE */
	height:100%; width:100%; top:0; left:0;
	background:#000000; 
	z-index:3;
	scroll: no-scroll;}

.outside { border: 12px solid rgba(0, 0, 0, 1); background-color: rgba(255, 255,255, 1.0); z-index: 3;
		  	-moz-border-radius:16px;
		  	-webkit-border-radius:16px;
		  	-opera-border-radius:16px;
		  	-khtml-border-radius:16px;
		  	border-radius:16px;
		}
.inside { border: 10px solid #ffffff; margin:-2px; padding-bottom: -20px; background-color:#ffffff; z-index:3;
		  	-moz-border-radius:8px;
		  	-webkit-border-radius:8px;
		  	-opera-border-radius:8px;
		  	-khtml-border-radius:8px;
		  	border-radius:8px;
			text-align: center;
		}

.title { color: #ffffff; font-family:Verdana,arial; margin-left:24px; margin-bottom: 4px;}