@charset "UTF-8";
/* CSS Document */


/* Layout Setup */

body {
	background-image: url(../images/bkgd.gif);
}

.shadowLeft {
	background-image: url(../images/shadowLeft.png);
	background-repeat: repeat-y;
}

.shadowRight {
	background-image: url(../images/shadowRight.png);
	background-repeat: repeat-y;
}

#footer {
	background-image: url(../images/footerBar.gif);
}

.contentArea {
	padding: 26px;
	line-height: 16px;
	vertical-align: top;
	text-align: left;
}

#contentAreaBackground {
	background-image: url(../images/plaid.gif);
	background-repeat: repeat;
	vertical-align: top;
	height: 500px;
}

.column1 {
	text-align: left;
	vertical-align: top;
	padding-top: 26px;
	padding-bottom: 26px;
	padding-right: 23px;
	width: 400px;
}

.column2 {
	text-align: left;
	vertical-align: top;
	padding-top: 26px;
	padding-bottom: 26px;
	width: 425px;
}

.columnAll {
	text-align: left;
	vertical-align: top;
	padding-top: 26px;
	padding-bottom: 26px;
	width: 650px;
}

.floatRight {
	float: right;
	clear: right;
}

.floatLeft {
	float: left;
	clear: left;
}

/* Layout Setup End */


/* Text Styles */


a {
	color: #FFFFFF;
}

a:hover {
	color: #AAAAAA;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 0;
	margin-bottom: 0;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 15px;
}

h3 {
	font-weight: bold;
	color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 0;
	padding-bottom: 0;
}


b {
	font-weight: 100;
}

ul {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	list-style-position: outside;
	padding: 0;
	margin: 0;
}

ul li.bullet {
	list-style: square;
	list-style-position: outside;
	margin-left: 15px;
}

ul li.bold {
	font-weight: bold;
	color: #009900;
}

.comingSoon {
	font-style: italic;
	color: #666666;
	font-weight: 100;
}

p.bodycopy {
	margin: 0;
	padding: 0;
}

.bodycopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
}

.songSamples {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	line-height: 24px;
	padding: 0;
	margin: 0;
}

.songSamples a {
	color: #FFFFFF;
	padding-right: 20px;
}

.songSamples a:hover {
	color: #AAAAAA;
}

.headline {
	padding-top: 20px;
	padding-bottom: 3px;
	border-bottom-color: #009900;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #CCCCCC;
	padding-left: 5px;
	padding-top: 5px;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-left: 26px;
	padding-top: 15px;
}

.footer a {
	color: #000000;

}

.footer a:hover {
	color: #333333;
}

.underline {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

/* End text Styles */

/* Schedule Styles */

.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009900;
	font-weight: bold;
}

.place {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

#divider {
	border-bottom-color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 20px;
}

/* End Schedule Styles */

/* Table Layout */

.repertoireHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px;
	background-color: #009900;
	text-transform: uppercase;
}

.repertoireSubhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	text-align: center;
	padding: 5px;
}

.repertoireCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	padding: 8px;
}

/* End Table Layout */

/* Form Layout */

.formCategories {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	padding-right: 10px;
}


/* End Form Layout */


/* Photo gallery */

.photoGaps {
	padding-right: 20px;
}

/* End PHoto Gallery */



/* ****************************************************************** */

/* Navigation */

.navbar {
	padding: 0;
	margin: 0;
}

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

#nav li {
list-style: none;
float: left;
padding: 0;
margin: 0;
}

#nav a {
display: block;
height: 32px; /* This assumes all your elements are the same height */
text-indent: -5000px;
overflow: hidden;
}

#nav a:hover {
background-image: none;
}

#navbut1 {
	width:87px;
	background: transparent url(../images/nav/home.gif) no-repeat 0 -32px;
}

#navbut1 a {
	background: transparent url(../images/nav/home.gif) no-repeat 0 0px;
}

#navbut2 {
	width:83px;
	background: transparent url(../images/nav/music.gif) no-repeat 0 -32px;
}

#navbut2 a {
	background: transparent url(../images/nav/music.gif) no-repeat 0 0px;
}

#navbut3 {
	width:95px;
	background: transparent url(../images/nav/services.gif) no-repeat 0 -32px;
}

#navbut3 a {
	background: transparent url(../images/nav/services.gif) no-repeat 0 0px;
}

#navbut4 {
	width:109px;
	background: transparent url(../images/nav/repertoire.gif) no-repeat 0 -32px;
}

#navbut4 a {
	background: transparent url(../images/nav/repertoire.gif) no-repeat 0 0px;
}

#navbut5 {
	width:97px;
	background: transparent url(../images/nav/schedule.gif) no-repeat 0 -32px;
}

#navbut5 a {
	background: transparent url(../images/nav/schedule.gif) no-repeat 0 0px;
}

#navbut6 {
	width:89px;
	background: transparent url(../images/nav/inquire.gif) no-repeat 0 -32px;
}

#navbut6 a {
	background: transparent url(../images/nav/inquire.gif) no-repeat 0 0px;
}

#navbut7 {
	width:83px;
	background: transparent url(../images/nav/photos.gif) no-repeat 0 -32px;
}

#navbut7 a {
	background: transparent url(../images/nav/photos.gif) no-repeat 0 0px;
}

#navbut8 {
	width:75px;
	background: transparent url(../images/nav/links.gif) no-repeat 0 -32px;
}

#navbut8 a {
	background: transparent url(../images/nav/links.gif) no-repeat 0 0px;
}

#navbut9 {
	width:98px;
	background: transparent url(../images/nav/contact.gif) no-repeat 0 -32px;
}

#navbut9 a {
	background: transparent url(../images/nav/contact.gif) no-repeat 0 0px;
}

/* End Navigation */