/*------------------------------------------------------------------------------
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, ul, ol, li, 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:			800px;
			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*/
			}
					
.abs			{
			position:		absolute;
			}

.top			{
			position:		absolute;
			height:			133px;	
			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:		100;
			position:		absolute;
			float:			left;
			left:			136px;
			top:			396px;
			width:			480px;
			height:			42px;
			border:			#900 solid 0px;
			background-color:	transparent;	
			color:			#000000;
			padding:		12px 0;
			}
				
#topNav ul		{
			z-index:		100;
			list-style:		none;
			left:			0;
			top:			30px;
			margin:			2px 0;
			padding:		0;
			width:			100%;
			float:			left;
			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;
			font-weight:		900;
			text-decoration:	none;
			z-index:		100;
			}
		
#topNav ul a:hover  	{
			color:			#000000;
			text-decoration:	underline;
			}
		
#topNav .sel a		{
			color:			#ffcc00;
			}
				
#topNav ul .first a 	{
			background: 		none;
			}			
			
.mid p			{
			font-family:		verdana;
			color:			#000000;
			padding:		12px 18px 0px 18px;
			font-size:		75%;
			line-height:		18px;
			}
			
.mid p span		{
			color:			#ffe866;
			}

.mid p.see_hear		{
			font-size:		70%;
			font-style:		italic;
			padding:		3px 0 0 18px;
			font-weight:		500;
			letter-spacing:		0px;
			color:			#ffe866;
			}
			
.mid h3			{
			padding: 		18px 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:		arial;
			font-size:		11px;
			font-weight:		900;
			color:			#000000;
			background-color:	transparent;
			padding:		0 12px 6px 15px;
			line-height:		13px;
			z-index:		2;
			letter-spacing:		1px;
			}
			
.midContent		{
			position:		absolute;
			top:			0px;
			}					
/* ---------------------------- Left navigation ------------------------------ */			
.lft			{
			position:		absolute;
			width:			178px;
			z-index:		1;
			}
