

.top  /* places rule on gallery pages */ {
	position: absolute;
	top: 125px;
}

.middle  /* places rule on gallery pages */ {
	position: absolute;
	top: 400px;
}

.bottom  /* places rule on gallery pages */ {
	position: absolute;
	top: 550px;
}

#rule  /* Text box-division with rule on gallery pages-requires class to place */ {
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	text-align: right;
	position: absolute;
	left: 170px;
	width: 600px;
	height: 150px;
	z-index: 45;
	visibility: visible;
	padding-top: 0.25em;
	border-top: 2px solid #699;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}

#thumbnailview  /* dynamic thumbnails */ {
	 color: #fff;
	 font-size: 1em;
	 text-decoration: none;
	 text-align: right;
	 position: absolute;
	 left: 350px;
	 top: 575px;
	 width: 610px;
	 height: 35mm;
	 z-index: 45;
	 visibility: visible;
	 float: right;
	 padding-top: 0.25em;
	 border-top: 2px solid #699;
	 border-right-width: 0;
	 border-bottom-width: 0;
	 border-left-width: 0;
	 }

#photo1  /* main view of thumbnail */ {
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	width: 67px;
	height: 67px;
	z-index: 55;
	overflow: hidden;
	clip: inherit;
	visibility: visible;
	float: right;
	}
	
#photo2  /* main view of thumbnail */ { position: absolute; top: 5px; left: 76px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; clip: inherit; visibility: visible; float: right; }
#photo3  /* main view of thumbnail */ { position: absolute; top: 5px; left: 152px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; clip: inherit; visibility: visible; float: right; }
#photo4  /* main view of thumbnail */ { position: absolute; top: 5px; left: 228px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; clip: inherit; visibility: visible; }
#photo5  /* main view of thumbnail */ { position: absolute; top: 5px; left: 305px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: visible; clip: inherit; visibility: visible; float: right; }
#photo6  /* main view of thumbnail */ { position: absolute; top: 5px; left: 381px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; clip: inherit; visibility: visible; float: right; }
#photo7  /* main view of thumbnail */ { position: absolute; top: 5px; left: 456px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; visibility: visible; float: right; }
#photo8  /* main view of thumbnail */ { position: absolute; top: 5px; left: 530px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; clip: inherit; visibility: visible; float: right; }
#photo9  /* main view of thumbnail */ { position: absolute; top: 81px; left: 0; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; clip: inherit; visibility: visible; float: right; }
#photo10  /* main view of thumbnail */ { position: absolute; top: 81px; left: 76px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; clip: inherit; visibility: visible; float: right; }
#photo11  /* main view of thumbnail */ { position: absolute; top: 81px; left: 152px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; clip: inherit; visibility: visible; float: right; }
#photo12  /* main view of thumbnail */ { position: absolute; top: 81px; left: 228px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; clip: inherit; visibility: visible; }
#photo13  /* main view of thumbnail */ { position: absolute; top: 81px; left: 305px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: visible; clip: inherit; visibility: visible; float: right; }
#photo14  /* main view of thumbnail */ { position: absolute; top: 81px; left: 381px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; clip: inherit; visibility: visible; float: right; }
#photo15  /* main view of thumbnail */ { position: absolute; top: 81px; left: 456px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; visibility: visible; float: right; }
#photo16  /* main view of thumbnail */ { position: absolute; top: 81px; left: 530px; right: 0; width: 67px; height: 67px; z-index: 55; overflow: hidden; clip: inherit; visibility: visible; float: right; }
#nav2  /* Gallery navigation */ {
	height: 105px;
	width: 150px;
	left: 28px;
	right: 250px;
	top: 200px;
	position: absolute;
	visibility: visible;
	z-index: 60;
	color: white;
	line-height: 1em;
	text-align: left;
	top: 200px;
	right: 250px;
	z-index: 60;
	visibility: visible;
}
.inside  /* placement of internal inside navigation */ {
	top: 200px;
}

.outside  /* placement of internal inside navigation */ {
	top: 240px;
}
.inside a  /* placement of internal inside navigation */ { color: #9cc; font-weight: 100; top: 200px; }
.inside a:hover  /* placement of internal inside navigation */ { color: #fff; font-weight: 900; top: 200px; }
.inside a:active  /* placement of internal inside navigation */ { color: #fff; font-weight: 900; top: 200px; }
.outside a  /* placement of internal inside navigation */ {
	top: 240px;
}
#rule a  /* Text box-division with rule on gallery pages-requires class to place */ { color: #9cc; }
#rule a:hover  /* Text box-division with rule on gallery pages-requires class to place */ { color: #fff; font-weight: 900; }
#rule a:active  /* Text box-division with rule on gallery pages-requires class to place */ { color: #fff; font-weight: 900; }
#photo1display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: visible; }
#photo2display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo3display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo4display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo5display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo6display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo7display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo8display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo9display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo10display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo11display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo12display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo13display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo14display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo15display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photo16display  /* full size view of thumbnail */ { position: absolute; top: 135px; left: 220px; right: 0; width: 500px; height: 410px; z-index: 55; overflow: hidden; visibility: hidden; }
#photocaption1  /* caption 1 */ {
	font-size: 0.75em;
	line-height: 1em;
	height: 150px;
	width: 125px;
	left: 28px;
	top: 575px;
	position: absolute;
	visibility: visible;
	}

#photocaption2  /* caption 2 */ {
	font-size: 0.75em;
	line-height: 1em;
	height: 150px;
	width: 125px;
	left: 28px;
	top: 575px;
	position: absolute;
	visibility: hidden;
	}
	
#photocaption3  /* caption 3 */ {
	font-size: 0.75em;
	line-height: 1em;
	height: 150px;
	width: 125px;
	left: 28px;
	top: 575px;
	position: absolute;
	visibility: hidden;
	}

#photocaption4  /* caption 4 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
	 left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption5  /* caption 5 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
	 left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption6  /* caption 6 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
	 left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption7  /* caption 7 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
	 left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption8  /* caption 8 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
	 left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption9  /* caption 1 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
	 left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption10  /* caption 2 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
     left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption11  /* caption 3 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
     left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption12  /* caption 4 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
	 left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption13  /* caption 5 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
	 left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption14  /* caption 6 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
	 left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption15  /* caption 7 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
	 left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}
#photocaption16  /* caption 8 */ {
	 font-size: 0.75em;
	 line-height: 1em;
	 height: 150px;
	 width: 125px;
	 left: 28px;
	 top: 575px;
	 position: absolute;
	 visibility: hidden;
}

