/*------------------------------------------------------------------------------
Style Sheet for vertical navigation

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.lockportucc.org
------------------------------------------------------------------------------*/


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

body	{
	background:		#203050 url(graphics/bce-235-800x4.gif) repeat-x;	
	color:			black;
	text-align:		center;
	}
					
a.tNav:link, a.tNav:visited	{
	font-size:		13px;
	color:			#ffffff;		/* 9. font color for 2nd navigation row  */
	display:		block;
	background-color:	transparent;
	}
	
a.tNav:hover, a.tNav:active	{
	font-size:		13px;
	background-color:	#eedd99;		/* 10. background color for 2nd-row hover  */
	color:			#000000;		/* 11. font color for 2nd-row hover  */
	display:		block;
	}					
	
/* td a.tNav:hover, 		{background-color: #ffc; display: block; height: 30px;} */


.subNav		{
		background:		transparent;	/* Sets background or defaults to Overall background if "transparent" */
		position:		absolute;	/* This can be either relative or absolute. */
		width:			162px;
		top:			500px;
		left:			136px;
		margin:			0;
		color:			#000000;	/*  Sets navigation default font color  */
		font-family:		"trebuchet ms", arial,"san serif";
		font-size:		14px;
		letter-spacing:		1px;
		border-right: 		0px solid #000000;
		border-bottom: 		0px solid #000000;
		border-left: 		0px solid #cccccc;
		border-top: 		0px solid #cccccc;
		}
				
.subNav.arr	{
		left:			750px;
		width:			168px;
		}

.subNav p	{
		text-align:		left;
		}
			
.subNav ul	{
		background:		transparent;	/* Sets background or defaults to subNav background if 'transparent" */
		position:		relative;
		list-style:		none;
		padding:		0;
		margin:			0;
		color:			#ffffff;	/* Sets list default font color */
		border:			#ff0000 solid 0px;
		}

.subNav li	{
		background:		transparent;	/* List background color */
		color:			#ffffff;	/* List font color */
		padding:		0;
		margin:			0 0;
		line-height:		20px;
		border:			0px solid #ff0000;
		}
		
.subNav li:hover	{
		background:		#c2c8dd;	/* List mouse-over background color */
		color:			#000000;	/* List mouse-over font color */
		border:			0px solid #00ff00;
		}
		
.subNav li.toNextLevel			{
		display:		block;
		padding:		0;
		width:			100%;
		color:			#ffffff;	/* List non-hover font color for item leading into pup-up list */
		background:		transparent;	/* List non-hover background color for item leading into pup-up list */
		}
		
.subNav li.toNextLevel:hover	{
		color:			#ffffff;	/* List hover font color for item leading into pup-up list */
		background:		#c2c8dd;	/* List hover background color for item leading into pup-up list */
		cursor:			pointer;
		}

.subNav li.toNextLevel div.pu		{
		display:		none;
		position:		absolute;
		width:			165px;
		height:			207px;
		top:			-30px;
		left:			162px;
		background:		transparent;
		color:			#ffffff;
		font-size:		12px;
		letter-spacing:		0px;
		padding:		0;
		margin:			0;
		border-top:		#ffffff solid 0px;
		border-right:		#000000 solid 0px;
		border-bottom:		#000000 solid 0px;
		border-left:		#919ec8 solid 2px;
		z-index:		10;
		}
			
.subNav li.toNextLevel:hover div.pu 	{
		display:		block;
		}
		
.subNav li.toNextLevel:hover div.pu li 	{
		background:		transparent;
		}

.subNav li.toNextLevel:hover div.pu li a:hover	{
		background:		#c2c8dd;	/* Pop-up mouse-over background color */
		color:			#000000;	/* Pup-up mouse-over font color */
		}

/* Left-side pop-up */

.subNav li.toNextLevel div.pu1l		{
		left:			-162px;
		top:			-48px;
		width:			162px;
		border:			transparent;
		}
		
.subNav li.toNextLevel div.pu1l li,	.subNav li.toNextLevel div.pu1l li:hover	{
		text-align:		center;
		line-height:		14px;
		color:			#ffffff;
		}		

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

.subNav li a:link, .subNav li a:visited		{
		display:		block;
		padding:		0;
		border-bottom: 		0px solid transparent;
		width:			100%;
		color:			#ffffff;
		text-decoration:	none;
		}

.subNav li a:hover, .subNav li a:active		{
		display:		block;
		border-bottom: 		0px solid #999999;
		color:			#000000;
		text-decoration:	none;
		}
		
.subNav .here	{
    		background:		#dddddd;
    		color:			#cccccc;
		border-bottom: 		1px solid #999999;
    		}

