/*------------------------------------------------------------------------------
Style Sheet for the Lockport UCC website

version:		1.0
date:			February 15, 2008
author:			Jim Stephenson
email:			kineticjim@stephensonmusic.com
			jim@kineticjim.com
			sstephenson_lock@hotmail.com
websites:		kineticjim.com
			lockportucc.org
			nanasbooksforkids.com
			stephensonmusic.com
			
------------------------------------------------------------------------------*/


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


h1	{
	font-family:		'impact', arial, sans-serif;
	font-size:		30px;
	font-weight:		bold;
	color:			black;
	background-color:	transparent;
	margin-left:		0px;
	margin-top:		.1em;
	}

h2	{
	font-family:		'impact', arial, sans-serif;
	font-size:		24px;
	color:			black;
	margin:			5px 0 15px 0;
	}
	
.listTtl	{
	margin-left:		20%;
	}

h3	{
	font-family:		Tahoma, Arial, sans-serif;
	font-size:		18px;
	font-weight:		900;
	color:			black;
/*	margin-left:		0%;
	margin-top:		0.35em;
	margin-bottom:		0.20em;	*/
	margin:			0;
	}
	
h3.bigfirst:first-letter	{
	font-size:		340%;
	color:			#eeeeee;
	font-style:		normal;
	float:			left;
	margin:			0 5px 0 0;
	}

h4	{
	font-family:		'trebuchet ms', Tahoma, Arial, sans-serif;
	font-size:		16px;
	font-weight:		900;
	color:			#000000;
	margin:			0;
	}

h5	{
	font-family:		'lucida sans unicode', Tahoma, Arial, sans-serif;
	font-size:		12pt;
	font-weight:		900;
	color:			#cc3333;
	line-height:		16px;
	margin:			0 3% 10px 10px;
	}

h6	{
	font-family:		georgia, sans-serif;
	font-style: 		italic;
	font-size:		17px;
	color:			black;
	margin:			0;
	}
	
.h6	{
	font-family:		georgia, sans-serif;
	font-style: 		italic;
	font-size:		14px;
	font-weight:		900;
	color:			black;
	display:		inline;
	margin:			0;
	}

/* p	{
	font-family:		verdana, Arial, sans-serif;
	font-size:		12px;
	color:			black;
	background-color:	transparent;
	line-height:		16px;
	}

	
ul	{
	font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
	font-size:		90%;
	font-weight:		bold;
	color:			#660000;
	line-height:		12px;
	margin:			0;
	padding:		0;
	}

li	{
	font-family:		"trebuchet ms",Tahoma, Arial, sans-serif;
	font-size:		14px;
	color:			black;
	line-height:		12px;
	margin:			0;
	padding:		0;
	}
*/

/* Horizontal navigation --------------------------------------------------------------*/

#hoz		{
		position:		relative;
		z-index:		1;
		}

#hoz .hz1 	{
		position:		relative;
		margin:			0;
		background:		#ccbb77;		/* Non-hover background color */
		height:			24px;			/* Height of top horizontal bar */
		}		
		
#hoz .hz1 li 	{
		position:		relative;
		display:		inline;			/* Causes list to be displayed horizontally */
		line-height:		24px;			/* Same as height above */
		padding:		5px 2.70em;		/* Adjust horiz. & vert. padding to fit */
		background:		#ccbb77;		/* Non-hover background color */
		color:			#000000;		/* Non-hover font color */
		font-family: 		arial, sans-serif;
		font-size: 		75%;
		font-weight:		900;
		}
		
#hoz .hz1 li a	{
		background:		#ccbb77;
		color:			#000000;
		font-family: 		arial, sans-serif;
		font-weight:		900;
		}
		
#hoz .hz1 li:hover	{
		cursor:			pointer;
		background:		#ccbb77;		/* Hover background color */
		color:			#ffffff;		/* Hover font color */
		}
		
#hoz .hz1 li:hover a.nodd	{
		color:			#ffffff;		/* Hover font color */
		background:		#ccbb77;		/* Hover background color */
		text-decoration:	none;
		}
		
