/*------------------------------------------------------------------------------
Style Sheet for 1972 picnic picture rollover

version:		1.0
date:			November 22, 2007
author:			Jim Stephenson
email:			kineticjim@stephensonmusic.com
			jim@lockportucc.org
			jim@kineticjim.com
			sstephenson_lock@hotmail.com
website:		www.kineticjim.com
------------------------------------------------------------------------------*/

#picnic1972		{
			display:		block;
			position:		relative;
			float:			left;
			top:			6px;
			left:			-222px;
			width:			750px;
			height:			300px;
			background:		url(images/history/LUCC-1972-picnic-750x236.jpg) no-repeat;
			}
			
ul#picro 		{
			position:		absolute;
			width:			100%;
			list-style-type:	none;
			}	
			
#picro li		{
			position:		absolute;
			width:			12px;
			height:			12px;
  			z-index:		2;
			}
			
#picro li:hover		{
  			border:			#ff0000 solid 0px;
  			cursor:			pointer;
  			}
			
#picro li .name		{
			display:		none;
			cursor:			auto;
			}
			
#picro li:hover	.name	{
			display:		block;
			cursor:			pointer;
			position:		absolute;
			top:			-180px;
			left:			-48px;
			width:			106px;
			height:			163px;
			background:		#000000;
			}
			
#picro li:hover .name h3		{
			position:		absolute;
			font-size:		100%;			
			top:			138px;
			left:			6px;
			color:			#ffffff;
			line-height:		12px;
			margin:			0;
			padding:		0;
			}
			
.name img		{		
			position:		absolute;
			left:			3px;
			top:			3px;
			}
			
.historytitle		{
			font-family:		verdana, serif;
			font-size:		20px;
			margin:			30px 6px 6px 0px;
			}
			
#contentItems p span	{
			font-size:		90%;
			font-style:		italic;
			}
			

