body
	{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	/*background-position: center center;*/
	padding: 30px;	
	text-align: left;
	}

body, body p, body li, body td 
	{
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;

	}

p
	{
	margin: 0 10px 12px 12px;
	}
	
h1
		{font-size: 150%;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		color: #8B0000;
		font-weight: bold;
		/*padding-left: 8px;*/
		margin: 0 10px 10px 12px;
		}
		
h2
		{font-size: 125%;
	    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;							      text-align: left;
		color: #8B0000;
		font-weight: bold;
		margin: 0 10px 0px 12px;

		}
h3
		{font-size: 110%;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		color: #8B0000;
		font-weight: bold;
		margin: 0 10px 0px 12px;

		}
h4
		{font-size: 110%;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		color: #1B3F8B;
		font-weight: bold;
		margin: 0 10px 24px 12px;

		}
		
h5
		{font-size: 110%;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: right;
		color: #1B3F8B;
		font-weight: bold;
		margin: 0 10px 12px 12px;

		}
		
h6
		{font-size: 150%;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		color: #8B0000;
		font-weight: bold;
		/*padding-left: 8px;*/
	
		}
		
.bigBlue
	{
	font-size: 125%;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		color: #1B3F8B;
		font-weight: bold;
		

		}
.faqspan
	{
		font-size: 110%;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #1B3F8B;
		font-weight: bold;
	}
.contentLeftPic
	{
		margin: 10px 10px 8px 12px;
	}

.imagine
{
	color: #345;
	font-size: 135%;
	font-variant: small-caps;
	font-weight: bold;
	margin-left: 15px;
}
.imagineBig
{
	color: #8B0000;;
	font-size: 145%;
	font-variant: small-caps;
	font-weight: bold;
	margin-left: 15px;
}
sup
	{
		font-size: 65%;
	}
	
	
	/* Primary structural elements */
	
#wrapper {
position: absolute;
	top: 31 px;
	left: 31 px;
	background: #fff;
	/*border-left: 1px solid #ccc;*/
	width: 800px;
	margin: 0 auto;
	text-align: left;
	}
	
#topHorizontal
{
	position: absolute;
	top: 31 px;
	left: 31 px;

}
#masthead {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;	
	background-image: url(images/Banner2.jpg);
	/* background-repeat: no-repeat; */
	background-color: #FFFFFF;
	background-position: center center;
	position: relative;
	visibility: visible;
	width: 800px;
	font-size: small;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	height: auto;
	font-weight: bold;
	color: #000000;
}
	

#contentNoFloat
	{
	text-align: left;
	background: #fff;
	padding-right: 5px;
	position: relative;
	padding-top: 8px;
	width: 795px;
	/*padding-right: 8px;
	padding-bottom: 0;
	padding-left: 10px;*/
	/*border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	}
	
#content{
	
	position: absolute;
	top: 154px;
	left: 225px;
	margin-left: 3px;
	background: #fff;
	background-color: #fff;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 4px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 597px;

}


#contentLiquid
	{
	text-align: left;
	/*background-image: url(images/Banner2.jpg);*/
	background: #FF9;
	margin-right: 0;
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	/*padding-right: 8px;
	padding-bottom: 0;
	padding-left: 10px;*/
	/*border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	}
#leftColumn
	{
	position: absolute;
	top: 155px;
	left: 38px;
	width: 190px;
	background-color: #fff;
	
	}
	
	

#navBar
{
	
	margin: 0;
	padding: 0px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 190px;
}

#navBarPage
{
	text-decoration: underline overline;

	
}



#navBar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	
	}

#navBar li
{
	margin: 0;
	background: url(images/3NavigationStates-200x30.jpg) no-repeat left top;
	text-align: center;
	display: default;
	
}

#navBar p {
line-height: 150%;
}


#navBar a:hover {
	background: url(images/3NavigationStates-200x30.jpg) 0px -40px;
	padding: 4px 16px 4px 16px;
}

#navBar a:active {
	background: url(images/3NavigationStates-200x30.jpg) 0px -80px;
	padding: 4px 13px 4px 17px;
	color: yellow;
}
#navBar a {
	font: bold 14px Georgia, Times, serif;
	color: #006;
	text-decoration: none;
	display: block;
	line-height: 22px;
	padding: 4px 17px 4px 16px;
	height: 23px;
	width: 200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 167px;
}


#factoids
{
	font-family: courier, monospaced;
	/*background-image: url(images/parchment2.jpg);*/
	font-size: 100%;
	line-height: normal;
	width: inherit;
	height: auto;
	padding: 6px 3px 2px 3px;
	background-color: #FFE;
	border-top: 1px solid #ccc;
	text-align: left;
	color: #007;
	/*font-weight: bold;*/

}
#emailsignup
{
	padding-top: 4px;
	background-color: #fee;
	text-align: center;
	padding-bottom: 0;
	width: 200px;
	}
	
	.TopBottomNav
{
	position: absolute;
	top: 84px;
	left: 0px;
	width: 800px;
	background-color: #fff;
	text-align: center;
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: smaller;
} 
	
