/*------------------------------------------------------------------------------
Style Sheet for the top banner in Stephensonmusic website

version:		1.0
date:			September 5, 2006
author:			Jim Stephenson
email:			kineticjim@stephensonmusic.com
			jim@lockportucc.org  
			jim@kineticjim.com
			sstephenson_lock@hotmail.com
website:		www.stephensonmusic.com
------------------------------------------------------------------------------*/


h1		{
		font-family:		"trebuchet ms", Tahoma, Arial, sans-serif;
		font-size:		32px;
		font-weight:		500;
		color:			#ffffff;
		margin:			5px 0 0 0;
		}

#siteBanner	{
		background:		#000000;
		position:		relative;
		top:			10px;
		left:			0px;
		width:			100%;
		height:			100px;	
		font-family:		"trebuchet ms";
		color:			#336699;
		background:		url("graphics/grad-eef-fff.gif") repeat-x;	
		Z-index:		10;
		}

#basicNav	{
		border:			0px solid rgb(237,28,36);
		background-color:	transparent;
		position:		absolute;
		top:			0px;
		right:			240px;
		width:			220px;
		height:			20px;		
		font-family:		"trebuchet ms",arial,sans-serif;
		font-size:		75%;
		color:			white;
		z-index:		2;
		}

#bannerName	{
		position: 		absolute; 
		left: 			764px; 
		top: 			40px;		
		}
		
#bannerName h1	{
		font-size:		20px;
		font-family:		georgia;
		}	
	
#bannerName a:hover	{
		text-decoration: 	none;
		cursor:			pointer;
 		}

#bannerSub1	{
		border:			#900 solid 0px;
		background-color:	transparent;
		position:		absolute;
		top:			76px;
		right:			18px;
		height:			20px;
		font-family:		"trebuchet ms";
		font-size:		13px;
		font-weight:		900;
		letter-spacing:		1px;
		color:			#fff;			
		}

#bannerSub2	{
		border:			#900 solid 0px;
		background-color:	transparent;
		position:		absolute;
		top:			94px;
		left:			15px;
		font-family:		arial, Tahoma, sans-serif;
		font-size:		12px;
		font-weight:		bold;
		color:			#fff;
		}

#bannerSub3	{
		border:			#900 solid 0px;
		background-color:	transparent;
		position:		absolute;
		top:			94px;
		float:			right;
		right:			18px;
		width:			200px;
		height:			20px;		
		font-family:		"trebuchet ms",arial,sans-serif;
		font-size:		12px;
		line-height:		14px;
		font-weight:		bold;
		letter-spacing:		0px;
		color:			#333333;
		text-align:		right;
		}
		
#bannerSub4	{
		border:			#900 solid 0px;
		background-color:	#eeeeee;
		position:		absolute;
		top:			18px;
		float:			left;
		left:			618px;
		width:			132px;
		height:			25px;		
		font-family:		"trebuchet ms",arial,sans-serif;
		font-size:		16px;
		line-height:		14px;
		font-weight:		bold;
		letter-spacing:		0px;
		color:			#333333;
		text-align:		left;
		z-index:		1000;
		border-bottom:		#999999 solid 2px;
		}

#bannerSub5	{
		border:			#900 solid 0px;
		background-color:	transparent;
		position:		absolute;
		top:			12px;
		float:			right;
		right:			18px;
		font-family:		"trebuchet ms",arial,sans-serif;
		font-size:		12px;
		line-height:		14px;
		font-weight:		bold;
		letter-spacing:		0px;
		color:			#333333;
		text-align:		left;
		}

#picture img	{
		float:			right;
		position:		absolute;
		margin: 		32px 0 0 0;
		width:			80px;
		right:			12px;
		z-index:		10;
		}


#topNav		{
		z-index:		10;
		border:			#900 solid 0px;
		background-color:	transparent;
		position:		absolute;
		left:			261px;
		top:			77px;
		height:			24px;
		width:			675px;
		font-family:		georgia;
		font-style:		italic;
		text-decoration:	none;
		color:			#ffffff;
		letter-spacing:		2px;
		}
				
#topNav ul	{
		z-index:		100;
		margin:			0px 12px 0 0;
		padding:		0;
		list-style:		none;
		width:			700px;
		float:			left;
		background:		transparent;
		}
			
#topNav ul li	{
		float:			left;
		}
				
#topNav ul a	{
		float:			left;
		padding:		0 1em;
		line-height:		1.6em;
		background: 		transparent;
		font-size:		11px;
		font-weight:		900;
		color:			#ffffff;
		}
		
#topNav ul a:hover  {
		color:			#ffe800;
		text-decoration:	underline;
		}
		
#topNav .sel a	{
		color:			#ffcc00;
		}
				
#topNav ul .first a {
		background: 		none;
		}
		
#catalog	{
		position:		absolute;
		float:			left;
		top:			36px;
		left:			273px;
		width:			262px;
		z-index:		10;
		background:		url("graphics/catalog-bkgnd-30x262-de.gif") no-repeat;
		}
				
#catalog:hover	{
		background:		url("graphics/catalog-bkgnd-30x262-df.gif") no-repeat;
		}

#catalog p	{
		font-size:		12px;
		line-height:		13px;
		z-index:		10;
		padding:		2px 6px 1px 21px;
		color:			#333333;
		margin:			0;
		}
								

/* Drop shadow classes ------------------------------------------------------*/	

.whttxt	{
	display:		inline;
	position: 		absolute; 
	left: 			0px; 
	top: 			0px; 
	z-index: 		2;
	color:			#eeeeff;
	}

.lavtxt	{
	display:		inline;
	position: 		absolute; 
	left: 			0px; 
	top: 			0px; 
	z-index: 		2;
	color:			#9966cc;
	}

.redtxt	{
	display:		inline;
	position: 		absolute; 
	left: 			0px; 
	top: 			0px; 
	z-index: 		2;
	color:			#cc0000;
	}

.blktxt	{
	display:		inline;
	position: 		absolute; 
	left: 			0px; 
	top: 			0px; 
	z-index: 		2;
	color:			#003366;
	}
		
.ltshdw	{
	display:		inline;
	position: 		absolute; 
	left: 			2px; 
	top: 			1px; 
	color: 			#999999; 
	z-index: 		1;
	}
	
.dkshdw	{
	display:		inline;
	position: 		absolute; 
	left: 			2px; 
	top: 			2px; 
	color: 			#333333; 
	z-index: 		1;
	}