/*------------------------------------------------------------------------------
Style Sheet for left navigation in the Stephensonmusic website

version:		1.0
date:			March 8, 2009
author:			Jim Stephenson
email:			kineticjim@stephensonmusic.com
			jim@lockportucc.org  
			jim@kineticjim.com
			sstephenson_lock@hotmail.com
website:		www.stephensonmusic.com
------------------------------------------------------------------------------*/
		
/* -------- left Side Navigation ---------- */		

#leftNav	{
		border:			#999900 solid 0px;
		background-color:	transparent;
		float:			left;
		position:		relative;
		top:			-25px;
		left:			12px;
		width:			100px;
		height:			300px;	
		font-family:		"trebuchet ms",arial,sans-serif;
		font-size:		12px;
		letter-spacing:		1px;
		color:			black;	
		z-index:		100;
		
		}
		
#leftNav ul	{
		border:			#00ff00 solid 0px;
		margin:			0;
		padding:		0;
		list-style:		none;
		position:		relative;
		top:			10px;
		z-index:		2;
		}
		
#leftNav h3	{
		position: 		relative; 
		top: 			8px;
		padding:		16px 0 0 3px;
		}

#leftNav h3	{
		color:			#ffffff;
		font-weight:		900;
		z-index:		2;
		}

#leftNav ul a	{
		display:		block;
		width:			120px;
		height:			30px;
		line-height:		30px;
		margin:			0;
		padding:		0;
		color:			#ffffff;
		text-decoration:	none;
		text-indent:		26px;
		font-weight:		900;
		}
		
#leftNav li a.db-9cf 	{
		background:		#94b8e9 url(graphics/dblbtn-9cf-369-r.gif) no-repeat right bottom;		
		}
		
#leftNav li a.db-99f	{
		background:		#94b8e9 url(graphics/dblbtn-99f-339-r.gif) no-repeat right bottom;		
		}

#leftNav li a.db-c9f	{
		background:		#94b8e9 url(graphics/dblbtn-c9f-639-r.gif) no-repeat right bottom;		
		}
		
#leftNav li a.db-f9f	{
		background:		#94b8e9 url(graphics/dblbtn-f9f-939-r.gif) no-repeat right bottom;		
		}
		
#leftNav li a.db-f9c	{
		background:		#94b8e9 url(graphics/dblbtn-f9c-936-r.gif) no-repeat right bottom;		
		}
		
#leftNav li a.db-f99	{
		background:		#94b8e9 url(graphics/dblbtn-f99-933-r.gif) no-repeat right bottom;		
		}
		
#leftNav li a.db-fc9	{
		background:		#94b8e9 url(graphics/dblbtn-fc9-963-r.gif) no-repeat right bottom;		
		}
		
#leftNav li a.db-ff9	{
		background:		#94b8e9 url(graphics/dblbtn-ff9-993-r.gif) no-repeat right bottom;		
		}
		
#leftNav li a.db-cf9	{
		background:		#94b8e9 url(graphics/dblbtn-cf9-693-r.gif) no-repeat right bottom;		
		}
		
#leftNav li a.db-9f9	{
		background:		#94b8e9 url(graphics/dblbtn-9f9-393-r.gif) no-repeat right bottom;		
		}
		
#leftNav li a.db-9fc	{
		background:		#94b8e9 url(graphics/dblbtn-9fc-396-r.gif) no-repeat right bottom;		
		}
		
#leftNav li a.db-9ff	{
		background:		#94b8e9 url(graphics/dblbtn-9ff-399-r.gif) no-repeat right bottom;		
		}
		
#leftNav li a.db-fff	{
		background:		#94b8e9 url(graphics/dblbtn-fff-000-r.gif) no-repeat right bottom;		
		}		
		
#leftNav li a.db-ccc	{
		background:		#94b8e9 url(graphics/dblbtn-ccc-333-r.gif) no-repeat right bottom;		
		}		

#leftNav li a:hover {
		background-position:	left bottom;
		color:			#000;
		}
		
#leftNav li.selected a {
		background-position:	left bottom;
		color:			#000;
		}
		
#leftNav li.first a {
		height:			31px;
		line-height:		31px;
		}

a.nav3:link, a.nav3:visited	{
		font-family:		"trebuchet ms", Tahoma, Arial, sans-serif;
		font-variant:		small-caps;
		color: 			#000000;
		font-weight: 		900;
		margin-top:		.2em;
		margin-bottom:		.2em;
		}

a.nav3:hover	{
		font-family:		"trebuchet ms", Tahoma, Arial, sans-serif;
		font-variant:		small-caps;
		text-decoration: 	underline;
		color:			#000000;
		font-weight: 		900;
		margin-top:		.2em;
		margin-bottom:		.2em;
		}

a.nav3:active	{
		font-family:		"trebuchet ms", Tahoma, Arial, sans-serif;
		font-variant:		small-caps;
		color: 			#000000;
		font-weight: 		900;
		margin-top:		.2em;
		margin-bottom:		.2em;
		}
		
#leftNav 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:		10;
		}
		
#leftNav li:hover .scrollnav	{
		display:		block;
		}
		
#leftNav li .scrollnav a.scnav		{
		background:		transparent;
		color:			#000000;
		cursor:			pointer;
		padding:		0;
		margin:			0;
		width:			100%;
		text-indent:		0;
		}
		
#leftNav li .scrollnav a.scnav:hover	{
		text-decoration:	underline;
		}

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