/* CSS Document */

#gallery1 {
	position:relative;
	width:800px;
	border:1px solid #aaa;
	margin-top: 20px;
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: 40px 300px;
	background-image: url(../oakpark09/oakpark_galleryBG.png);
	height: 500px;
	
    }
	/*if you add more images and need scroller make sure to change width to accomodate for the scroll bar*/
#gallery1 ul {
	list-style-type:none;
	float: right;
	width:320px;
	height:450px;
	overflow: auto;
	margin-top:10px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 3px;
	border: 1px solid #000000;
	padding: 0;
    }
#gallery1 li {
	float:left;
	padding: 0px;	
    }	

#gallery1 a.gallery span {
	position:absolute;
	width:1px;/*make img pixel 1px by 1px to hide image, but will allow them to preload...see below*/
	height:1px;
	top:5px;/*this is where I can make to a minus so that dot will not show*/
	left:5px;
	overflow:hidden;
	visibility: visible;
    }
#gallery1 a.gallery, #gallery1 a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:0px; 
    text-align:left; 
    cursor:default;
    }
	/*start of thumbnail style*/
#gallery1 a.slidea {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h1.jpg);	
	
    }

#gallery1 a.slidec {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h2.jpg);
    }
#gallery1 a.slided {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h3.jpg);
    }
#gallery1 a.slidee {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h4.jpg);
    }
#gallery1 a.slidef {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h5.jpg);
    }
	#gallery1 a.slideg {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h6.jpg);  
	}
	#gallery1 a.slideh {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h7.jpg);
    }
	
	#gallery1 a.slidej {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h9.jpg);
    }		
	
/*end of thumbnail style*/	




	/*start of thumbnail 1 style*/
#gallery1 a.slide1a {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h10.jpg);
    }
#gallery1 a.slide1b {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h11.jpg);
    }
#gallery1 a.slide1c {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h12.jpg);
    }
#gallery1 a.slide1d {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h13.jpg);
    }
#gallery1 a.slide1e {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h14.jpg);
    }
#gallery1 a.slide1f {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h15.jpg);
    }
	#gallery1 a.slide1g {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h16.jpg);
    }
	#gallery1 a.slide1h {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h17.jpg);
    }
	#gallery1 a.slide1i {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h18.jpg);
    }		
	#gallery1 a.slide1j {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h19.jpg);
    }		
	
/*end of thumbnail 1 style*/	



	/*start of thumbnail 2 style*/
#gallery1 a.slide2a {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h20.jpg);
    }
#gallery1 a.slide2b {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h21.jpg);
    }
#gallery1 a.slide2c {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h22.jpg);
    }

#gallery1 a.slide2e {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h23.jpg);
    }
	
#gallery1 a.slide2f {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h24.jpg);
    }
	#gallery1 a.slide2g {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h25.jpg);
    }
	#gallery1 a.slide2h {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h26.jpg);
    }
	#gallery1 a.slide2i {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h27.jpg);
    }		
	#gallery1 a.slide2j {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h28.jpg);
    }		
	
/*end of thumbnail  2 style*/	



	/*start of thumbnail 3 style*/
#gallery1 a.slide3a {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h29.jpg);
    }
#gallery1 a.slide3b {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h30.jpg);
    }
#gallery1 a.slide3c {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h31.jpg);
    }
#gallery1 a.slide3d {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h32.jpg);
    }
#gallery1 a.slide3e {
	height:48px;
	width:72px;
	padding: 0px;
	background-image:url(../oakpark09/horz/TN/TN-h33.jpg);
    }
#gallery1 a.slide3f {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h34.jpg);
    }
	#gallery1 a.slide3g {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h35.jpg);
    }
	#gallery1 a.slide3h {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h36.jpg);
    }
	#gallery1 a.slide3i {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h37.jpg);







    }		
	#gallery1 a.slide3j {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h38.jpg);
    }		
	
/*end of thumbnail  3 style*/	



	/*start of thumbnail 4 style*/
#gallery1 a.slide4a {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h39.jpg);
    }
#gallery1 a.slide4b {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h40.jpg);
    }
#gallery1 a.slide4c {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h41.jpg);
    }
#gallery1 a.slide4d {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../oakpark09/horz/TN/TN-h42.jpg);
    }

	
/*end of thumbnail 4 style*/	




#gallery1 a.gallery:hover {
    border:1px solid #fff; 
    }
#gallery1 a.gallery:hover span {
	position:absolute;
	width:500px;
	height:450px;
	top:20px;
	left:20px;
	color:#000000;
	font-size: 1.1em;
	font-weight: normal;
    }
#gallery1 a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }

#gallery1 a.slideb:hover img, #gallery1 a.slidei:hover img {
    float:right;
    }

/*End of gallery style*/