/*------------------------------------------------------------------------------
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;	
			}

ol, ul			{
			list-style-type:	none;
			}

table			{
			border-collapse:	collapse;
			border-spacing:		0;
			}

caption, th		{
			text-align:		left;
			}

fieldset, img		{
			border:			0;
			}

dt, address, caption, cite, code, dfn, em, i, strong, b, th, var
			{
			font-style:		normal;
			font-weight:		normal;
			}

q:before, q:after	{
			content:		'';
			}

/* Basic tag formatting ------------------------------------------------------*/

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

#two-col, #three-col	{
			position:		relative;
			top:			15px;
			width:			950px;
			background:		#6781a6;
			margin:			0 auto;
			text-align:		left;
			background:		#333344;		/*content bkgnd*/
			}
						
#overall		{
			top:			15px;
			font-family:		"trebuchet ms",arial,sans-serif;
			color:			black;
			}

table			{
			border-collapse:	collapse;
			border-spacing:		0;
			position:		relative;
			width:			100%;
			}
		
.col1 			{
			border:			0px dotted #ff0000;
			width:			146px;		
			background:		#333344		/*navigation bkgnd*/
			}

#two-col .col2		{
			border:			0px dotted #00ff00;
			}

#three-col .col2	{
			border:			0px dotted #00ff00;
			vertical-align:		top;
			width:			452px;
			}
			
#three-col .col3			{
			border:			0px dotted #00ff00;
			vertical-align:		top;
			}

.top			{
			height:			125px;
			background:		#333344;		/*banner bkgnd*/
			text-align:		center;
			border-bottom:		#ffffff solid 2px;
			}

.mid			{
			height:			800px;
			}

.mid .lft		{
			color:			#000000;
			vertical-align:		top;
			padding:		18px 0 0 0;
			border-right:		#000000 solid 2px;
			border-top:		#000000 solid 2px;
			border-bottom:		#000000 solid 2px;
			}
			
.mid .lft h3		{
			position: 		relative; 
			top: 			8px;
			padding:		6px 0 0 0px;
			color:			#ffffff;
			font-size:		12px;
			font-weight:		900;
			z-index:		2;
			}

.mid .lft form		{
			float: left; 
			position: relative; 
			left: 12px; 
			top: 90px;
			}
			
.mid .lft form h3	{
			padding: 0 0 3px 3px;
			color:	#ffffff;
			}
			
.mid .lft form .sh-cart	{
			color:	#ffffff;
			font-variant: small-caps;
			font-size: 12px;
			margin: -29px 0 0 26px;
			font-weight: 900;
			background: transparent;
			}
			
.mid .lft form .sh-cart:hover	{
			background: #ccccdd;
			cursor: pointer;
			z-index: 10;
			}
						
.mid .ctr		{
			color:			#cccccc;
			vertical-align:		top;
			padding:		0;
			border-top:		#000000 solid 2px;
			border-bottom:		#000000 solid 2px;
			z-index:		10;
			}			

.mid .rgt		{
			color:			#cccccc;
			vertical-align:		top;
			padding:		0;
			border-top:		#000000 solid 2px;
			border-bottom:		#000000 solid 2px;
			border-left:		#000000 solid 1px;
			z-index:		1;
			}
			
.mid .rgt content1x h2	{
			text-align:		center;
			width:			100%;
			}
			
.mid .rgt content1x h3	{
			padding:		24px;
			}


.btm			{
			height:			24px;
			background:		#ccccdd;		/*footer bkgnd*/
			font-size:		65%;
			text-align:		center;
			border-top:		#000000 solid 2px;
			}
			
.btm p			{
			color:			#333333;
			}
			
.btm p a		{
			color:			#993333;
			}
			
.btm p a:hover		{
			color:			#660000;
			text-decoration:	underline;
			}


.rgt h3			{
			color:			#ffffff;
			padding:		12px 0 6px 18px;
			font-size:		10px;
			}
			
/* --------------------- Shopping cart formatting ---------------------------- */


		.cart		{
				float:			left;
				position: 		absolute;
				left: 			52px;
				top: 			30px;
				}

		.cart1		{
				float:			left;
				position: 		absolute;
				left: 			17px;
				top: 			42px;
				}

		.cart2		{
				float:			left;
				position: 		absolute;
				left: 			47px;
				top: 			42px;
				}

		.cart3		{
				float:			left;
				position: 		absolute;
				left: 			77px;
				top: 			42px;
				}

		.cart4		{
				float:			left;
				position: 		absolute;
				left: 			107px;
				top: 			42px;
				}

		.cart5		{
				float:			left;
				position: 		absolute;
				left: 			52px;
				top: 			210px;
				}
				
		.daytudecart	{
				position:		relative;
				margin:			0 0 0 12px;
				top:			0px;
				}
				
/*		form.daytudecart span		{
				font-family:		arial, verdana;
				font-weight:		900;
				font-size:		100%;
				}	*/

/* Link Formatting  ------------------------------------------- */

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

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

a.eml:hover, a.eml:active	{
			text-decoration: 	underline;
			color: 			#fff;
			font-weight: 		500;
			font-size:		12px;
			background:		url(images/emailIcon4.gif) no-repeat right top;
			padding-right:		14px;
			}

		

a.content:link, a.content:visited, a.content:active	{
			text-decoration: 	none;
			color: 			#cc0033;
			font-weight: 		900;
			font-size:		100%;
			}

a.content:hover		{
			text-decoration: 	underline;
			color:			#993333;
			}

a.perf:link, a.perf:visited, a.perf:active	{
			text-decoration: 	none;
			color: 			#ffffff;
			font-size:		11px;
			font-family:		arial;
			font-weight:		900;
			}

a.perf:hover		{
			text-decoration: 	underline;
			color:			#ff9999;
			font-size:		11px;
			font-family:		arial;
			font-weight:		900;
			}
			
/* --------------------- Formatting for bio page ----------------------- */


#bio-info	{
		position:		relative;
		top:			0px;
		padding:		0;
		margin:			0;
		background:		transparent;
		}
		
#bio-info img	{
 		float: 			right; 
 		margin: 		48px 24px 6px 12px;
 		width:			150px;
 		}
		
#bio-info p	{
		color:			#ffffff;
		font-size:		80%;
		padding:		6px 18px;
		}
		
#bio-info h2	{
		color:			#ffffff;
		padding:		18px;
		font-size:		18px;
		}

#bio-info #award	{
		margin:			18px;
		padding:		12px 0;
		border:			#ffffff solid 1px;
		}
		
#bio-info #award img	{
 		float: 			right; 
 		margin: 		6px 18px 6px 12px;
 		width:			320px;
		}