.topNavRelative
	{
	background-color: #fff;
	text-align: center;
	width: 800px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: smaller;
	}
.subNav
{
	width: inherit;
	background-color: #FED;
	border: 1px dotted blue;
	text-align: center;
	margin: auto;
	font-size: 75%;
	font: bold;
	/*padding: 1px;*/
}
	
.TopBottomNav ul, .subNav ul, .topNavRelative ul
{
	list-style-type: none text-align: center;
	
}

.TopBottomNav li, .subNav li, .topNavRelative li
	{
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 0;

	}
	
.TopBottomNav ul, .topNavRelative li
{
	background-color: #fff;

}

.TopBottomNav ul.p
{margin-bottom: 8;}

.subNav ul
{
	background-color: #gfg;
	
}

	
#footer {
	width: 800px;
	color:#000000;
	border:0;
	margin: 0 auto;
	background-color: #AFCEF7;
}

#content h1
		{font-size: 150%;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		color: #8B0000;
		font-weight: bold;
		margin-bottom: 2px;
		margin-top: 2px;
		}
.list	
	{
	width: inherit;
	background-color: #AFCEF7;
	text-align: center;
	margin: auto;
	font-size: smaller;
	} 

.separator
	{
		clear: both;
		height: 2px;
		background-color: #8B0000;
		margin: 8px 8px 2px 12px;
	}
	
.separatorThick
{ 	border-bottom: 9px solid #ccc;

}

	
.separatorInvisible
	{
		height: 0;
		clear: both;
	}

/*#pageHeader
{
	font-size: 200%;
	font-family: Verdana, trebuchet, sans-serif;
	text-align: center;
	color: #8B0000;
	font-weight: bold;
	margin-left: 6px;
	margin-bottom: 2px;
	margin-top: 2px;
}
*/	
.blueContainer
	{	
		/*border-top: 2px solid #999;*/
		background-color: #eef;
		padding: 4px 4px;
		margin-left: 0;
		
		}
		
.yellowContainer
	{		
		/*border-top: 2px solid #999;*/
		background-color: #FFFFee;
		padding: 4px 4px;
		margin-left: 0px;		
		}

.blueContainerShift
	{	
		border-top: 2px solid #999;
		background-color: #D1E0DC;
		margin-left: 30px;
		
		}

.blueContainer p, .yellowContainer p
	{	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		color: #003;
		margin: 0px 6px 12px 6px;
		font-variant: normal;
		}

.blueContainer h1, .yellowContainer h1	
	{	font-size: 150%;
		text-align: left;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #8B0000;
		font-weight: bold;
		margin-left: 6px;
		margin-bottom: 2px;
		margin-top: 2px;
		}

