/*------------------------------------------------------------------------------
Style Sheet for the banner layout

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

#siteBanner	{
		position:		relative;
		left:			0px;
		top:			0px;
		width:			100%;
		height:			100%;
		color:			black;		
		border:			0px solid rgb(237,28,36);
		z-index:		2;
		}
		
#siteBanner.sc1 {background:		url(images/california/california027banner.jpg) right; }
#siteBanner.hf1 {background:		url(images/california/hf1.jpg) right; }
#siteBanner.gt1 {background:		url(images/california/gt1.jpg) right; }
#siteBanner.sm1 {background:		url(images/california/techies.jpg) right; }
#siteBanner.sm2 {background:		url(images/california/baldwin25.jpg) right; }
#siteBanner.fm1 {background:		url(images/freddie-mitchell/fm1958_40.jpg) right; }

#basicNav	{
		z-index:		auto;
		background:		transparent;
		position:		absolute;
		right:			0px;
		top:			60px;
		width:			150px;
		height:			24px;
		color:			white;			
		font-size:		12px;
		border:			#000000 solid 0px;
		}
		
#basicNav a	{
		color:			#000000;
		}
		
#bannerSub1	{
		background:		transparent;
		position:		absolute;
		left:			0px;
		top:			12px;
		width:			300px;
		border:			0px solid rgb(237,28,36);
		}

#bannerSub2	{
		z-index:		auto;
		background:		transparent;
		position:		absolute;
		left:			18px;
		top:			54px;
		width:			200px;
		border:			0px solid rgb(237,28,36);
		}
		
#bannerSub2 h3	{
		color:			#333333;
		margin:			0;
		}
		
#bannerSub2 .whatami	{
		font-variant:		small-caps;
		font-size:		12px;
		color:			#cccccc;
		font-family:		verdana, sans-serif;
		letter-spacing:		2px;
		font-weight:		bold;
		margin:			6px 0 0 0;
		}
		

#bannerSub3	{
		z-index:		auto;
		background:		transparent;
		position:		absolute;
		left:			240px;
		top:			48px;
		width:			60px;
		border:			0px solid rgb(237,28,36);
		text-align:		right;
		}
		
#bannerSub3 h3	{
		margin:			0 6px 0 0;
		font-size:		70%;
		color:			#333333;
		}
		
#topNav		{
		background:		transparent;
		position:		relative;
		width:			100%;
		height:			24px;
		font-family:		"trebuchet ms",arial,sans-serif;
		letter-spacing:		0px;
		}
		
#topNav ul	{
		float:			left;
		background:		#cc3399;
		width:			100%;
		margin:			0;
		padding:		0;
		list-style:		none;
		}
		
#topNav ul li	{
		float:			left;
		background:		transparent;
  		margin:			0;
  		padding:		0 1em;
  		font-weight:		bold;
		}
		
#topNav ul li a	{
		display:		block;
		float:			left;
		background: 		transparent;
		padding:		0 1.5em;
		color:			#333333;
		line-height:		24px;
		text-decoration:	none;
		}
		
#topNav ul a:hover  {
		color:			#eeeeff;
		}
		
#topNav .sel a	{
		color:			#fc0;
		}
		
#topNav ul .first a {
		background: 		none;
		}
		
#contentBanner	{
		z-index:		1;
		background:		#cc3366;
		position:		relative;
		top:			0px;
		width:			100%;
		font-family:		"trebuchet ms",arial,"san serif";
		line-height:		25px;
		text-align:		right;
		border:			0px solid rgb(237,28,36);
		}
		
#contentBanner h1 {
		display:		inline;
		padding:		0em 18px 0em 0em;
		color:			#000000;
		font-size:		18px;
		font-weight:		500;
		letter-spacing:		3px;
		border:			transparent solid 0px;
		}

#atag-nav	{
		position:		relative;
		left:			0px;
		top:			30px;
		width:			100%;
		height:			460px;
		background:		white;
		border:			0px solid #993366;
		}
		
#atag-nav h3	{
		font-family:		"trebuchet ms",arial,"san serif";
		font-weight:		bold;
		}

#atag-nav h4	{
		font-family:		"trebuchet ms",arial,"san serif";
		font-weight:		bold;
		}
		
#atag-nav ul	{
		font-family:		"trebuchet ms",arial,"san serif";
		font-size:		12px;
		line-height:		20px;
		padding:		15px 0px 15px 30px;
		letter-spacing:		1px;
		}