/*------------------------------------------------------------------------------
Style Sheet for the master table layout in stephensonmusic.com

version:		1.0
date:			December 2, 2008
author:			Jim Stephenson
email:			kineticjim@stephensonmusic.com
			jim@lockportucc.org  
			jim@kineticjim.com
			sstephenson_lock@hotmail.com
website:		stephensonmusic.com
------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, 
address, th, td 	{ 
			margin: 		0; 
			padding: 		0;	
			}

fieldset, img		{
			border:			0;
			}

body			{
			font-family:		"trebuchet ms", Tahoma, Arial, sans-serif;
/*			background:		#999999 url(graphics/bce-235-800x4.gif) repeat-x;	*/
			background:		#bbbbbb;
			color:			black;
			text-align:		center;
			}

#overall		{
			margin:			0 auto;
			position:		relative;
			width:			950px;
			height:			900px;
			top:			0px;
			text-align:		left;
			z-index:		0;
			}

table			{
			border-collapse:	collapse;
			border-spacing:		0;
			position:		relative;
			width:			100%;
			background:		transparent;
			}
		
.col1 			{
			border:			0px dotted #ff0000;
			width:			178px;		
			background:		transparent;		/*content-left bkgnd*/
			}

.col2			{
			border:			0px dotted #00ff00;
			background:		transparent;		/*content-right bkgnd*/
			}
					
.col3			{
			border:			0px dotted #00ff00;
			background:		transparent;		/*content-right bkgnd*/
			}
.col4			{
			border:			0px dotted #00ff00;
			background:		#dddddd;		/*content-right bkgnd*/
			}
.col5			{
			border:			0px dotted #00ff00;
			background:		transparent;		/*content-right bkgnd*/
			}

.abs			{
			position:		absolute;
			}

.top			{
			position:		relative;
			height:			150px;	
			width:			100%;
			background:		transparent;		/*banner bkgnd*/
			text-align:		center;
			border-bottom:		0px solid #666666;
			}
			
.top h1			{
			font-family:		georgia;
			font-style:		italic;
			font-size:		250%;
			font-weight:		100;
			color:			#ffe866;
			padding:		48px 0 0 0;
			line-height:		48px;
			}
			
.top p			{
			color:			#ffffff;
			padding:		12px 18px 0px 18px;
			font-size:		80%;	
			letter-spacing:		2px;
			}
			
.top .bkgnd_music	{
			position:		absolute;
			width:			100%;
			height:			0px;
			}
			
.nav			{
			position:		absolute;
			height:			45px;
			top:			0px;
			width:			100%;
			z-index:		2;
			background-color:	transparent;
			}

#topNav			{
			z-index:		10;
			position:		relative;
			float:			right;
			right:			3px;
			top:			6px;
			width:			100%;
			height:			16px;
			border:			#900 solid 0px;
			background-color:	transparent;	
			color:			#000000;
			}
				
#topNav ul		{
			z-index:		100;
			list-style:		none;
			left:			0px;
			top:			0px;
			margin:			0;
			padding:		0;
			width:			865px;
			float:			right;
			background:		transparent;
			font-family:		"arial";
			color:			#000000;
			font-size:		15px;
			font-weight:		500;
			font-style:		normal;
			text-decoration:	none;
			line-height:		16px;
			letter-spacing:		0px;
			}
			
#topNav ul li		{
			float:			left;
			}
				
#topNav ul a		{
			padding:		0 0.6em;
			line-height:		1em;
			background: 		transparent;
			color:			#000000;
			z-index:		100;
			}
		
#topNav ul a:hover  	{
			color:			#000000;
			text-decoration:	underline;
			}
		
#topNav .sel a		{
			color:			#ffcc00;
			}
				
#topNav ul .first a 	{
			background: 		none;
			}			

.mid			{
			position:		relative;
			top:			0px;
			height:			620px;
			color:			#000000;
			background:		transparent;
			z-index:		auto;
			width:			100%;
			vertical-align:		top;
			}

.mid p			{
			font-family:		verdana;
			color:			#000000;
			padding:		12px 18px 0px 18px;
			font-size:		75%;
			line-height:		18px;
			}
			
.rolloverCD p span		{
			color:			#000000;
			}
			
.rolloverCD p.see_hear		{
			font-size:		70%;
			font-style:		italic;
			padding:		3px 0 0 18px;
			font-weight:		500;
			letter-spacing:		0px;
			color:			#ffe866;
			}
			
.mid h2			{
			font-size:		110%;
			font-weight:		900;
			margin:			6px 0 0 12px;
			}
			
.mid h3			{
			padding: 		0px 12px 0px 18px;
			color:			#ffffff;
			font-size:		100%;
			}

