/* support up to 5 sideshows on one page */
/* the minimum size for the picture needs to be 640 by 424, landscape only */
#slideshow1 { 
    margin: 10px auto; 
	position: relative; 
	width: 640px; 
	height: 424px; 
	padding: 10px; 
	box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
#slideshow1 > div { 
    position: absolute; 
	top: 10px; 
	left: 10px; 
	right: 10px; 
	bottom: 10px; 
}
#slideshow2 { 
    margin: 10px auto; 
	position: relative; 
	width: 640px; 
	height: 424px; 
	padding: 10px; 
	box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
#slideshow2 > div { 
    position: absolute; 
	top: 10px; 
	left: 10px; 
	right: 10px; 
	bottom: 10px; 
}
#slideshow3 { 
    margin: 10px auto; 
	position: relative; 
	width: 640px; 
	height: 424px; 
	padding: 10px; 
	box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
#slideshow3 > div { 
    position: absolute; 
	top: 10px; 
	left: 10px; 
	right: 10px; 
	bottom: 10px; 
}
#slideshow4 { 
    margin: 10px auto; 
	position: relative; 
	width: 640px; 
	height: 424px; 
	padding: 10px; 
	box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
#slideshow4 > div { 
    position: absolute; 
	top: 10px; 
	left: 10px; 
	right: 10px; 
	bottom: 10px; 
}
#slideshow5 { 
    margin: 10px auto; 
	position: relative; 
	width: 640px; 
	height: 424px; 
	padding: 10px; 
	box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
#slideshow5 > div { 
    position: absolute; 
	top: 10px; 
	left: 10px; 
	right: 10px; 
	bottom: 10px; 
}
#slideshowA1 { 
    margin: 10px auto; 
	margin-top: 0px;
	position: relative; 
	width: 1000px; 
	height: 270px; 
	padding: 10px; 
	background-color: #c8c0a8;
	box-shadow: 0 0 10px rgba(0,0,1,5); 
	border: 3px solid #c8c0a8;
}
#slideshowA1 > div { 
    position: absolute; 
	top: 10px; 
	left: 10px; 
	right: 10px; 
	bottom: 10px; 
}
/* and a special large box */
#slideshowXl { 
    margin: 10px auto; 
	position: relative; 
	width: 2048px; 
	height: 1365px; 
	padding: 10px; 
	box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
#slideshowXl > div { 
    position: absolute; 
	top: 10px; 
	left: 10px; 
	right: 10px; 
	bottom: 10px; 
}