/*------------------------------------------------------------------------------
Style Sheet for Stephensonmusic listen pages

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



h3		{
		font-family:		"trebuchet ms", Tahoma, Arial, sans-serif;
		font-size:		12px;
		font-weight:		900;
		color:			#000000;
		}

#clpLngth	{
  		position: 		relative;
  		top: 			0px;
  		width: 			100%;
  		left: 			18px;
  		margin: 		0;
  		padding: 		0;
  		height: 		24px;
  		}
  
#clpLngth h3	{
  		font-family : 		verdana, arial, sans-serif;
  		position: 		relative;
  		margin: 		12px 0 12px 0px;
  		padding-top: 		0px;
  		width: 			125px;
  		font-size: 		14px;
  		font-weight : 		500;
  		}

#clpLngth ul	{
  		background: 		#faa819 url(graphics/ccc-999.gif) repeat-x;
  		list-style: 		none;
  		float: 			left;
  		margin: 		0 0 0 0;
  		height: 		24px;
  		width: 			225px;
  		font-family: 		verdana, arial,sans-serif;
  		font-size: 		12px;
  		font-weight: 		bold;
  		line-height: 		2.0em;
  		display: 		inline;
  		}
 
#clpLngth ul li	{
  		background: 		url(graphics/greyDivider1.gif) repeat-y left top;
  		height: 		100%;
  		float: 			left;
  		display: 		inline;
  		padding: 		0 1.2em;
  		}
  
#clpLngth ul li.first {
  		background:		none;
  		}
  
.clipSelect 	{
  		background : 		#333344;
  		border-top : 		#cccccc solid 1px;
  		border-left : 		#cccccc solid 1px;  
  		border-right : 		#999999 solid 1px;
  		border-bottom : 	#cccccc solid 1px;
  		font-family : 		verdana, arial, sans-serif;
  		position : 		relative;
  		width : 		666px;
  		top : 			0px;
  		left : 			18px;
  		padding : 		0 0 12px 0;
  		margin : 		0 0 12px 0;
  		}
  
.clipSelect p	{
  		color : 		#ffffff;		
		}
  
.clipSelect h2 	{
		text-align: 		center;
		padding : 		12px 0 6px 0;
		margin : 		0;
		color : 		#dfd864;
		font-family:		georgia, serif;
		font-size:		20px;
		font-style:		italic;
		}
  
.clipSelect h3 	{
  		font-family : 		verdana, arial, sans-serif;
  		font-size : 		14px;
  		padding : 		0 0 12px 18px;
  		font-weight : 		500;
  		}
    
.christmasInstrumentation {
  		position : 		absolute;
  		width : 		420px;  
  		left : 			204px;
  		top : 			13px;
  		line-height : 		12px;
  		font-family : 		verdana, arial, sans-serif;
  		font-size : 		85%;
  		color : 		#eeeeff;
  		text-decoration : 	none;
  		}


/* Other classes ------------------------------------------------------------------*/

.ch3		{
		font-family:		verdana, Tahoma, Arial, sans-serif;
		font-size:		11px;
		font-weight:		500;
		color:			#ffffff;
		margin-top:		0em;
		margin-bottom:		0em;
		line-height:		18px;
		position:		relative;
		left:			12px;
		padding:		0;
		}
				
.ch3 h2 	{
  		font-family : 		verdana, arial, sans-serif;
  		color : 		#cc0000;
  		margin : 		0;
  		padding : 		0 0 6px 0;
  		text-align: 		center;
  		}  
	
.ch4		{
		font-family:		verdana, arial, tahoma, sans-serif;
		font-size:		11px;
		font-weight:		500;
		color:			#eeeeff;
		margin-top:		0em;
		margin-bottom:		0em;
		line-height:		36px;
		position:		relative;
		left:			36px;
		vertical-align:		bottom;
		border-top:		#eeeeee solid 0px;
		width:			416px;
		display:		block;
		}
		
.ch4 h2 	{
  		font-family : 		verdana, arial, sans-serif;
  		color : 		#993333;
  		margin : 		0;
  		padding : 		6px 0 6px 0;
  		}