/* page navigator */
 
		div.navigator{
			font-size: small;
			padding:5px;
			text-align:center;
		}
		div.totalpagesdisplay{
			padding-top:15px;
			font-size:10px;
			text-align:center;
			font-style:normal;
		}
		.navigator a, span.inactive{
			padding : 0px 5px 2px 5px;
			margin-left:0px;
			border-top:1px solid  #DEF7FE;
			border-left:1px solid #DEF7FE;
			border-right:1px solid #000000;
			border-bottom:1px solid #000000;
		}
			.navigator a:link, .navigator a:visited,
		.navigator a:hover,.navigator a:active{
			color:#CCCCCC;
			background-color: #004080;
			text-decoration: none;
			font-weight:bold;
			
		}
		span.inactive{
		font-size: smaller;
			background-color: #CCCCCC;
				color: #999999;
		}

/* gallery */

#gallery
{
position:absolute;
left:50%;
top:305px;
width:580px;
height:auto;
margin-left:-180px;
}


		.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 30px; /*position where enlarged image should offset horizontally */

}
.myimg {
	padding: 4px;
	border: 1px thin #eeeeee;
	width: 120px;
	margin: 5px;
	background-color:#e5e5e5;
}