.mid .rgt div.pic1	{
			position:		relative;
			width:			210px;
			float:			right;
			padding:		0px 0px 0px 12px;
			z-index:		3;
			}
			
.mid .rgt h4		{
			font-family:		"verdana";
			font-weight:		900;
			color:			#000000;
			background-color:	transparent;
			margin:			24px 12px 12px 15px;
			line-height:		12px;
			z-index:		2;
			}
			
.mid .rgt h4 span.smaller	{
			font-family:		"verdana";
			font-size:		11px;
			font-weight:		900;
			color:			#000000;
			background-color:	transparent;
			padding:		0 12px 0px 0;
			line-height:		13px;
			z-index:		2;
			}
			
.mid .rgt h5		{
			font-family:		"verdana";
			font-size:		14px;
			font-weight:		900;
			color:			#000000;
			background-color:	transparent;
			padding:		12px 12px 1px 15px;
			z-index:		2;
			}

.mid .rgt p		{
			position:		relative;
			font-family:		calibri,verdana,serif;
			font-size:		14px;
			font-weight:		900;
			color:			#000000;
			background-color:	transparent;
			padding:		0 12px 6px 15px;
			line-height:		13px;
			z-index:		2;
			letter-spacing:		0px;
			}
			
.mid ul		{
			margin:			0 0 0 0px;
			}
			
.mid .ctr li p, .mid .rgt li p		{
			font-family:		calibri,verdana,serif;
			font-size:		14px;
			line-height:		14px;
			}
			
.midContent		{
			position:		absolute;
			top:			0px;
			}
/* ---------------------------- Left navigation ------------------------------ */			
.lft			{
			position:		relative;
			width:			240px;
			z-index:		10;
			}

#subNav			{
			background-color:	#cebd98;
			float:			left;
			position:		relative;
			width:			168px;
			height:			278px;
			top:			78px;
			left:			66px;
			color:			black;	
			font-family:		"arial narrow","sans-serif";
			border-right: 		2px solid #9b8a65;
			border-bottom: 		2px solid #9b8a65;
			z-index:		auto;
			}
		
#subNav h5		{
			font-family:		"arial narrow","sans-serif";
			font-size:		18px;
			line-height:		24px;
			height:			24px;
			font-variant:		small-caps;
			color:			#f0e6ca;
			background-color:	#000000;
			margin:			0;
			padding:		0 0 0 8px;
			border-left:		1px solid #999999;
			border-top:		1px solid #999999;
			border-bottom:		1px solid #999999;
			letter-spacing:		1px;
			}

#subNav h5 span		{
			font-size:		60%;
			}

#subNav p, #subNav2 p	{
			text-align:		center;
			}
	
#subNav ul		{
			position:		relative;
			width:			100%;
			left:			0px;
			top:			2px;
			list-style:		none;
			padding:		0;
			margin:			4px 0 10px 0;
			border:			#000000 solid 0px;
			background: 		transparent;
			text-align:		left;
			}

#subNav ul#lwr		{
			position:		relative;
			width:			100%;
			}
					
#subNav li		{
			height:			22px;
			padding:		0;
			margin:			0;
			font-size:		16px;
			line-height:		22px;
			text-align:		left;
			font-weight:		900;
			letter-spacing:		1px;
			}
		
#subNav li .scrollnav	{
			position:		absolute;
			width:			228px;
			top:			0px;
			left:			120px;
			background:		#cccccc;
			display:		none;
			color:			black;
			padding:		0 0 0 12px;
			border-top:		#ffffff solid 1px;
			border-right:		#000000 solid 1px;
			border-bottom:		#000000 solid 1px;
			border-left:		#ffffff solid 1px;
			z-index:		auto;
			}
		
#subNav li:hover .scrollnav	{
			display:		block;
			z-index:		1000;
			}
		
#subNav li .scrollnav a.scnav		{
			background:		transparent;
			color:			#000000;
			cursor:			pointer;
			padding:		0;
			margin:			0;
			width:			100%;
			text-indent:		0;
			z-index:		1000;
			}
		
#subNav li .scrollnav a.scnav:hover	{
			text-decoration:	underline;
			z-index:		1000;
			}

#subNav li a:link, #subNav li a:visited		{
			display:		block;
			width:			100%;
			color:			#000000;
			padding:		0 0 0 0px;
			border-bottom: 		0px solid transparent;
			}

#subNav li a:hover, #subNav li a:active		{
			display:		block;
			background:		#8c7135;
			color:			#ffffff;
			width:			100%;
			text-decoration:	none;
			border-bottom: 		0px solid #999999;
			}
		
