/* --Photo Gallery Styles-- */

/* body info */
/* PLEASE DO NOT EDIT */

body {
	text-align: left; 
	font-family: arial, sans-serif; 
	font-size: small; 
	color: #000000;
	background-color: inherit;
}

/* The containing box for the gallery. */
/* edit the height for the height of the container */
/* edit the background's 5px measurement to adjust the location of the default image */
#container {
	position:relative; 
	width:400px; 
	height:330px; 
	margin:0px auto 0 auto; 
	background:#fff url(/information/media_gallery/2006/interstate_50th/gallery/gallery_image.jpg) 180px 74px no-repeat;
}

/* Removing the list bullets and indentation - add size - and position */
/* PLEASE DO NOT EDIT */
#container ul {
	width:170px; 
	padding:0;  
	margin:5px auto 0 auto;
	list-style-type:none; 
	float:left;
}

#container li {
	float:right;
}

/* Remove the images and text from sight */
/* PLEASE DO NOT EDIT */
#container a.gallery span {
	position:absolute; 
	width:0px; 	
	height:0px; 
	top:-1px; 
	left:-1px; 
	overflow:hidden;
	background:#fff;
}

/* Adding the thumbnail images */
/* PLEASE DO NOT EDIT */
#container a.gallery, #container a.gallery:visited {
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	margin:1px 2px 1px 2px; 
	text-align:left; 
	cursor:default;
}

/* add or delete lines below for the number of images being used - minimum 10, max 16 */
/* besure to change the a.slidex to be alphabetically sequential - no duplicates */
#container a.slidea {background:url(/information/media_gallery/2006/interstate_50th/gallery/th01.jpg); height:49px; width:75px;}
#container a.slideb {background:url(/information/media_gallery/2006/interstate_50th/gallery/th02.jpg); height:49px; width:75px;}
#container a.slidec {background:url(/information/media_gallery/2006/interstate_50th/gallery/th03.jpg); height:49px; width:75px;}
#container a.slided {background:url(/information/media_gallery/2006/interstate_50th/gallery/th04.jpg); height:49px; width:75px;}
#container a.slidee {background:url(/information/media_gallery/2006/interstate_50th/gallery/th05.jpg); height:49px; width:75px;}
#container a.slidef {background:url(/information/media_gallery/2006/interstate_50th/gallery/th06.jpg); height:49px; width:75px;}
#container a.slideg {background:url(/information/media_gallery/2006/interstate_50th/gallery/th07.jpg); height:49px; width:75px;}
#container a.slideh {background:url(/information/media_gallery/2006/interstate_50th/gallery/th08.jpg); height:49px; width:75px;}
#container a.slidei {background:url(/information/media_gallery/2006/interstate_50th/gallery/th09.jpg); height:49px; width:75px;}
#container a.slidej {background:url(/information/media_gallery/2006/interstate_50th/gallery/th10.jpg); height:49px; width:75px;}
#container a.slidek {background:url(/information/media_gallery/2006/interstate_50th/gallery/th11.jpg); height:49px; width:75px;}
#container a.slidel {background:url(/information/media_gallery/2006/interstate_50th/gallery/th12.jpg); height:49px; width:75px;}

/* styling the hovers */
/* PLEASE DO NOT EDIT */
#container a.gallery:hover {
	border:1px solid #fff;
}

/* edit the height to match the height of the default image in #container above */
/* adjust height to eliminate extra white which could cover the container border */
#container a.gallery:hover span {
	position:absolute; 
	width:230px; 
	height:230px; 
	top:74px; 
	left:180px; 
	color:#000; 
	background:#fff;
}

#container a.gallery:hover img {
	border:1px solid #fff; 
	float:right; 
	margin-right:5px;
}

#container a.slideb:hover img, #container a.slidei:hover img {
	float:left;
}