.subNav .indnt	{
		padding:		0 0 0 10px;
		margin:			0;
		}
		
.subNav p.indnt	{
		color:			#ffff33;
		font-size:		100%;
		margin:			5px 0;
		text-align:		left;
		}

.subNav h5	{
		font-family:		arial,sans-serif;
		font-size:		20px;
		line-height:		24px;
		height:			24px;
		font-variant:		small-caps;
		color:			#eeddb8;
		background-color:	transparent;
		margin:			0;
		padding:		0 0 0 8px;
		border-left:		0px solid #6b5a35;
		border-top:		0px solid #6b5a35;
		border-bottom:		0px solid #6b5a35;
		border-right:		0px solid #6b5a35;
		letter-spacing:		1px;
		}

.subNav h5 span	{
		font-size:		60%;
		}
		
#perform.tell h5	{
		position:		relative;
		margin:			0;
		font-family:		arial,sans-serif;
		font-size:		12px;
		line-height:		16px;
		height:			24px;
		font-variant:		normal;
		color:			#99ff99;
		background-color:	transparent;
		margin:			0 0 0 400px;
		padding:		0 0 0 8px;
		}
		
#perform.tell.psn1 h5	{
		width:			182px;
		top:			500px;
		left:			40px;
		}		

#perform.tell.psn2 h5	{
		width:			192px;
		top:			598px;
		left:			-17px;
		}		
		
#perform.tell.psn3 h5	{
		width:			162px;
		top:			592px;
		left:			350px;
		}		
		
#perform.tell.psn4 h5	{
		width:			186px;
		top:			502px;
		left:			350px;
		}		

#perform.tell.psn5 h5	{
		width:			224px;
		top:			198px;
		left:			-22px;
		color:			#ffffff;
		}		

#perform.tell h5 span	{
		font-variant:		normal;
		font-size:		13px;
		font-weight:		500;
		line-height:		18px;
		padding:		0;
		margin:			0;
		}
		
.subNav li.toNextLevel div.group p	{
		line-height:		14px;
		border:			#ffffff solid 0px;
		margin:			3px 0 3px 0;
		padding:		0;
		}

.subNav li.toNextLevel div.group form.form1	{
		margin:			0;
		padding:		0 0 3px 0;
		height:			25px;
		}


/* Link formatting ----------------------------------------------------------*/

/*
a:link,	a:visited, a:active, a.eml:link, a.eml:visited, a.eml:active	{
		text-decoration: 	none;
		color: 			#ffffff;
		background-color:	transparent;
		font-weight: 		500;
		font-size:		12px;
		padding:		0 0 0 0px;
		}

a:hover,  a.eml:hover	{
		text-decoration: 	underline;
		color:			#ff0000;
		background-color:	transparent;
		font-weight: 		500;
		font-size:		12px;
		padding:		0 0 0 0px;
		}

a.eml:hover, a.eml:active 	{
		background:		url(graphics/emailIcon4.gif) no-repeat right top;
		padding-right:		14px;
		}
	


a.content:link, a.content:visited, a.contentx:link, a.contentx:visited, a.contenteml:link, a.contenteml:visited	{
		font-size:		100%;
		text-decoration: 	none;
		color: 			#660000;
		font-weight: 		bold;
		}

a.content:hover, a.content:active	{
		font-size:		100%;
		text-decoration: 	underline;
		color:			#cc0000;
		font-weight: 		bold;
		}

a.contentx:hover, a.contentx:active	{
		font-size:		100%;
		text-decoration: 	none;
		color: 			#cc0000;
		font-weight: 		bold;
		background:		url(graphics/externalLink.gif) no-repeat right top;
		padding-right:		8px;
		}

a.contenteml:hover, a.contenteml:active	{
		font-size:		100%;
		text-decoration: 	none;
		color: 			#cc0000;
		font-weight: 		bold;
		background:		url(graphics/emailIcon5.gif) no-repeat right top;
		padding-right:		14px;
		}

 -----------------------------------

a.perf:link, a.perf:visited, a.perfx:link, a.perfx:visited	{
		font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
		font-size:		13px;
		text-decoration: 	none;
		color: 			black;
		font-weight: 		900;
		letter-spacing:		1px;
		}
		
a.perf:hover, a.perf:active	{
		font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
		font-size:		13px;
		text-decoration: 	underline;
		color:			black;
		font-weight: 		900;
		letter-spacing:		1px;
		}

a.perfx:hover, a.perfx:active	{
		font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
		font-size:		13px;
		text-decoration: 	underline;
		color:			black;
		font-weight: 		900;
		letter-spacing:		1px;
		background:		url(graphics/externalLink.gif) no-repeat right top;
		padding-right:		8px;
		position:		relative;
		}
*/