/*------------------------------------------------------------------------------
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:		#223355 url(graphics/bce-235-800x4.gif) repeat-x;
			color:			black;
			text-align:		center;
			}

#overall		{
			margin:			0 auto;
			position:		relative;
			width:			850px;
			background:		#333333;
			top:			15px;
			text-align:		left;
			}

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

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

.top			{
			height:			180px;	
			background:		transparent;		/*banner bkgnd*/
			text-align:		center;
			border-bottom:		0px solid #666666;
			vertical-align:		top;
			}
			
.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;
			}

.mid			{
			height:			600px;
			color:			#000000;
			vertical-align:		top;
			}
			
.mid p			{
			font-family:		verdana;
			color:			#ffffff;
			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%;
			}

.btm			{
			height:			24px;
			background:		#ccccdd;		/*footer bkgnd*/
			font-size:		65%;
			text-align:		center;
			}
			
.btm p			{
			color:			#333333;
			}
			
.btm p a		{
			color:			#993333;
			}
			
.btm p a:hover		{
			color:			#660000;
			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;
			}

			
#roftopNav		{
			z-index:		10;
			border:			#900 solid 0px;
			background-color:	transparent;
			position:		absolute;
			left:			100px;
			top:			12px;
			height:			24px;
			width:			675px;
			font-family:		georgia;
			font-style:		italic;
			text-decoration:	none;
			color:			#ffffff;
			letter-spacing:		2px;
			}
				
#roftopNav ul		{
			z-index:		100;
			margin:			0px 12px 0 0;
			padding:		0;
			list-style:		none;
			width:			700px;
			float:			left;
			background:		transparent;
			}
			
#roftopNav ul li	{
			float:			left;
			}
				
#roftopNav ul a		{
			float:			left;
			padding:		0 1em;
			line-height:		1.6em;
			background: 		transparent;
			font-size:		11px;
			font-weight:		900;
			color:			#ffffff;
			}
		
#roftopNav ul a:hover  	{
			color:			#ffee66;
			text-decoration:	underline;
			}
		
#roftopNav .sel a	{
			color:			#ffcc00;
			}
				
#roftopNav ul .first a 	{
			background: 		none;
			}
		
/* Link formatting ----------------------------------------------------------*/

a:link,	a:visited	{
	text-decoration: 	none;
	color: 			#999;
	font-weight: 		500;
	font-size:		12px;
	}

a:hover, a:active		{
	text-decoration: 	none;
	color:			#999;
	font-weight: 		500;
	font-size:		12px;
	}