/*------------------------------------------------------------------------------
Style Sheet for the index page in stephensonmusic.com

version:		1.0
date:			August 16, 2007
author:			Jim Stephenson
email:			kineticjim@stephensonmusic.com
			jim@lockportucc.org  
			jim@kineticjim.com
			sstephenson_lock@hotmail.com
website:		stephensonmusic.com
------------------------------------------------------------------------------*/
#overall	{
		width:				850px;
		}

#bannerSub4	{
		border:				#900 solid 0px;
		background-color:		transparent;
		position:			absolute;
		top:				3px;
		left:				272px;
		width:				312px;
		height:				50px;
		}
		
#bannerSub4 p	{		
		font-size:			9px;
		line-height:			12px;
		font-family:			verdana, "trebuchet ms",arial,sans-serif;
		font-weight:			normal;
		letter-spacing:			0px;
		color:				#101010;
		text-align:			left;
		padding:			3px;
		}
		
/*	#bannerSub5	{
		border:			#900 solid 0px;
		background-color:	transparent;
		position:		absolute;
		top:			66px;
		float:			left;
		left:			12px;
		width:			48%;
		height:			50%;		
		font-family:		"trebuchet ms",arial,sans-serif;
		font-size:		12px;
		line-height:		14px;
		font-weight:		bold;
		letter-spacing:		0px;
		color:			#333333;
		text-align:		left;
		}	*/


#billboard	{
		display:			none;
		border:				#369 ridge 3px;
		float:				left;
		position:			relative;
		top:				310px;
		left:				-465px;
		width:				447px;
		background:			#ffffff;
		height:				120px;
		margin:				0;
		padding:			0;
		z-index:			1;
		}

#billboard p	{
		padding:			10px 10px 0 10px;
		}

#mapro		{
		float:				left;
		position: 			relative;
		top: 				18px;
		left: 				12px;
		width: 				120px;
		height: 			100px;
		border: 			#990000 solid 0px;
		}
		
#mapro img	{
		float: 				left; 
 		right: 				100px;
 		width:				120px;
 		}
 		
#mapro p	{
		font-size:			65%;
		padding:			0 5px 12px 6px;
		line-height:			12px;
		}

#premRoBx	{
  		position: 			relative;
  		top: 				30px;
  		left: 				0px;
  		width: 				260px;
  		height: 			55px;
  		border: 			2px solid navy;
  		background-color:		#ccffff;
  		padding: 			0;
  		margin:				0;
  		font-family: 			'verdana';
  		font-size: 			12px;
  		}

#premRoBx p	{
  		font-size:			14px;
  		padding:			8px;
  		}

#preminfo	{
  		display: 			none;
  		position: 			absolute;
  		top:				20px;
  		left: 				475px;
  		width: 				265px;
   		height: 			500px;
   		border: 			navy solid 2px;
   		background-color: 		#ddffff;
   		padding: 			10px 5px 10px 0px;
   		z-index: 			3;
   		}

#preminfo p	{
  		padding:			10px 8px 7px 8px;
  		}

#colRoBx	{
		float:				left;
  		position:			relative;
  		top: 				66px;
  		left: 				15px;
  		width:				100%;
  		height:				103px;
  		border:				red solid 0px;
  		padding:			0;
  		margin:				0;
  		}
  		
#colRoBx:hover	{
		cursor:				pointer;
		}

#colRoBx #cdinfo	{
		cursor:				auto; 
		display:			none;
 		position:			absolute;
 		top:				-175px;
 		left: 				132px;
 		width: 				300px;
   		height: 			425px;
   		border: 			navy solid 1px;
   		background: 			#ffffff;
		font-family: 			'trebuchet ms'; 
		font-size: 			12px;
		z-index:			10;
		}

#colRoBx #cdinfo span.basicPos	{
		position: 			absolute; 
		left: 				13px; 
		top: 				60px;
		}

#colRoBx #cdinfo span.sampleVers	{
		position: 			absolute; 
 		left: 				6px; 
 		top: 				25px; 
 		line-height: 			12px; 
 		width: 				300px;
 		}

#colRoBx:hover #cdinfo	{
		cursor:				pointer; 
		display:			inline;
		}
		
#colRoBx div	{
		float:				left;
		font-size: 			25px; 
		font-family: 			'arial narrow'; 
		display: 			block; 
		position: 			relative; 
		left: 				0px; 
		top: 				0px; 
		width: 				130px; 
		border: 			navy solid 0px;
		}
		