#subNav .here		{
    			background:		#dddddd;
    			color:			#cccccc;
			border-bottom: 		1px solid #999999;
    			}

.indnt			{
			padding:		0 0 0 9px;
			}
		
.ctr			{
			position:		relative;
			width:			335px;
			background-color:	transparent;
			border:			#000000 solid 0px;
			z-index:		5;
			top:			0px;
			}
			
.rgt			{
			position:		relative;
			width:			375px;
			background-color:	transparent;
			z-index:		5;
			}
			
.mid .ctr .nwsc	{
			position:		relative;
			width:			100%;		
			left:			0px;
			top:			78px;
			border:			#666666 solid 0px;
			}
			
.mid .rgt .nwsc	{
			position:		relative;
			width:			90%;		
			left:			0px;
			top:			78px;
			border:			#666666 solid 0px;
			}

.mid .nwsc p	{
			font-family:		calibri, verdana, serif;
			font-size:		14px;
			font-weight:		normal;
			line-height:		16px;
			margin:			0;
			padding:		3px 6px 3px 12px;
			text-align:		left;
			}

.mid .nwsc p li		{
			color:		#ff0000;
			}

.mid .fl p:first-line	{
			font-weight:		bold;
			padding:		6px 6px 12px 12px;
			line-height:		14px;
			}

.nwsc2			{
			}
			
.btm			{
			position:		relative;
			height:			24px;
			top:			0;
			background:		#1d1d1d;		/*footer bkgnd*/
			font-size:		75%;
			width:			100%;
			padding:		0;
			margin:			0;
			}

.r4d2			{
			background:		#1d1d1d;
			height:			24px;
			line-height:		6px;
			font-size:		6px;
			}
			
.btm p			{
			position:		absolute;
			width:			100%;
			color:			#ffffff;
			line-height:		6px;
			text-align:		center;
			padding:		0;
			margin:			0;
			}
			
.btm p a		{
			color:			#660000;
			}
			
.btm p a:hover		{
			color:			#990000;
			text-decoration:	underline;
			}
		
.hay			{
 			float: 			left; 
 			margin: 		48px 0 0 18px;
 			}
 			
.dar			{
 			float: 			left; 
 			margin:			48px 12px 0 36px;
 			}
.lin			{
 			float: 			right; 
 			margin: 		48px 12px 0 0;
 			}

.jim			{
 			float: 			right; 
 			margin: 		6px 0 0 12px;
 			width:			160px;
 			}

.indented		{
			margin:			0 0 0 24px;
			}

			

		
/* Link formatting ----------------------------------------------------------*/

a:link,	a:visited	{
			text-decoration: 	none;
			color: 			#000000;
			font-weight: 		900;
			}

a:hover, a:active		{
			text-decoration: 	none;
			color:			#cc3333;
			font-weight: 		900;
			cursor:			pointer;
			}

a.content		{
			text-decoration:	underline;
			line-height:		10px;
			font-size:		100%;
			}
			
a.cal			{
			text-decoration:	underline;
			line-height:		11px;
			font-size:		11px;
			font-weight:		500;
			}
			
a.newslink:link, a.newslink:visited 	{
			font-family:		calibri,verdana,serif;
			font-size:		100%;
			color:			#7e6d48;
			font-weight:		900;
			text-decoration:	underline;
			}
			
a.newslink:hover, a.newslink:active 	{
			color:			#3e2d08;
			}


a.mapit			{
			text-decoration:	underline;
			line-height:		18px;
			font-size:		100%;
			color:			#cc3333;
			}



#inputTable		{
			position:		absolute;
			width:			500px;
			height:			420px;
			top:			12px;
			left:			222px;
			background:		#ecf2f9;
			padding:		18px 0 0 0;
			border-right:		#000000 solid 0px;
			border-bottom:		#000000 solid 0px;
			border-top:		#000000 solid 0px;
			border-left:		#000000 solid 0px;
			}
		
#inputTable table	{
			width:			410px;
			margin:			0 0 0 6px;
			}

		
#inputTable tr	{
			height:			30px;
			margin:			3px 0 3px 0;
			}
		
#inputTable td	{
			padding:		3px 0 3px 0;
			background:		transparent;
			border:			#000000 solid 0px;
			}

#inputTable td.lbl	{
			background:		transparent;
			text-align:		right;
			padding:		6px 6px 6px 0;
			font-family:		arial, sans-serif;
			font-size:		11px;
			font-weight:		bold;
			border:			0px;
			}
		
#inputTable h4	{
			padding:		0;
			font-size:		13px;
			font-weight:		bold;
			font-family:		arial, sans-serif;
			margin:			6px 0 18px 72px;
			}