body {
	/* text-align:center; */
	font-family: futura, arial, helvetica,sans-serif; 
	font-size:76%; 
	letter-spacing:0.05em;
}

#wrapper {
                width:800px;
                height: 1200px;
                margin:0px 0px 0px 0px;
                border:0px solid #bbb;
                padding:0px solid;
                background-color: #FFF;
                float: left;
        }

        
#banner {
                border:0px solid #bbb;
                width: 800px;
                height:179px;
                padding:0px;
        }
        
#navcontainer {
                float: left;
                background-color: #000;
                border:0px solid #bbb;
                height:18px;
                width: 800px;
                padding:0px;
         }
       
#navlist ul {
				margin: 0; 
				padding: 0; 
				width: 850px; 
				white-space: nowrap;
		}
#navlist li {
				display: inline; 
				width: 850px; 
				list-style-type: none;
		}
#navlist a {
				float: left; 
				padding: 3px 18px; 
				font-size: 84%;
				
		}
#navlist a:link, #navlist a:visited {
				color: #FFF;  /* was #509; */
				text-decoration: none; 
				
		}
#navlist a:hover {
				color: #000;
				text-decoration: no underline;
				background-color: #FFCC00;
				
}
                

#ul{list-style-type: none;
}

ul.NoBulletNoIndent {
  list-style-type: none;
  margin-left:0px;
  padding-left:opx;
  }

.samepagenavtab{
				color: #fff;
				text-decoration: no underline;
				background-color: #9966CC;
				padding: 3px 18px;
}



#content {
                margin-top:20px;
                border:0px solid;
                float:left;
        }
#content div {
                margin-top:10px;
                margin-left:0px; 
  /* this is the space around the content in all in 3 content boxes*/
                float: left;
                
        }

        
 
#content-main-photogallery {
				margin-top: 0px;
                margin-left: 0px;
                padding:0px 0px 0px 0px;
                float: left;
                height:400px;
                width: 800px;
        }
	

#bottom {
                clear:both;
                text-align:right;
        }



/* The containing box for the gallery. */
#container  { 
	background: #2e2e2e url("media/photo_gallery/300px_photogalleryIINTRO.jpg") no-repeat 75px 10px; 
	margin-top:0px;
	margin-left:0px; 
	position: absolute; 
	width: 800px; 
	height: 500px; 
	border: solid 1px #aaa

	 
	
}

/* Removing the list bullets and indentation - add size - and position */
#container ul {
	width:400px; /* was 200px with 4 thumbs across*/
	height:600px; /* was 225px with 4 thumbs down*/
	padding:0;  
	margin:5px; 
	list-style-type:none; 
	float:right;
	background-color:#2e2e2e;
	
}

#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;
	
}

/* Adding the thumbnail images */
#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;
}

#container a.slidea  { 
	background: url("media/photo_gallery/1980s/40px_01FFTfront.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slideb  { 
	background: url("media/photo_gallery/1990s/40px_04FFTbulletinboard.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slidec  { 
	background: url("media/photo_gallery/1990s/40px_05FFTinside1.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slided  { 
	background: url("media/photo_gallery/1970s/40px_02BobDanteBaby.jpg"); 
	width: 40px; 
	height: 40px; 
}

* html #container a.slided {width:40px; w\idth:40px;}
#container a.slidee  { 
	background: url("media/photo_gallery/1990s/40px_06FFTempsGroupBobTiik.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slidef  { 
	background: url("media/photo_gallery/musicians/40px_01FFTmusicians.jpg"); 
	width: 40px; 
	height: 40px;
}

* html #container a.slidef {width:40px; w\idth:40px;}
#container a.slideg  { 
	background: url("media/photo_gallery/musicians/40px_02MusiciansChapin.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slideh  { 
	background: url("media/photo_gallery/musicians/40px_03MusiciansCoreyHarris.jpg"); 
	width: 40px; 
	height: 40px; 
	}

#container a.slidei  { 
	background: url("media/photo_gallery/musicians/40px_04MusiciansTomRao.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slidej  { 
	background: url("media/photo_gallery/2000s/40px_06FFTmikey.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slidek  { 
	background: url("media/photo_gallery/2000s/40px_07FFTmaureen.jpg"); 
	width: 40px; 
	height: 40px;
}

* html #container a.slidek {width:40px; w\idth:40px;}

#container a.slidel  { 
	background: url("media/photo_gallery/1990s/40px_FFTChip.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slidem  { 
	background: url("media/photo_gallery/1980s/40px_03FFTgordClock.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.sliden  { 
	background: url("media/photo_gallery/1970s/40px_03FFTmenu.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slideo  { 
	background: url("media/photo_gallery/1980s/40px_03FFT_menu2.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slidep  { 
	background: url("media/photo_gallery/1990s/40px_03FFT_menu3+4.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slideq  { 
	background: url("media/photo_gallery/1980s/40px_02FFToutside1.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slider  { 
	background: url("media/photo_gallery/2000s/40pxLHWedNickySpyche.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slides  { 
	background: url("media/photo_gallery/2000s/40pxLHWedSpycheDonaldK.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slidet  { 
	background: url("media/photo_gallery/2000s/40pxLindavows.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slideu  { 
	background: url("media/photo_gallery/2000s/40pxLHWedMelaneyMelindahug.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slidev  { 
	background: url("media/photo_gallery/2000s/40pxBobJerrWayMelis.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slidew  { 
	background: url("media/photo_gallery/2000s/40pxboblasagna1.jpg"); 
	width: 40px; 
	height: 40px; 
}

#container a.slidex  { 
	background: url("media/photo_gallery/2000s/40pxboblasagnaStove1.jpg"); 
	width: 40px; 
	height: 40px; 
}


#container a.slidey { 
	background: url("media/photo_gallery/2000s/40pxEdHorowitz.jpg"); 
	width: 40px; 
	height: 40px; 
}


/* styling the hovers .. (note: white-space normal fixes IE not working.. Tiik did it from
http://joshuaink2006.johnoxton.co.uk/blog/206/css-photo-gallery-template) on 4.6.07 */

#container a.gallery:hover {
	border:1px solid #fff;
	white-space: normal;}


#container a.gallery:hover span {
	position:absolute; 
	width:305px; 
	height:650px; 
	top:10px; 
	left:75px; 
	color:#fff;
	font-style:bold; 
	background:#2e2e2e;
}

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

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