.blueContainer h2, .yellowContainer h2	
{		font-size: 110%;
		text-align: left;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #1B3F8B;
		font-weight: bold;
		margin-left: 6px;
		margin-right: 6px;
		margin-bottom: 4px;
		margin-top: 0px;
		}
		
.blueContainer h3, .yellowContainer h3	
{font-size: 100%;
		text-align: left;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #1B3F8B;
		font-weight: bold;
		margin-left: 6px;
		margin-right: 6px;
		margin-bottom: 4px;
		margin-top: 0px;
		}
		
	
.pictureInsertRight
	{
	float: right;
	border: 2px solid #fff;
	
	margin: 8px 4px 1px 8px;
	/*padding: 4px 0px 0px 3px;*/
	background-color: #fed;
	}

.pictureInsertLeft
	{
	float: left;
	/*border-top: 2px solid #666;
	border-right: 2px solid #aaa;*/
	margin: 8px 8px 8px 20px;
	background-color: #fed;
	}

.pictureLeftNoBorder
	{
	float: left;
	margin: 0 8px 1px 4px;
	padding-right: 5px;
	
	}
	
.top
	{
		font-size: 90%;
		font-variant: small-caps;
	}

	
	/*list settings */


#faqNav
{
	color: #8B0000;
	font-size: small;
	font-weight: bold;
}

#faqNav ul
{
	list-style-type: none text-align: center;
}

#faqNav li
{
	display: default;
	list-style-type: none;
	list-style-position: default;
}

/* link settings  */

a:link
{
	font-weight: default;
	color: purple;
}
a:visited
{
font-weight: default;
color: #777;
}
a:hover
{
	color: #007;
	
}
a:active
{
	color: blue;
	
}

.goBox {
	float: left;
	width: 125px;
	margin: 0 10px 10px 20px;
	font: italic bold 100%:
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: navy;
	padding: 3px 4px 3px 4px;
	border-top: 5px solid #666;
	border-bottom: 5px solid #666;
	background: #db0;
	}

	table
	{
		border: 1px solid #666;
		margin: 0 0 0 30px;
	}