#no1	{	left:	26px;	top:	183px;	}
#no2	{	left:	64px;	top:	148px;	}
#no3	{	left:	105px;	top:	158px;	}
#no4	{	left:	158px;	top:	162px;	}
#no5	{	left:	182px;	top:	155px;	}
#no6	{	left:	210px;	top:	162px;	}
#no7	{	left:	242px;	top:	148px;	}
#no8	{	left:	282px;	top:	150px;	}
#no9	{	left:	314px;	top:	147px;	}
#no10	{	left:	349px;	top:	154px;	}
#no11	{	left:	380px;	top:	167px;	}
#no12	{	left:	391px;	top:	163px;	}
#no13	{	left:	423px;	top:	156px;	}
#no14	{	left:	455px;	top:	151px;	}
#no15	{	left:	482px;	top:	167px;	}
#no16	{	left:	495px;	top:	163px;	}
#no17	{	left:	517px;	top:	163px;	}
#no18	{	left:	543px;	top:	160px;	}
#no19	{	left:	570px;	top:	165px;	}
#no20	{	left:	596px;	top:	155px;	}
#no21	{	left:	612px;	top:	169px;	}
#no22	{	left:	647px;	top:	166px;	}
#no23	{	left:	692px;	top:	163px;	}
#no24	{	left:	63px;	top:	130px;	}
#no25	{	left:	98px;	top:	121px;	}
#no26	{	left:	128px;	top:	130px;	}
#no27	{	left:	162px;	top:	127px;	}
#no28	{	left:	196px;	top:	102px;	}
#no29	{	left:	209px;	top:	115px;	}
#no30	{	left:	237px;	top:	130px;	}
#no31	{	left:	265px;	top:	131px;	}
#no32	{	left:	283px;	top:	132px;	}
#no33	{	left:	307px;	top:	138px;	}
#no34	{	left:	331px;	top:	133px;	}
#no35	{	left:	360px;	top:	137px;	}
#no36	{	left:	378px;	top:	145px;	}
#no37	{	left:	395px;	top:	143px;	}
#no38	{	left:	438px;	top:	140px;	}
#no39	{	left:	462px;	top:	133px;	}
#no40	{	left:	491px;	top:	137px;	}
#no41	{	left:	494px;	top:	123px;	}
#no42	{	left:	540px;	top:	139px;	}
#no43	{	left:	585px;	top:	135px;	}
#no44	{	left:	649px;	top:	144px;	}
#no45	{	left:	684px;	top:	145px;	}
#no46	{	left:	67px;	top:	103px;	}
#no47	{	left:	720px;	top:	122px;	}
#no48	{	left:	35px;	top:	99px;	}
#no49	{	left:	63px;	top:	76px;	}
#no50	{	left:	100px;	top:	87px;	}
#no51	{	left:	135px;	top:	80px;	}
#no52	{	left:	173px;	top:	82px;	}
#no53	{	left:	224px;	top:	89px;	}
#no54	{	left:	262px;	top:	85px;	}
#no55	{	left:	299px;	top:	91px;	}
#no56	{	left:	332px;	top:	92px;	}
#no57	{	left:	363px;	top:	93px;	}
#no58	{	left:	397px;	top:	95px;	}
#no59	{	left:	432px;	top:	89px;	}
#no60	{	left:	467px;	top:	92px;	}
#no61	{	left:	504px;	top:	92px;	}
#no62	{	left:	543px;	top:	89px;	}
#no63	{	left:	579px;	top:	93px;	}
#no64	{	left:	616px;	top:	96px;	}
#no65	{	left:	665px;	top:	92px;	}
#no66	{	left:	65px;	top:	42px;	}
#no67	{	left:	116px;	top:	48px;	}
#no68	{	left:	141px;	top:	51px;	}
#no69	{	left:	173px;	top:	56px;	}
#no70	{	left:	209px;	top:	56px;	}
#no71	{	left:	228px;	top:	55px;	}
#no72	{	left:	260px;	top:	54px;	}
#no73	{	left:	300px;	top:	57px;	}
#no74	{	left:	329px;	top:	54px;	}
#no75	{	left:	363px;	top:	62px;	}
#no76	{	left:	401px;	top:	55px;	}
#no77	{	left:	436px;	top:	54px;	}
#no78	{	left:	466px;	top:	56px;	}
#no79	{	left:	497px;	top:	60px;	}
#no80	{	left:	526px;	top:	61px;	}
#no81	{	left:	548px;	top:	68px;	}
#no82	{	left:	575px;	top:	61px;	}
#no83	{	left:	613px;	top:	64px;	}
#no84	{	left:	642px;	top:	69px;	}
#no85	{	left:	677px;	top:	73px;	}
#no86	{	left:	711px;	top:	66px;	}
#no87	{	left:	28px;	top:	31px;	}
#no88	{	left:	49px;	top:	27px;	}
#no89	{	left:	81px;	top:	36px;	}
#no90	{	left:	104px;	top:	36px;	}
#no91	{	left:	125px;	top:	23px;	}
#no92	{	left:	155px;	top:	37px;	}
#no93	{	left:	166px;	top:	29px;	}
#no94	{	left:	179px;	top:	34px;	}
#no95	{	left:	194px;	top:	40px;	}
#no96	{	left:	228px;	top:	28px;	}
#no97	{	left:	258px;	top:	25px;	}
#no98	{	left:	274px;	top:	45px;	}
#no99	{	left:	285px;	top:	32px;	}
#no100	{	left:	309px;	top:	38px;	}
#no101	{	left:	318px;	top:	26px;	}
#no102	{	left:	321px;	top:	42px;	}
#no103	{	left:	343px;	top:	44px;	}
#no104	{	left:	345px;	top:	15px;	}
#no105	{	left:	353px;	top:	48px;	}
#no106	{	left:	357px;	top:	30px;	}
#no107	{	left:	367px;	top:	38px;	}
#no108	{	left:	385px;	top:	42px;	}
#no109	{	left:	403px;	top:	36px;	}
#no110	{	left:	381px;	top:	60px;	}
#no111	{	left:	418px;	top:	55px;	}
#no112	{	left:	423px;	top:	37px;	}
#no113	{	left:	443px;	top:	28px;	}
#no114	{	left:	442px;	top:	40px;	}
#no115	{	left:	456px;	top:	40px;	}
#no116	{	left:	483px;	top:	32px;	}
#no117	{	left:	485px;	top:	46px;	}
#no118	{	left:	510px;	top:	48px;	}
#no119	{	left:	527px;	top:	39px;	}
#no120	{	left:	537px;	top:	16px;	}
#no121	{	left:	538px;	top:	29px;	}
#no122	{	left:	546px;	top:	45px;	}
#no123	{	left:	559px;	top:	46px;	}
#no124	{	left:	571px;	top:	45px;	}
#no125	{	left:	583px;	top:	44px;	}
#no126	{	left:	596px;	top:	51px;	}
#no127	{	left:	615px;	top:	46px;	}
#no128	{	left:	633px;	top:	50px;	}
#no129	{	left:	657px;	top:	63px;	}
#no130	{	left:	668px;	top:	51px;	}
#no131	{	left:	689px;	top:	58px;	}
#no132	{	left:	707px;	top:	46px;	}