/*  Add photos in groups of 12 (12, 24, 36, 48, 60) possible).
/* LARGE FORMAT on left side of page in large format, each photo 150x150px 3 across down to 2 across  108x108 px.   Mouseover photo opens same image as LARGE IMAGE touching original photo, and now with a caption */
/* In mid format photos are AT BOTTOM of page, above footer, and start at 4 rows, 210x210 down to 4 across 157x157. Mouseover photo opens same image as LARGE IMAGE touching original photo, and now with a caption */
/* On SMALL Screen (phone size) images at BOTTOM of page, starts at 
*/

.photoTool {
		width:25%;   /* allows 4 images per row*/
}

/* POSITION popup images for MEDIUM format  */
.positionImg1, .positionImg5, .positionImg9, .positionImg13 {
    /* Position the tooltip */
    bottom:-110px;
    left: 130%;
}

.positionImg2, .positionImg6, .positionImg10, .positionImg14 {
    /* Position the tooltip */
    bottom: -110px;
    left: 30%;
}

.positionImg3, .positionImg7, .positionImg11, .positionImg15 {
    /* Position the tooltip */
    bottom: -110px;
    left: -200%;
}

.positionImg4, .positionImg8, .positionImg12, .positionImg16 {
    /* Position the tooltip */
    bottom: -110px;
    left: -250%;
}
.positionImg3x {
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: -110px;
    left: -220%;
}

.positionImg4x {
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: -110px;
    left: -320%;
}

.positionImg5x {
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: -110px;
    left: -120%;
}

.positionImg6x {
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 110px;
    left: -500%;
}
.positionImg7x {
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 110px;
    left: -600%;
}
.positionImg8x {
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 110px;
    left: -700%;
}
.positionLeft {
    /* Position the tooltip */
    position: relative;
    z-index: 1;
    top: -35px;
    left: 5px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}



p.centered {
	text-align: center;
}