#colRoBx div p	{
		font-family: 			'trebuchet ms'; 
 		font-size: 			11px; 
 		line-height: 			12px;
 		}
 		
#colRoBx img	{
		float:				left;
		}
		
#newsRoBx	{
		float:				left;
  		position:			absolute;
  		top: 				84px;
  		left: 				148px;
  		width:				296px;
  		height:				42px;
		border-left:			#eeeeee solid 1px;
		border-top:			#eeeeee solid 1px;
  		border-right:			#cccccc solid 2px;
  		border-bottom:			#cccccc solid 2px;
  		padding:			0;
  		margin:				0;
		}
		
#newsRoBx:hover	{
		cursor:				pointer;
		}
		
#newsRoBx #newsPuBx	{
		display:			none;
		cursor:				auto;
		position:			absolute;
		top:				-1px;
		left:				1px;
		width:				298px;
		height:				971px;
		border-left:			#dddddd solid 1px;
		border-top:			#dddddd solid 1px;
  		border-right:			#cccccc solid 2px;
  		border-bottom:			#cccccc solid 2px;
		background:			#ffffff;
		color:				#000000;
		z-index:			10;
		padding:			0 0 0 0px;
		}
		
#newsRoBx #newsPuBx p	{
		padding:			12px 6px 12px 6px;
		font-size:			12px;
		}


#newsRoBx:hover	#newsPuBx	{
		cursor:				pointer;
		display:			inline;
		}	

#newsRoBx h2	{
		border: 			#000000 solid 0px;
		position:			relative;
		font-family: 			georgia, serif;
		font-size: 			18px;
		font-weight:			normal;
		line-height: 			36px;
		margin: 			0 0 0 0px;
		padding: 			0 0 0 0px;	
		}
/*		
#newsRoBx img	{
		position:			absolute;
		margin:				-108px 0 0 247px;
		z-index:			100;
		}
*/		
#premies	{
		position:			relative;
		width:				298px;
		float:				left;
		top:				-36px;
		z-index:			auto;
		margin:				0 0 24px 0;
		}
		
#premies h5	{
		z-index:			auto;
		padding:			12px;
		}
					
.grphead	{
		background:			#eeeeee;
		color: 				#000000; 
 		font-variant: 			small-caps;
 		font-weight:			bold;
 		padding:			0 5px;
 		}

#cyinfo		{
		float:				left;
		position:			relative;
		display:			block;
		top: 				0px;
		left:				0px;
		width:				275px;
		font-size: 			14px;
		background-color: 		#eeeeee;
		font-weight: 			bold;
		text-align: 			center;
		margin:				0;
		padding:			0;
		z-index:			auto;
		border-bottom:			#bbbbbb solid 0px;
		border-right:			#bbbbbb solid 2px;
		}

#cyinfo h5	{
		line-height:			12px;
		}
  				
#cyinfo .cytitle	{
		font-size: 			18px; 
 		position: 			relative; 
 		left: 				0px;
 		line-height:			32px;
		}
		
#cyinfo p	{
 		line-height: 			13px;
 		font-size:			14px;
 		padding:			10px;
 		color:				#000000;	
 		}
 		
#cyinfo p a	{
		font-size:			12px;
		}

#sleepyhollow	{
		float:				left;
		position:			relative;
		left:				0px;
		top:				0px;
		width:				275px;
/*		background:			#ffffff url(images/ichabod.jpg) no-repeat right bottom;	*/
		border-right:			#cccccc solid 2px;
		border-bottom:			#cccccc solid 0px;
		border-top:			#cccccc solid 0px;
		border-left:			#cccccc solid 0px;
		color:				#000000;
		background:			#ffffff;
		}

#sleepyhollow p	{
		font-size:			12px;
		line-height:			14px;
		margin:				5px 5px 5px 10px;
		}
		
#sleepyhollow p	span	{
		color: 				#f33;
		}

#sleepyhollow h3 	{
		font-family:			verdana, Tahoma, Arial, sans-serif;
		font-size:			95%;
		font-weight:			bold;
		line-height:			16px;
		margin:				12px 5px 15px 10px;
		color:				#000000;
		}