.bag		{
		position: 		absolute; 
		left: 			80px; 
		top: 			-3px;
		z-index:		2;
 		}
		
/* drop-down list -------------------------------------------- */

div.dd		{
		display:		none;
		z-index:		auto;
		}
					
#hoz .hz1 li:hover .dd {
		position: 		absolute;
		border:			#000000 solid 1px;
		padding:		4px 0px 6px 0px;
		margin:			0px;
		border-top:		none;
/*		width:			180px;	*/		/* Width; remove if defined individually */
		top:			25px;			/* Same as height above */
/*		left:			0px;	*/		/* Left position; remove if defined indiv. */
		display:		block;	
		cursor:			pointer;
		background:		#ffeeaa;		/* Background color */
		}

#hoz .hz1 li:hover .dd li {
		text-align:		left;			/* "Left" is the default setting */
		width:			100%;			/* Causes pointer active region to extend to full width */
		padding:		0px;			/* Zero row padding */
		margin:			0px;			/* Zero row margins */
		display:		block;			/* Important for IE compatibility */
		line-height:		24px;			/* Line height */
		background:		#ffffff;		/* Background color */
		}

#hoz .hz1 li:hover .dd li a	{
		text-decoration:	none;			/* Removes underlining */
		display:		block;			/* Causes list hover width to be all the way across */
		padding:		0px 0 0 10px;		/* Text indent */
		margin:			0;
		color:			#000000;		/* Font color */
		font-size:		11px;
		font-weight:		900;
		line-height:		16px;
		background:		#ffeeaa;
		}
		
#hoz .hz1 li:hover .dd li a:hover	{
		background:		#1a7b30;		/* Hover background color */
		color:			#ffffff;		/* Hover font color */
		}

/* Drop=down parameters if individualized --- to use, remove equivalent "dd" class parameter */

#dd1		{
		}

#dd2		{
		left:			-6px;
		width:			155px;		
		}

#dd3		{
		left:			-15px;
		width:			170px;		
		}

#dd4		{
		}

#dd5		{
		left:			0;
		width:			122px;		
		}

#dd6		{
		}
/* Link formatting ----------------------------------------------------------*/

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

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

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

a.nav3:link, a.nav3:visited, a.nav3x:link, a.nav3x:visited, a.nav3eml:link, a.nav3eml:visited	{
	font-family:		verdana, Tahoma, Arial, sans-serif;
	font-variant:		normal;
	text-decoration: 	none;
	color: 			#000000;
	font-size:		11px;
	font-weight: 		900;
	margin-top:		.2em;
	margin-bottom:		.2em;
	}

a.nav3:hover, a.nav3:active	{
	font-family:		verdana, Tahoma, Arial, sans-serif;
	font-variant:		normal;
	text-decoration: 	underline;
	color:			#000000;
	font-size:		11px;
	font-weight: 		900;
	margin-top:		.2em;
	margin-bottom:		.2em;
	}

a.nav3x:hover, a.nav3x:active	{
	font-family:		verdana, Tahoma, Arial, sans-serif;
	font-variant:		normal;
	text-decoration: 	underline;
	color:			#000000;
	font-size:		11px;
	font-weight: 		900;
	margin-top:		.2em;
	margin-bottom:		.2em;
	background:		url(graphics/externalLink.gif) no-repeat right top;
	padding-right:		8px;
	}
	
a.nav3eml:hover, a.nav3eml:active	{
	font-family:		verdana, Tahoma, Arial, sans-serif;
	font-variant:		normal;
	text-decoration: 	underline;
	color:			#000000;
	font-size:		11px;
	font-weight: 		900;
	margin-top:		.2em;
	margin-bottom:		.2em;
	background:		url(graphics/emailIcon5.gif) no-repeat right top;
	padding-right:		14px;
	}

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

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

a.content:hover	{
	font-size:		100%;
	text-decoration: 	underline;
	color:			#ff0000;
	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;
	}