/*
.subNav			{
			background-color:	transparent;
			float:			left;
			position:		absolute;
			width:			168px;
			height:			192px;
			top:			366px;
			left:			176px;
			color:			#ffffff;	
			font-family:		"arial narrow","sans-serif";
			border: 		0px solid #6b5a35;
			z-index:		100;
			}
			
.subNav-arr		{
			background-color:	transparent;
			float:			left;
			position:		absolute;
			width:			168px;
			height:			82px;
			top:			366px;
			left:			734px;
			color:			#ffffff;	
			font-family:		"arial narrow","sans-serif";
			border: 		0px solid #6b5a35;
			z-index:		100;
			}
						
		
.subNav h5, .subNav-arr h5	{
			font-family:		"arial narrow","sans-serif";
			font-size:		20px;
			line-height:		24px;
			height:			24px;
			font-variant:		small-caps;
			color:			#eeddb8;
			background-color:	transparent;
			margin:			0;
			padding:		0 0 0 8px;
			border-left:		0px solid #6b5a35;
			border-top:		0px solid #6b5a35;
			border-bottom:		0px solid #6b5a35;
			border-right:		0px solid #6b5a35;
			letter-spacing:		1px;
			}

.subNav h5 span, .subNav-arr h5 span		{
			font-size:		60%;
			}

.subNav p, .subNav2 p	{
			text-align:		center;
			}
	
.subNav ul, .subNav-arr 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, .subNav-arr ul#lwr		{
			position:		relative;
			width:			100%;
			}
					
.subNav li, .subNav-arr li		{
			height:			22px;
			padding:		0;
			margin:			0;
			font-size:		16px;
			line-height:		23px;
			text-align:		left;
			font-weight:		900;
			letter-spacing:		1px;
			width:			100%;
			display:		block;
			}
		

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

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

.subNav li a:hover, .subNav li a:active		{
			display:		block;
			background:		#919ec8;
			color:			#000000;
			width:			100%;
			text-decoration:	none;
			border-bottom: 		0px solid #999999;
			}

.subNav-arr li a:hover, .subNav-arr li a:active		{
			display:		block;
			background:		#919ec8;
			color:			#ffffff;
			width:			100%;
			text-decoration:	none;
			border-bottom: 		0px solid #999999;
			}

.subNav li.manylinks				{
			display:		block;
			width:			100%;
			color:			#ffffff;
			padding:		0 0 0 0px;
			border-bottom: 		0px solid transparent;
			}


.subNav li:hover.manylinks			{
			display:		block;
			background:		#919ec8;
			color:			#000000;
			width:			100%;
			text-decoration:	none;
			border-bottom: 		0px solid #999999;
			}

		
.subNav .here		{
    			background:		#dddddd;
    			color:			#cccccc;
			border-bottom: 		1px solid #999999;
    			}
			
.subNav li.manylinks div.pu	{
			position:		absolute;
			width:			240px;
			height:			220px;
			top:			-42px;
			left:			168px;
			background:		transparent;
			display:		none;
			color:			#ffffff;
			padding:		0;
			border-top:		#ffffff solid 0px;
			border-right:		#000000 solid 0px;
			border-bottom:		#000000 solid 0px;
			border-left:		#919ec8 solid 2px;
			z-index:		10;
			}

.subNav li.manylinks div.pu span	{
			padding:		0 0 0 9px;
			}
		
.subNav li .scrollnav h4	{
			color:			#cccc66;
			}

.subNav li:hover .scrollnav	{
			display:		block;
			}
			
.subNav li .scrollnav li 	{
			background:		transparent;
			color:			#000000;
			cursor:			pointer;
			padding:		0;
			margin:			0;
			width:			100%;
			height:			22px;
			text-indent:		0;
			line-height:		22px;
			font-size:		14px;
			display:		block;
			}
		
.subNav li .scrollnav li:hover 	{
			text-decoration:	none;
			width:			100%
			display:		block;
			}	

.subNav li:hover .scrollnav a.scnav	{
			color:			#ffffff;
			}
*/
		
.indnt			{
			padding:		0 0 0 9px;
			}

.rgt			{
			position:		absolute;
			width:			622px;
			background-color:	transparent;
			}
			
.rgt .nwsc1		{
			position:		relative;
			width:			330px;
			left:			242px;
			top:			69px;
			border:			#666666 solid 0px;
			}
			
.rgt .nwsc1 p		{
			font-family:		calibri, verdana, serif;
			font-size:		14px;
			font-weight:		normal;
			line-height:		16px;
			margin:			0;
			padding:		6px 6px 12px 12px;
			text-align:		left;
			}

.rgt .nwsc1 p:first-line	{
			font-weight:		bold;
			}

.rgt .nwsc2		{
			}

.btm			{
			position:		relative;
			float:			left;
			height:			24px;
			top:			130px;
			background:		#1d1d1d;		/*footer bkgnd*/
			font-size:		75%;
			width:			100%;
			}

.r4d2			{
			background:		#1d1d1d;
			height:			24px;
			line-height:		6px;
			font-size:		6px;
			}
			
.btm p			{
			position:		absolute;
			width:			100%;
			color:			#ffffff;
			line-height:		24px;
			text-align:		center;
			}
			
.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 ----------------------------------------------------------*/
/*
li a:link, li a:visited	{
			text-decoration: 	none;
			color: 			#000000;
			font-weight: 		900;
			cursor:			pointer;
			z-index:		10;
			}

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

a.content		{
			line-height:		10px;
			font-size:		100%;
			}

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

#perform.tell a.homelink		{
			color:			#ffffff;
			text-decoration:	none;
			}
			
#perform.tell a.homelink:hover	{
			color:			#ffffff;
			text-decoration:	underline;
			}

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