#sleepyhollow h4	{
		font-family:			"trebuchet ms", Tahoma, Arial, sans-serif;
		font-size:			75%;
		font-weight:			bold;
		line-height:			15px;
		margin:				6px 2px 6px 9px;
		color:				#000000;
		}
		
#sleepyhollow h4 span	{
		font-style:			italic;
		}
		
#sleepyhollow ul	{
		position:			relative;
		top:				-6px;
		}
		
#sleepyhollow li	{
		position:			relative;
		line-height:			12px;
		left:				24px;
		}
		
#sleepyhollow img	{
		float:				left;
		margin:				-3px 15px 0 0px;
		z-index:			100;
		}
		
#sleepyhollow img.ichabod	{
		float:				left;
		margin:				-42px 0 -27px 186px;
		}


.stuff		{
		display:			block;
		}

#hotclips	{
		float: 				left;
		position: 			relative;
		top: 				0px;
		left: 				0px;
		width: 				275px;
		border: 			navy solid 0px;
		background: 			#ffffcc;
		border-bottom:			#cccc99 solid 0px;
		border-right:			#cccc99 solid 2px;
		border-top:			#cccc99 solid 0px;
		border-left:			#cccc99 solid 0px;
		}

#hotclips p	{
		font-family:			verdana, Tahoma, Arial, sans-serif;
		font-size:			11px;
		font-weight:			normal;
		line-height:			14px;
		margin:				5px 10px;
		color:				#000000;
		}

#hotclips h3	{
		font-family:			georgia, serif;
		font-size:			18px;
		font-weight:			bold;
		line-height:			18px;
		font-style:			italic;
		margin:				5px 0 2px 0;
		text-align: 			center; 
 		color: 				#cc0000;
 		}

#hotclips h4	{
		font-family:			"trebuchet ms", Tahoma, Arial, sans-serif;
		font-size:			80%;
		font-weight:			bold;
		line-height:			16px;
		margin:				3px 5px 5px 5px;
		}
		
#hotclips img	{
		float: 				left; 
 		margin: 			6px 8px 5px 12px; 
 		border: 			0;
 		z-index:			1;
 		}

#christmasarr	{
		float:				left;
		position: 			relative;
		top: 				0px;
		left: 				0px;
		width: 				275px;
		background: 			#eeffee url(images/christmastree2.gif) no-repeat 9px 42px;
		border-bottom:			#bbccbb solid 2px;
		border-right:			#bbccbb solid 2px;
		border-top:			#bbccbb solid 0px;
		border-left:			#bbccbb solid 0px;
		}

#christmasarr p	{
		font-size:			13px;
		font-weight:			bold;
		line-height:			14px;
		margin:				5px 7px 5px 10px;
		text-align:			right;
		}

#christmasarr h3 	{
		font-family:			georgia, Tahoma, Arial, sans-serif;
		font-size:			20px;
		font-weight:			bold;
		line-height:			20px;
		letter-spacing:			2px;
		margin:				7px 5px 10px 13px;
		color:				#379755;
		}

#christmasarr h4{
		font-family:			"trebuchet ms", Tahoma, Arial, sans-serif;
		font-size:			14px;
		font-weight:			bold;
		line-height:			16px;
		margin:				5px 7px 10px 63px;
		text-align:			right;
		}

#patriotic	{
		float: 				left;
		position: 			relative;
		top: 				0px;
		left: 				0px;
		width: 				275px;
		border: 			navy solid 0px;
		background: 			#bbc0d0 url(images/amflag2.gif) no-repeat right top;
		border-bottom:			#8890a0 solid 0px;
		border-right:			#8890a0 solid 2px;
		}

#patriotic p	{
		font-size:			12px;
		line-height:			14px;
		margin:				10px 5px 10px 12px;
		color:				#000000;
		}

#patriotic h3 	{
		font-family:			impact, Tahoma, Arial, sans-serif;
		font-size:			20px;
		font-weight:			500;
		line-height:			30px;
		margin:				5px 5px 0px 10px;
		letter-spacing:			1px;
		}

#patriotic h4	{
		font-family:			'arial', Tahoma, Arial, sans-serif;
		font-size:			11px;
		line-height:			16px;
		margin:				15px 5px 10px 12px;
		}

.crrntev	{
		float:				left;
		position:			relative;
		margin:				5px 0 0 0;
		padding:			0;
		width:				270px;
		height:				80px;
		background:			transparent;
		border:				#666 solid 0px;
		font-size:			12px;
		list-style:			none;
		}

