﻿#outerHolder{
	position:relative;
	margin:80px auto auto auto;
	max-width:636px;
	min-width:346px;
	border:0px black solid;

}
#slideContainer{
	position:relative;
	margin:80px auto auto auto;
	max-width:636px;
	min-width:346px;
	max-height:477px;
	border:2px black solid;
	background-color:black;
}
#slideContainerFr{
	width:100%;
	border:2px green solid;
	background-color:black;
}
#slideContainerFr img{
	width:100%;
}
#commentary{
	font-style:italic;
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px gray dotted;
	border-bottom:1px gray dotted;
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
}
.theSlides{
	width:100%;
	border:0px black solid;
}
#navBox{
	position:relative;
	margin:auto;
	max-width:636px;
	min-width:346px;
	height:40px;
	border:0px red solid;

}
#prevButton{
	position:absolute;
	top:5px;
	left:20px;
	height:30px;
}
#nextButton{
	position:absolute;
	top:5px;
	right:20px;
	height:30px;
}

#holdsIcons{ 
	position:absolute;
	top:5px;
	right:50px;
	height:30px;
	border:0px red solid;
}


.smallText{
	font-size:.8em;
	margin-top:-10px;
	color:#333333;
} 
.notes{
	position:absolute;
	width:300px;
	height:200px;
	padding:0px 10px 10px 10px;
	border:1px gray solid;
	box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	z-index:2;
	overflow-x:hidden;
	overflow-y:hidden;
	background-color:#ECE6A9;
	display:none;
	font-size:.8em;	
}