caption
	{
	padding: 0 0 10px;
	color:#309;
	font: bold 120%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
.partspan
	{
		text-align: center;
		font-weight: bold;
		background-color: #c9c9c9;
		font-size: 105%;
	}

th, td {
		border-bottom: 1px solid #c9c9c9;
		border-right: 1px solid #c9c9c9;
		font: 84%;
		padding: 2px 5px;
		text-align: left;

		}

th {
		background-color: #FFCCFF;
		font-weight: bold
		}
td
{
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

	


.centeredGraphic {
	background-repeat: no-repeat;
	background-position: center center;
	/*padding-top: 8px;
	padding-bottom: 8px;*/
}
.pullQuote {
	float: right;
	width: 175px;
	margin: 0 10px 10px 20px;
	background: #ddf;
	padding: 8px;
	background: #66CCFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: italic;
	font-weight: bold;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666666;
}
.pullQuote h3
{
	color: blue;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	line-height: 1.2em;
	font-style: oblique;
	font-weight: bold;
	text-align: right;
}

.citation
	{
		font-size: x-small;
		font-family: courier, monotype;
	}
	
.citation p
	{
	font-size: x-small;
		font-family: courier, monotype;
	margin-bottom: 1em;
	}
	
/* These are for the full lyric page where are the lyrics are on on page and the columns are floated. Since we're having problem with the float in MS IE, I'm going with the absolute position and single lyric/multiple pages below*/
.lyrics
	{
	background-color: #FFFFee;
	/*margin-bottom: 8px;*/
	
	/*width: 450px;*/
	padding-top: 9px;
	}
.programNotes
	{
	background-color: #eef;
	width: 350px;
	float: right;
	/*border-left: 1px solid #ccc;*/
	padding-top: 9px;
	}
	
.programNotes p, h3
	{
	font-family: Georgia, Times, serif;
	}
	
.programNotes p
	{
	margin-top: 12px;
	}
	
.programNotes h3
	{
	color: #1B3F8B;
	
	}
	
.instrumentation
{
	background-color: #eeFFee;
	font-style: italic;
}
.lyricWrapper
	{	
	border-bottom: 6px solid #ccc;
	background-color: #FFFFee;
	
}

legend
{
	color: #345;
	font-size: 110%;
	font-variant: small-caps;
	font-weight: bold;
}

fieldset
{
background-color: #ddf;
}


/* Lyric pages */


#lyricColumn
{
		/*padding: 4px 8px;*/
		margin-left: 0;
		position: absolute;
		top: 170px;
		left: 38px;
		width: 375px;
		
}
#lyric
	{	
		/*border-top: 2px solid #999;*/
		background-color: #eef;
		/*border: 1px  solid #999;*/
		
		
		}
		
.quickTime
{
margin-left: 55px;
}
		
#programNote
	{	
		font-family: Georgia, Times, serif;
		/*border-top: 2px solid #999;*/
		background-color: #FFFFee;
		padding: 4px 4px;
		margin-left: 0px;	
		position: absolute;
		top: 170px;
		left: 414px;
		width: 320px;
		}
#credits
{
	background-color: #FF6;
	color: #30C;
	width: 250px;
	padding-top: 2px;
	/*margin-left: 55px;*/
	margin-top: 30px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 10px;
}

#credits p
	{
	
	font-size: x-small;
	text-align: center;
	}
#credits h1
{
font-size: small;
font-weight: bold;
text-align: center;
}
#songList
{
	position: absolute;
	top: 170px;
	left: 743px;
	width: 94px;
	
	background-color: #C33;
	color: #000;
}


#songList h1
	{
	font-size: small;
	color: #000;
	font-weight: bold;
	text-align: right;
	margin-right: 8px;
	
	
	}

#songList ul
{
	list-style-type: none;
	list-style-position: outside;
	text-align: right;
	margin-left: 0;
	padding: 0;
}

#songList li
	{
	font-size: x-small;
	padding: 0;
	font-family: trebuchet, verdana, arial, sans-serif;
	text-align: right;
	margin-right: 8px;
	margin-left: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: xx-small;
	
	}

#songList a:link
	{
	color: black;
	padding: 0;
	}

#songList a:visited
	{
	color: white;
	}
	
#songList a:hover
	{
	color: #FC3;
	}
	
#songList a:active
	{
	color: #0F0;
	}

.formTable
	{
	border: 0;
	background-color: #CCF;
	}
.formTable td
	{
	padding: 0 0 5px 0;
	}

.formLabel
	{
	padding-right: 10px;
	text-align: right;
	}
	
	
	/* 2.0 addtions */
	
.boxedHeadline
		{
		float: left;
		width: 450px;
		
	padding: 1px 8px;
	margin: 4px 0px 12px 8px;
	/*background: #ede5d3;
	
	border-right: 3px solid #aaa;
	border-bottom: 3px solid #777;*/
	/*border-left: 3px solid #DDE59E;*/
	/*border-top: 3px solid #CC928D;*/
		
		
		
		}
.boxedHeadline h3
	{
		font-size: large;
		color: blue;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-weight: bold;
	}
	
.bigQuoteA
	{
	float: left;
	width: 500px;
	padding: 4px 4px;
	margin-left: 35px;
	margin-bottom: 16px;
	background: #f0f0fd;
	}
	
.bigQuoteA h3
	{
	color: #4c4c9c;
	font-size: 125%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}

.creditSpan

	{
	color: #8B0000;
	text-align: right;
	}

.freeSpan
	{
	color: #900;
	font-weight: bold;
	text-align: center;
	background-color: yellow;
	}
	
.freeSpan td

	{background-color: yellow;
	text-align: center;
	}