/* CSS Document for photo gallery */
/*  http://www.cssplay.co.uk/articles/gallery/index.html  */
/* choose a suitable font and center the #container div in Internet Explorer */
body {
   text-align:center; 
   font-family: tahoma,arial,sans-serif; 
   font-size:76%; 
   letter-spacing:0.05em;
   }

/* header */
#header{
	height:150px;
	top:2em;
}
/* The containing box for the gallery. */
#container {
    position:relative; 
    width:770px; 
    height:450px; 
    margin:20px auto 0 auto; 
    border:1px solid #006d3a;
	padding-top:1px;
	
    /*background:#fff url(Images/LorenMinnick.gif) 75px 10px no-repeat;    } */
}
 
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
	/*width:198px;   */
	width:234px; 
    height:440px;
    margin:5px; 
    float:right;

    }
#container li {
    float:left;
    }
	
	
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
#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;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
	}	

/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:372px; 
    height:428px; 
    top:10px; 
    left:65px;     /* WAS 75px */
    color:#000; 
    background:#fff;
    }



#container a.slidea {
	background:url(images/22mar08-thumbs/PeaceBanjo.lw.jpg);
    height:72px; 
    width:60px;
    }

#container a.slideb {
	background:url(images/22mar08-thumbs/MarchingAtThePark3.lw.jpg);
    height:72px; 
    width:60px;
    }
#container a.slidec {
	background:url(images/22mar08-thumbs/MarchingAtThePark4.lw.jpg);
    height:72px; 
    width:60px;
    }
#container a.slided {
	background:url(images/22mar08-thumbs/Drummers.lw.JPG);
	background-repeat:no-repeat;
    height:68px; 
    width:60px;
    }
#container a.slidee {
	background:url(images/22mar08-thumbs/GreenParty.lw.jpg);
    height:68px; 
    width:60px;
    }
#container a.slidef {
	background:url(images/22mar08-thumbs/AtTheCourhouse3.lw.jpg);
    height:68px; 
    width:60px;
    }
#container a.slideg {
	background:url(images/22mar08-thumbs/ChalkingUpForAmnestyIntl.lw.jpg);
    height:72px; 
    width:60px;
    }
#container a.slideh {
	background:url(images/22mar08-thumbs/Orosco2.lw.jpg);
    height:72px; 
    width:60px;
    }
#container a.slidei {
	background:url(images/22mar08-thumbs/Cassandra4.lw.jpg);
    height:72px; 
    width:60px;
    }
#container a.slidej {
	background:url(images/22mar08-thumbs/RagingGrannies2.lw.jpg);
    height:72px; 
    width:60px;
    }
#container a.slidek {
	background:url(images/22mar08-thumbs/Leah.lw.jpg);
    height:72px; 
    width:60px;
    }
#container a.slidel {
	background:url(images/22mar08-thumbs/RagingGrandkids.lw.jpg);
    height:72px; 
    width:60px;
    }
#container a.slidegal1 {
	background:url(images/gallery/allternatives-tn.jpg);
    height:72px; 
    width:60px;
    }
#container a.slidegal2 {
	background:url(images/gallery/fair-booth-tn.jpg);
    height:72px; 
    width:60px;
    }
#container a.slidegal3 {
	background:url(images/gallery/I-5Overpass-tn.jpg);
    height:72px; 
    width:60px;
    }
#container a.slidegal4 {
	background:url(images/gallery/tshirt-tn.jpg);
    height:72px; 
    width:60px;
    }
#container a.slidegal5 {
	background:url(images/gallery/vigil-tn.jpg);
    height:72px; 
    width:60px;
    }
	
#credits{
	height:180px;
	margin-top:30px;
	}