/*  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 .photoTooltext {
	width:190%;
}
.positionItin {
	bottom:-110px;
	left:0%;
}
.photoTool {
		width:25%;   /* allows 4 images per row*/
}

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

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

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

.positionImg4, .positionImg8, .positionImg12, .positionImg16, .positionImg20 {
    /* Position the tooltip */
    bottom:-110px;
    left: -300%;
}


.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;
}