/*------------------------------------------------------------------------------
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			{
			background:		#990033 url(graphics/blk-to-903.gif) repeat-x;
			width:			100%;
			color:			black;
			margin:			12px 0 0 0;
			}

#overall		{
			width:			900px;
			margin:			0px auto;
			}

#three-col		{
			position:		relative;
			width:			850px;
			background:		#6781a6;
			}

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

.col2			{
			border:			0px dotted #00ff00;
			vertical-align:		top;
			width:			720px;
			background:		#333344;		/*content bkgnd*/
			color:			#cccccc;
			}
			
.col3			{
			border:			0px dotted #00ff00;
			vertical-align:		top;
			background:		#333344;		/*content bkgnd*/
			}

.top td			{
			height:			90px;
			background:		#eaeaea;
			text-align:		left;
			z-index:		1;
			}
			
.mid			{
			height:			800px;
			font-size:		12px;
			}
			
.btm			{
			height:			24px;
			background:		#ccccdd;		/*footer bkgnd*/
			font-size:		12px;
			text-align:		center;
			}
			
.btm p			{
			color:			#333333;
			line-height:		10px;
			}
			
.btm p a		{
			color:			#993333;
			}
			
.btm p a:hover		{
			color:			#660000;
			text-decoration:	underline;
			}
		
/* ------------------------------------------------------------------- */

h1	{
	margin:			0px 0px 0.3em 18px;
	color:			#333333;
	font-family:		"trebuchet ms", Tahoma, Arial, "sans serif";
	font-size:		32px;
	}

h2	{
	margin:			0;
	padding:		18px 18px 18px 18px;
	color:			#cccccc;
	font-family:		Georgia, Tahoma, Arial, "sans serif";
	font-size:		26px;
	font-style:		italic;
	}
	
h2.bigfirst:first-letter	{
	color:			#999999;
	font-size:		300%;
	font-style:		italic;
	}

h3	{
	margin:			18px 0px 12px 18px;
	color:			#ccccdd;
	font-family:		verdana, Tahoma, Arial, "sans serif";
	font-size:		18px;
	}

h4	{
	margin:			0;
	padding:		18px 18px 6px 18px;
	color:			#cccccc;
	font-family:		verdana, Tahoma, Arial, "sans serif";
	font-size:		130%;
	font-weight:		900;
	}
	
h5	{
	padding:		6px 18px 0px 18px;
	color:			#cccccc;
	font-family:		verdana, Tahoma, Arial, "sans serif";
	font-size:		100%;
	font-weight:		800;
	text-decoration:	underline;	}

h6	{
	padding:		6px 18px 0px 18px;
	margin:			0;
	color:			#ffffff;
	font-family:		verdana, "trebuchet ms", Tahoma, Arial, "sans serif";
	font-size:		100%;
	font-weight:		900;
	font-style:		italic;
	}
	
p	{
	margin:			0;
	padding:		6px 6px 6px 18px;
	font-family:		verdana, Tahoma, Arial, "sans serif";
	font-size:		14px;
	line-height:		18px;
	}
			
#content p.bigfirst:first-letter		{
	float:			left;
	margin:			4px 4px 0 0;
	color:			#cc3333;
	font-size:		460%;
	border:			#000000 solid 0px;
	}
	
p.bluebigfirst:first-letter		{
	float:			left;
	margin:			4px 3px 0 0;
	color:			#8080cc;
	font-size:		360%;
	border:			#000000 solid 0px;
	}

p.realbigfirst:first-letter	{
	float:			left;
	margin:			0 5px 0 0;
	color:			#cc3333;
	font-size:		720%;
	border:			#000000 solid 1px;
	}
	
p.linestyle1:first-line		{
	color:			#ff6666;
	font-size:		110%;
	font-weight:		bold;
	line-height:		30px;
	}
	
p.linestyle2:first-line		{
	color:			#000000;
	font-size:		110%;
	font-weight:		bold;
	font-variant:		small-caps;
	}
	
#content ol {
	font-size:		100%;
	padding:		0 0 0 18px;
	margin:			0 0 12px 36px;
	}
	
#content .picwlabel	{
	float:			right;
	position:		relative;
	width:			50%;
	margin:			6px 12px 0 0;
	border:			#ff0000 solid 0px;
	}
	
#content .picwlabel57	{
	float:			right;
	position:		relative;
	width:			57%;
	margin:			12px 12px 0 0;
	border:			#ff0000 solid 0px;
	}

#content .picwlabel57 img	{
	float:			right;
	position:		relative;
	padding:		0 12px 0px 6px;
	margin:			0 0 0 24px;
	}

#content .picwlabel65	{
	float:			right;
	position:		relative;
	width:			65%;
	margin:			12px 12px 0 0;
	border:			#ff0000 solid 0px;
	}

#content .picwlabel65 img	{
	float:			right;
	position:		relative;
	padding:		0 12px 0px 6px;
	margin:			0 0 0 24px;
	}

#content .picwlabel40	{
	float:			right;
	position:		relative;
	width:			40%;
	margin:			6px 12px 0 0;
	border:			#ff0000 solid 0px;
	}

#content .picwlabel img	{
	float:			right;
	position:		relative;
	padding:		0 12px 0px 6px;
	margin:			0 0 0 24px;
	}
	
#content .picwlabel40 img	{
	float:			right;
	position:		relative;
	padding:		0 12px 0px 6px;
	margin:			0 0 0 24px;
	}

#content .picwlabel p.caption	{
	float:			right;
	position:		relative;
	font-size: 		11px; 
	padding: 		3px 0 0 6px; 
	line-height: 		13px;
	}
	
#content .picwlabel40 p.caption	{
	float:			right;
	position:		relative;
	font-size: 		11px; 
	padding: 		3px 0 0 6px; 
	line-height: 		13px;
	}

#content .picwlabel57 p.caption	{
	float:			right;
	position:		relative;
	font-size: 		11px; 
	padding: 		3px 0 0 6px; 
	line-height: 		13px;
	}

#content .picwlabel65 p.caption	{
	float:			right;
	position:		relative;
	font-size: 		11px; 
	padding: 		3px 0 0 6px; 
	line-height: 		13px;
	}

#content p	{
	margin:			0 12px 6px 0;
	}
	
#content p span.mts	{
	font-size:		130%;
	letter-spacing:		2px;
	}
	
#content td	{
	font-size:		180%;
	}
	
#content #jobOfferList li	{
	font-size:		120%;
	line-height:		18px;
	margin:			0 0 0 36px;
	}
		
#content .roster table	{
	left:			30px;
	}

#content .roster td	{
	font-size:		80%;
	font-family:		verdana;
	color:			#cccccc;
	}
	
#content ul.example 	{
	position:		relative;
	width:			80%;
	left:			36px;
	}
	
#content .example li	{
	font-size:		12px;
	font-family:		verdana;
	list-style-type:	square;
	margin:			6px 0;
	}
	
#content .shaping	{
	position:		relative;
	width:			100%;
	margin:			0 0 0 9px;
	border-left:		#cccccc solid 1px;
	}
	
#content .shaping p	{
	padding:		6px 6px 6px 9px;		/* This, with the margin a few lines up, puts the line in the middle of the margin---if the p padding is 18px. */
	}
	


/* ------------------------------------------------------------------- */

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

a:hover, a:active	{
	color:			#ffffff;
	text-decoration: 	underline;
	font-weight: 		900;
	font-size:		100%;
		}