.crrntev h3, .crrntev h4, .crrntev h5	{
		padding:			5px 7px 0 12px;
		margin:				0;
		}

.crrntev p	{
		padding:			0 0 0 7px;
		margin:				0;
		line-height:			13px;
		}

.ttl		{
		display:			inline;
		color:				#339;
		}

.prf		{
		font-size:			11px;
		color:				#933;
		}

.cnd		{
		font-size:			11px;
		}

.lcn		{
		font-size:			11px;
		}

.premicon	{
		float:				right;
		}

.premiconnew	{
		background:			url("graphics/icons/premiere3.gif") no-repeat 210px 10px;
		z-index:			auto;
		}

a.hpnews:hover	{
		border-color:			#f00;
		}

.lesswidth	{
		float: 				right;
		width: 				150px;
		position: 			relative;
		top: 				0px;
		}
		
#content1 h2	{
		}
	
#content1 h2:first-letter {
		z-index: 			5;
		float: 				left;
		top: 				10px;
		font-size: 			240%;
		margin:				5px 0px 0px 0px;
		padding: 			0 0 0px 0;
		color: 				orange; 
		}

#content1 #premies ul	{
  		position:			relative;
  		top:				0;
  		margin:				0;
  		padding:			0px;
  		list-style:			none;
  		font-size:			12px;
  		left:				0px;
  		z-index:			1;
  		border:				#0000ff solid 0px;
  		width:				384px;
  		}

#content1 #premies li	{
		display:			block;
		position:			relative;
		background:			transparent;
		width:				100%;
  		line-height:			14px;
  		margin:				0;
  		padding:	  		6px 0px 6px 12px;
  		font-family:			verdana, serif;
		font-size:			11px;
  		font-weight:			normal;
  		background:			#ffffff;
		color:				#000000;
		border:				#cc0000 solid 0px;
  		}
								
#content1 #premies li:hover	{	
				display:		block;
				position:		relative;
				background-color:	transparent;
				color:			#000000;
				cursor:			pointer;
				text-decoration:	none;			}

.nws		{
		display:			none;
		position:			absolute;
		width:				288px;
		float:				right;
		right:				-304px;
		top:				-10px;
		z-index:			100;
		font-size:			11px;
		font-weight:			bold;
		line-height:			15px;
		background:			transparent;
		margin:				0;
		padding:			6px;
		border:				#999999 solid 2px;
		cursor:				auto;
		}
		

#content1 li div.nws		{	background:		#ffffff;
					display:		none;		}

#content1 li:hover div.nws	{	display: 		block;	}


#content1 li div.nws p {
	padding: 0px 7px;
}

#content1 li div.nws p img {
	z-index: 5;
	float: left;
	width: 102%;
	margin: 5px 5px 5px 0; }

#content1 li span.noright {
	display: none;
	background: transparent;
	font-size: 14px;
	position: absolute;
	left: 	390px;
	top:	-600px;
	width:	312px;
	height: 1150px;
	z-index: 1;	}

#content1 li:hover span.noright {	
	display: block;	
}

#content1 h5	{
		padding:		24px 0 6px 12px;
		z-index:		1;
		}

#content1 div.iebugs 	{
	position: 	relative;
	top:		14px;
	border:		#990000 solid 1px;
	background:	#eeeeee;
	width:		264px;
	font-size:	60%;
	margin:		0 0 0 12px;
	padding:	1px 6px;
	line-height:	12px;
	color:		#000000;
	height:		48px;
			}
			
#content1 div.iebugs span	{
	color:		#990000;
}
			
#content1 div.iebugs a	{
	color:		#009900;
	font-weight:	900;
	}
	
.now	{
	color:		#990000;
	font-weight:	900;
	}

#content2 #flashPlayer object	{
	position: relative;
	top: 14px;
	left: 87px;
	z-index: 100;	}
	
#content2 #flashPlayer-2 object	{
	position: relative;
	top: 14px;
	left: 87px;
	z-index: 100;	}

#testbox	{
	position: relative;
	width: 82px;
	height: 50px;
	border: #000099 solid 1px;
	background:  #333344;
	top: -38px;
	left: 303px;
	z-index: 100;
	}
	
#testbox h3	{
	font-size: 100%;
	line-height: 36px;
	color: #cc3333;
	margin-left: -18px;
	}
	
#testbox p	{
	line-height: 12px;
	}