/*---- Colors and Backgrounds ----*/
body
{
	color: #f00;
	background-color: #fff;
	
	background-image: url(../images/bg/bach2.gif);
	xbackground-repeat: repeat-y;
}

.layout
{
	background: white;
	border: solid black;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	
}

img.leftImg, img.rightImg
{
	border-color: #000;
}

.mastWrap
{
	xbackground-color: #81B9FA;
	background-color: transparent;
	color: #fff;
	border: 0px solid #000;
	background-image: url(../images/mast-cplx15w.gif);
	background-repeat: no-repeat;
	height: 53px;
}
.mastWrap h1
{
	font-size: 36px;
	display: none;
}



.leftWrap
{
	border-color: #000;
	border-top-width: 0px;
	background-color: #fff;
}
.leftWrap
{
	border-color: #000;
	border-top-width: 0px;
	background-color: #fff;
}
/* 
   The following entries control the display of the swirly flute-and-guitar
   graphic.  In all the HTML pages, it's in two div's, one inside the
   leftWrap div, and the other outside.  This is to turn on one or the
   other (or none, if desired). One of the following should be 'none' and the other 'block'.  
   Make logo1 "block" to display the logo image above the left nav border,
   or logo1 "block" to display the logo image inside the left nav border.
   If logo1 is displayed, leftWrap should set border-top-width to zero,
   otherwise it should be one
*/
.leftWrap{ border-top-width: 0px; }

.logo1
{
	background-image: url(../images/drawing2c.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 87px;
	margin: 4px auto;
	display: block;
}
.logo3
{
	background-image: url(../images/drawing2c.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 87px;
	margin: 8px auto;
	display: none;
}
.leftWrap{ border-top-width: 0px; }
.leftWrap{ border: 0px; }

.midWrap
{
	padding: 6px;
	background: transparent;
	border-color: #fff;
	border: 0px;
	color: #000000;
}
.midWrap h3
{
	color: #000;
}

.footWrap
{
	border-color: #81B9FA;
	color: #81B9FA;
}
.footWrap a, td.dat1, .footWrap td
{
	color: #81B9FA;
}
.footWrap a:hover
{
	color: #000;
	background-color: #81B9FA;
}

.sidebar
{
	background-color: #EFF0DB;
	color: #000;
	border-color: #EFF0DB;
}

.vnav ul
{
	font-weight: normal;
	border: 0px;
}
.vnav ul li
{
	border-color: #000;
	border: 1px solid #000;
	margin: 2px;
}
.vnav ul li a
{
	color: #000;
	background-color: #FA8681;
}
.vnav ul li a:hover
{
	background-color: #000;
	color: #fff;
}
li.current
{
	color: #000;
	background: #EFF0DB;
}

td.songCategory, .categoryDescription, .songTitle, .composer
{
	border-color: #81B9FA;
	color: #000;
}

.layout
{
	border-color: #bbb;
}

.mailForm
{
	background: #EFF0DB;
	border-color: #BBB;
}

.formError
{
	font-weight: bold;
	margin: 20px;
	padding: 10px;
	background: #EFF0DB;
	border-color: #BBB;
}

.formThankYou
{
	margin: 30px;
	padding: 10px;
	background: #EFF0DB;
	border-color: #BBB;
}