/* CSS Document */

#gallery1 {
	position:relative;
	width:770px;
	border:1px solid #aaa;
	margin-top: 20px;
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: 20px 10px;
	float: right;
	margin-right: 10px;
	background-image: url(../images/SEgalleryBG.jpg);
	height: 540px;
	
    }
	/*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:204px;
	height:492px;
	overflow: auto;
	margin-top:10px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 3px;
	border: 1px solid #000000;
	padding: 0;
    }
#gallery1 li {
    float:left;
	
    }	

#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:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-26.jpg);
    }
#gallery1 a.slideb {
	height:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-61.jpg);
    }
#gallery1 a.slidec {
	height:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-140.jpg);
    }

#gallery1 a.slidee {
	height:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-pond.jpg);
    }
#gallery1 a.slidef {
	height:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-73.jpg);
    }
	#gallery1 a.slideg {
	height:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-pond2.jpg);
    }
	#gallery1 a.slideh {
	height:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-135.jpg);
    }
	#gallery1 a.slidei {
	height:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-24.jpg);
    }		
	#gallery1 a.slidej {
	height:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-113.jpg);
    }		
	#gallery1 a.slidek {
	height:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-139.jpg);
    }
	#gallery1 a.slidel {
	height:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-3825.jpg);
    }		
	#gallery1 a.slidem {
	height:80px;
	width:100px;
	background-image: url(../images/specialevents_img/SE_TN/TN-3858.jpg);
    }
								
/*end of thumbnail style*/	


#gallery1 a.gallery:hover {
    border:1px solid #fff; 
    }
#gallery1 a.gallery:hover span {
	position:absolute;
	width:500px;
	height:622px;
	top:10px;
	left:10px;
	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*/