.flipperMom {
	position: relative;
	top: 0;
	left: 0;
	text-align: center; 
}
.flipperMom p {
	text-align: left;/* change to left if you have long captions */
	width: 480px; /* same as the width of each photo */
	margin-bottom: 20px;
}
div#flipperButtons {
	position: absolute;
	top: 385px;
	_top:370px;
	left: 15px;
	margin: 0;
	padding: 0;
}
p.flipperLast {
	display: inline;
	text-align: left;
	margin-right: 170px;
	_margin-right: 150px;
	width: 60px;
	height: 50px;
}
.flipperLast a { /*style the same as the other buttons on the site */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000 !important;
	background: url(assets/btn_bg.png) top left repeat-x;	
	padding: 5px 3px 5px 10px;
	line-height: 1.2em;
	text-decoration: none !important;
	font-weight: bold;
	padding: 3px 9px 4px 12px; /* T R B L */
	margin: 4px 0 4px 0; /* T R B L */
	width:60px;
}
.flipperLast a:hover {
	background: url(assets/btn_bg.png) top left repeat-x;	
}
.flipperWhite {
	display: none;
}
p.flipperNext {
	display: inline;
	text-align: right;
	margin-left: 150px;
	width: 60px;
	height: 50px;
}
.flipperNext a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000 !important;
	background: url(assets/btn_bg.png) top left repeat-x;	
	padding: 5px 3px 5px 10px;
	line-height: 1.2em;
	text-decoration: none !important;
	font-weight: bold;
	padding: 3px 9px 4px 12px; /* T R B L */
	margin: 4px 0 4px 0; /* T R B L */
	width:60px;
}
.flipperNext a:hover {
	background: url(assets/btn_bg.png) top left repeat-x;
}
.flipperItem {
	margin: 0 auto 0 auto;
	 /* IMPORTANT: Edit the style of any images that are not tall enough, so that they have enough margin-top to place them in the vertical center of the flipper area. This is a manual process when setting up the flipper.	ALSO: It's best to set a tall picture as the first flipper in the sequence. Then the page comes up with the buttons in the "right" place.	AND: Be sure to set the first flipper div as the topmost one in the source code. Then, the other flipper images will be preloading the background, but the first one will come up as soon as it can.	First flipper div has visibility: visible and display: block. All others have visibility: hidden and display: none.	Edit the count of flipper divs in this sequence in the button code. 
	*/
}