/* == Theme of main layout containers */

/*#wrapper {background-color: purple;}
#content {background-color: red ;}
#mainContent {background-color: orange ;}
#secondaryContent {background-color: yellow ;}
#mainNav {background-color: green ;}
#footer {background-color: transparent;}*/

/*body {background: #000 url(../../media/cssImages/flowerFull.jpg) no-repeat fixed bottom center;}*/
/*html {background: #000 url(../../media/cssImages/flowerFull.jpg) no-repeat fixed bottom center;}*/
body {
	background: #000 url(../../media/cssImages/flowerBody.jpg) no-repeat fixed bottom center;
}
#uber {
	width: 100%;/*need width tp get gradient in IE7 */
	position: relative;
	bottom: 0;
	background: transparent url(../../media/cssImages/bgGradient.jpg) repeat-y center;
	/*clear: both;*/
	margin: 0;
	padding: 0;
}
#wrapper {
	background: #fff url(../../media/cssImages/flowerWhite.jpg) no-repeat fixed bottom center;
	clear: both;
}
#content {
	background: transparent url(../../media/cssImages/flowerWhite.jpg) no-repeat fixed bottom center;
	clear: both;
	overflow: hidden;
}
#mainContent {background: transparent url(../../media/cssImages/flowerWhite.jpg) no-repeat fixed bottom center;}
#secondaryContent {background: transparent url(../../media/cssImages/flowerWhite.jpg) no-repeat fixed bottom center;}
#mainNav {background: transparent url(../../media/cssImages/flowerWhite.jpg) no-repeat fixed bottom center;}
#footer {background: transparent url(../../media/cssImages/flowerFull.jpg) no-repeat fixed bottom center;}

#eventWrapper {
	background: #fff url(../../media/cssImages/flowerWhite.jpg) no-repeat fixed bottom center;
	border: 1px dotted #79b1a4;
	padding: 20px;
	margin: 0 20px 20px 0;
}
.wrap {
	/*border: 1px dotted #79b1a4;*/
	/*padding: 20px;*/
	margin: 20px 20px 40px 0;
	clear: both;
}
.wrap h2 {
	margin-top:0;
	padding-top:0;  
}
ul#specialEvents,
#recentNews ul,
ul.prList{    
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#specialEvents li,
#recentNews li,
.prList li {
	margin-left: 0;
	padding-left: 15px;
	background: transparent url(../../media/cssImages/rightArrowBrown.gif) no-repeat left 25%;
}
#specialEvents li:hover,
#recentNews li:hover,
.prList li:hover {
	background: transparent url(../../media/cssImages/rightArrowGreen.gif) no-repeat left 25%;
}
#specialEvents li.pdf a,
#recentNews li.pdf a,
.prList li.pdf a {
	padding-right: 20px;
	background: transparent url(../../media/cssImages/icons/page_white_acrobat.png) no-repeat bottom right;
}
#recentNews span.date,
.prList span.date,
#specialEvents span.date,
span.date {
	font-weight: normal;
	font-size: 0.8em;
}

#specialEvents a,
#recentNews a,
.prList a, .prList a:link, .prList a:visited {
	color: #7a4120;
	text-decoration: none;
	font-weight: bold;
}
#recentNews a:hover,
#specialEvents a:hover,
.prList a:hover, .prList a:focus, .prList a:active {
	color: #000;
	text-decoration: underline;
}
#newsLetterPage span.date{
	display: none;
}
/* == Spacing and main container layout adjustments */
#content {
	padding-bottom: 5em;
	margin-top: 3em;
}
/* == Internal CSS */
#mainNav {
	padding-top: 3em;
	padding-bottom: 5em;
}
#mainNav ul{
	list-style: none; 
	list-style-image: none;
}
#mainNav li {
	padding-left: 2em;
	padding-right: 2em;
}
/* == Internal CSS - Theme colors and global over-rides */
body {
	color: #5e6669;
	line-height: 1.8em;
}
a, a:link, a:visited { 
	color: #954217;
	font-weight: normal;
	text-decoration: underline;	
}
a:hover, a:focus, a:active, .here{
	color: #55a095;
	text-decoration: none;
	outline: none;
}
.sitemap #mainContent {
	text-align: center;
}
.sitemap #mainContent h1 {
	text-align: left;
}
.sitemap #mainContent ul {
	padding-bottom: 0;
}
.sitemap h3 a {
	color: #7a4120;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: normal;
}
.sitemap h3 {
	padding-top: 20px;
}
img, a img, a:link img,  a:visited img {
	border: 1px solid #7a4120;
}
a:hover img,  a:hover img, a:focus img, a:active img {
	border: 1px solid #954217;;
}
#content a img, #content a:link img,  #eventsPage #content a:visited img {
	border: 1px solid #7a4120;
}
#content a:hover img,  #content a:hover img, #content a:focus img, #content a:active img {
	border: 1px solid #79b1a4;
}
#content #cbc a img, #content #cbc a:hover img, #content #cbc a:hover img, #content #cbc a:focus img, #content #cbc a:active img {
	border: none;
}
h3 a, h3 a:link, h3 a:visited  {
	text-decoration: none;
}
h3 a:hover, h3 a:focus, h3 a:active {
	text-decoration: none;
	color: #55a095;
}
dl dt {
	font-weight: bold;
}
dt.lyrics {
	color: #954217;
}
dl dd{
	font-weight: normal;
	padding: 0 20px 10px 20px;
	margin: 0;
}
dl.toggleDef dt {
	padding-left: 20px;
	background: transparent url(../../media/cssImages/rightArrowBrown.gif) no-repeat left 50%;
}
dl.toggleDef dt:hover{
	padding-left: 30px;
	background: transparent url(../../media/cssImages/rightArrowGreen.gif) no-repeat left 50%;
}
dl.toggleDef dt.noLyrics {
	padding-left: 0;
	text-indent: 20px;
	background-image: none;
	color: #999999;
}
dl.toggleDef dt.noLyrics:hover {
	padding-left: 0;
	text-indent: 20px;
	background-image: none;
	color: #999999;
	cursor: text;
}
dl.toggleDef dd {
	border: 1px dotted #999;
	text-align: left;
	margin-bottom: 10px;
}
dl.toggleDef dt.noLyrics dd {
	display: none;
}
.article {
	padding-top: 20px;
}
.review cite, .article cite {
	display: block;
	text-align: left;
	color: #7a4120; /*#7a4120*/ /*#8B6F6F*/
	font-style: italic;
	border-bottom: 1px dotted #999; /*#D1E5E2*/
	margin:0;
	padding:4px 0 0 0;
}
.performances .toggle h3,
.performances h3,
.awards .toggle h3,
.recordings .toggle h3 {
	color: #7a4120; /*#7a4120*/ /*#8B6F6F*/
	font-style: normal;
	font-weight: normal;
	border-bottom: 1px dotted #999; /*#D1E5E2*/
	margin:0;
	padding:4px 0 0 0;
}
.recordings .toggle h3 {
	font-weight: bold;
}
.review cite span, 
.toggle h3 span {
	float: right;
	/*margin-top: -20px;*/ /*one of the toggles needs a neg topmargin */
	padding-right: 20px;
	height: 16px;
	/*font-size: 16px;*/
}
.toggle h3 span {	
	padding-right: 0;
}
.award h3 span{
	padding-right: 20px;
}
.toggle h3 span a {
	font-weight: normal;
	font-size: 0.75em;
}
.award h3 span {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}
.review cite a,
.review cite a:link, 
.review cite a:visited{
	text-decoration:none;
}
.review cite, 
.article cite,
.article h3,
.toggle h3 {
		cursor: pointer;
}

/*Background icons for certain elements*/
.review cite span {
	background: transparent url(../../media/cssImages/icons/comments.png) top right no-repeat;
}
/*.award h3 span {
	background: transparent url(../../media/cssImages/icons/award_star_gold_1.png) top right no-repeat;
}  remove */
.article h3 cite {;
	font-weight: normal;
	text-align: right;
}
blockquote, div.blockquote {
	font-style: italic;
	padding: 10px 10px 0 10px;
	margin: 0 0 20px 0;
	border: 1px dotted #999;
}
div.blockquote {
	border-top: none;
}
blockquote, .review blockquote {
	background: transparent url(../../media/cssImages/quoteOpenTrans.gif) 10px 10px no-repeat;
	border-top: none;
}
blockquote p, .review blockquote p {
	padding: 20px;
	background: url(../../media/cssImages/quoteCloseTrans.gif) bottom right no-repeat;
}
/*feature block quote are display on the home page*/
div#rotate {
	width: 440px;
	height: 150px;
	margin-left: 30px;
	/*background-color: red;*/
}
div.feature {
	color: #7a4120;/*#7a4120*/ /*#8B6F6F*/
	font-size: 27px;
	line-height: 33px;
	padding: 0;
	margin: 0 0 30px 0;
	border: none;
	width: 440px;/* Needed to keep second quote at right edge of mainContent*/
	background: transparent url(../../media/cssImages/quoteOpenBig.gif) left top no-repeat;
}
div.feature p {
	padding: 25px 40px 0 45px;
	margin: 0;
	background: url(../../media/cssImages/quoteCloseBig.gif) bottom right no-repeat
}
div.feature .line2,
div.feature .line3{
	display: block;
	text-align: center;
}
div.feature .line3 {
	/*background: url(../../media/cssImages/quoteCloseTrans.gif) top right no-repeat;*/
}
div.feature strong {
	font-size: 135%;
	font-weight: normal;
}

/* == Theme Environmental over-rides */
#masthead {
	position: relative;
	background-image: url(../../media/cssImages/masthead.jpg);
	background-repeat: no-repeat;
	height: 290px;
}
#fr_masthead {
	position: relative;
	background-image: url(../../media/cssImages/fr_masthead.jpg);
	background-repeat: no-repeat;
	height: 290px;
}
#branding h1, #branding h2{
	text-indent: -9999px;
}
#homeLink, #homeLink:link, #homeLink:visited  {
	position: absolute;
	top: 135px;
	left: 0;
	width: 200px;
	height: 123px;
	background: transparent;
	border: none;
	outline: none;
}
#homeLink:hover {
	border: none;
	outline: none;
}
#homeLink:focus, #homeLink:active {
	border: 1px dotted #999;
	outline: none;
}

#topMenu {
	position: absolute;
	top: 265px;
	background: transparent url(../../media/cssImages/topGradient.png) repeat-x left top;
	height: 24px;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0;
	border-bottom: 2px solid #999;
}
#topMenu li {
	background: transparent url(../../media/cssImages/topGradient.png) repeat-x left top;
	display: inline;
	padding: 0.25em 0 0.25em 0;
	margin: 0 0 0 0;
	border-right: 2px solid #999;
}
#topMenu a,
#topMenu a:link,
#topMenu a:visited {
	/*background: transparent url(../../media/cssImages/flowerAqua.jpg) no-repeat fixed bottom center;*/
	color: #55a095;
	/*color: #7d4014;*/
	text-decoration: none;
	font-weight: bold;
	padding: 0 1.25em 0 1.25em;
	margin: 0; /*I didn't know I could use a margin on a anchor*/
}
#topMenu a:hover,
#topMenu a:focus,
#topMenu a:active,
#topMenu a.here {
	/*color: #fff;*/
	color: #7d4014; 
	text-align: center;
	/*background: transparent url(../../media/cssImages/flowerLightAqua.jpg) no-repeat fixed bottom center;*/
	outline: none;
	/*border-bottom: 1px solid #55a095;*/
}
#musicPlayer {
	padding: 2em;
}
#quickMenu {
	padding: 0;
	margin: 0 0 0 8px;
	width: 167px;
	list-style: none;
	list-style-image: none;
}
#homePage #quickMenu {
	margin-left: 40px;
}
#quickMenu li {
	padding: 0;
	margin: 0 0 10px 0;
}
#quickMenu li a, #quickMenu li a:link, #quickMenu li a:visited,
#quickMenu li a:hover, #quickMenu li a:focus, #quickMenu li a:active {
	display: block;
	height: 87px;
	background-color: transparent;
	background-repeat: no-repeat;
	text-indent: -9999px
}
#quickMenu li a, #quickMenu li a:link, #quickMenu li a:visited{
	border: 2px solid #000;
}
#quickMenu li a:hover, #quickMenu li a:focus, #quickMenu li a:active{
	border: 2px solid #55a095;
}

#listen a, #listen a:link, #listen a:visited {
	background-image: url(../../media/cssImages/listen.png);}


#vExpress a, #vocalExpress a:link, #vocalExpress a:visited {
	background-image: url(../../media/cssImages/vocalExpress.png);}
	
#buy a, #buy a:link, #buy a:visited{
	background-image: url(../../media/cssImages/buy.png);}
	
#news a, #news a:link, #news a:visite {
		background-image: url(../../media/cssImages/news.png);}
		
#book a, #book a:link, #book a:visited{
			background-image: url(../../media/cssImages/book.png);}

/*Most styles for the sign-up form are inline */
#signup {
	margin-left: 10px;
	width: 165px;
	border: none;
}
#homePage #signup {
	margin-left: 40px;
}
	
#mainNav .subMenu,
#socialNav ul,
#reviewNav ul,
#eventMenu {
	padding: 0;
	margin: 0 8px 26px 0;
	border-top: 1px dotted #954217;
}
#mainNav .subMenu li, 
#eventMenu li,
#socialNav ul li,
#reviewNav ul li{
	padding: 0;
	margin: 0;
}
#mainNav .subMenu a, #mainNav .subMenu a:link, #mainNav .subMenu a:visited,
#eventMenu a, #eventMenu a:link, #eventMenu a:visited,
#socialNav a, #socialNav a:link, #socialNav a:visited,
#reviewNav li a, #reviewNav li a:link, #reviewNav li a:visited{
	display: block;
	padding: 2px 2px 2px 22px;
	/*text-indent: 22px;*/
	color: #55a095;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #954217;
}
#mainNav .subMenu a.here, #mainNav .subMenu a.here:hover{
	color: #954217;
	background-color: transparent;
	cursor: text;
}
#mainNav .subMenu a:hover, #mainNav .subMenu a:focus, #mainNav .subMenu a:active,
#eventMenu a:hover, #eventMenu a:focus, #eventMenu a:active,
#socialNav a:hover, #socialNav a:focus, #socialNav a:active,
#reviewNav li a:hover, #reviewNav li a:focus, #reviewNav li a:active{
	color: #954217;
	background: #D1E5E2 url(../../media/cssImages/flowerLightAqua.jpg) no-repeat fixed bottom center;
}

#socialNav em {
	font-style: normal;
}

#footer ul {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	list-style-image:none; 
}
ul#footerMenu {
	height: 100%;
	text-align: center;
	background: transparent url(../../media/cssImages/flowerAqua.jpg) no-repeat fixed bottom center;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff
}
#footerMenu li {
	padding: 0;
	margin: 0;
	height: 100%;
	border-right: none;
}
#footerMenu .last, #topMenu .last {
	border-right: none;
}
#footerMenu a, #footerMenu a:link, #footerMenu a:visited {
	font-size: 13px;
	color: #fff;
	padding: 15px 8px;
	text-decoration: none;
	background: transparent;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#footerMenu a:hover, #footerMenu a:focus, #footerMenu a:active {
	color: #954217;
	padding: 14px 6px 13px 6px;
	text-decoration: none;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background: transparent url(../../media/cssImages/flowerWhite.jpg) no-repeat fixed bottom center;
}
#validation, #developedBy {
	background: transparent url(../../media/cssImages/flowerFull.jpg) no-repeat fixed bottom center;
}
#validation {
	margin: 0;
	padding: 10px 0 20px 8px;
}
#developedBy {
	margin: 0;
	padding: 20px 0 75px 8px;
}
#developedBy ul, #validation ul{
	background: transparent url(../../media/cssImages/flowerFull.jpg) no-repeat fixed bottom center;
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
#developedBy li {
	padding: 0;
	margin: 0;
}
#validation a,#validation a:link, #validation a:visited,
#developedBy a,#developedBy a:link, #developedBy a:visited {
	color: #fff;
	border: none;
	padding: 0; 
	text-decoration: none;
}
#validation a:hover, #validation a:focus, #validation a:active,
#developedBy a:hover, #developedBy a:focus, #developedBy a:active {
	text-decoration: underline;
}
/* == Page Specific Overides */
#contactFormPage #mainContent {
	background: none;}
}
#contactFormPage .contactForm form {
	background: transparent;
	background-color: none;
}

#homePage h1 {
	padding-left: 2em;
}
#homePage #content blockquote {
	/*-moz-border-radius: 30px;
	-webkit-border-radius: 30px;*/
	border: 1px dotted #79b1a4;
	padding: 20px 20px 0 20px;
	margin: 0 20px 0 0;
}
#homePage cite {
	margin-right: 20px;
}
.whereToBuy address {
	margin: 0;
	padding: 0;
}
blockquote.noquotes {
	border: none;
	margin: 0 0 20px 0;
	padding: 0;
	background-image: none;
}
blockquote.noquotes p {
	background-image: none;
	padding: 0;
}
.album .spanThree {
	padding-bottom: 20px;
}
/**Need to adjust h1 and h2 margins */
.gal h1, .about h1, .book h1, .contact h1, .newsletter h1, .sitemap h1 {
	margin-bottom: 20px;
}
/* ==EPK Page */
.epk ul.inline {
	padding-bottom: 0;
}
.epk h6, .epk h6 em {
	color: #5E6669;
}
.epk h6 em {
	font-style: italic;
	font-weight: normal;
}

.resources li a,
.resources li a:link,
.resources li a:visited{
	text-decoration: none;
	border: none;
	outline: none;
	padding: 2px 20px 2px 2px;
}
.resources li a:hover,
.resources li a:focus,
.resources li a:active{
	text-decoration: none;
	border: 1px solid #55a095;
	outline: none;
}
.resources li.doc a {
	background: transparent url(../../media/cssImages/icons/page_white_office.png) bottom right no-repeat;
}
.resources li.txt a{
	background: transparent url(../../media/cssImages/icons/page_white_text.png) bottom right no-repeat;
}
.resources li.pdf a {
	background: transparent url(../../media/cssImages/icons/page_white_acrobat.png) bottom right no-repeat;
}

/* ==Vocal Express Page */
#vExpressPage_fr .testimonial {
	clear: both;
	margin-top: 2em;
}
.citation {
	margin: 0;
	padding: 1em 0 0 0;
	color: #7a4120;
	font-style: italic;
	text-align: left;
	border-bottom: 1px dotted #999999;
	clear: both;
}
#vExpressPage_fr blockquote {
	margin: 0 0 2em 0;
	padding: 1em 1em 1em 0;
	background-image: none;
}
#vExpressPage_fr blockquote p {
	margin: 0 0 0 0;
	padding: 0;
	background-image: none;
}
.bqstart {
     float: left;
     height: 100px;
     margin: -5px 0 0 -25px;
     padding: 0 0 0 0;
     font-size: 700%;
     color: #7a4120;
	font-family: serif;
 }
.bqend {
     float: right;
     height: 25px;
     margin: 20px -10px 0 0;
     padding: 0 0 0 0;
     font-size: 700%;
     color: #7a4120;
font-family: "Lucide Grande", Garamond, serif;
 }
/* ==Active Page styles */
#aboutPage #topMenu .about a,
#aboutPage #topMenu .about a:link,
#aboutPage #topMenu .about a:hover,
#aboutPage #topMenu .about a:focus,
#aboutPage #topMenu .about a:active,
#bioPage #topMenu .bio a,
#bioPage #topMenu .bio a:link,
#bioPage #topMenu .bio a:hover,
#bioPage #topMenu .bio a:focus,
#bioPage #topMenu .bio a:active,
#recordingsPage #topMenu .recordings a,
#recordingsPage #topMenu .recordings a:link,
#recordingsPage #topMenu .recordings a:hover,
#recordingsPage #topMenu .recordings a:focus,
#recordingsPage #topMenu .recordings a:active,
#pressPage #topMenu .press a,
#pressPage #topMenu .press a:link,
#pressPage #topMenu .press a:hover,
#pressPage #topMenu .press a:focus,
#pressPage #topMenu .press a:active,
#eventsPage #topMenu .events a,
#eventsPage #topMenu .events a:link,
#eventsPage #topMenu .events a:hover,
#eventsPage #topMenu .events a:focus,
#eventsPage #topMenu .events a:active,
#epkPage #topMenu .epk a,
#epkPage #topMenu .epk a:link,
#epkPage #topMenu .epk a:hover,
#epkPage #topMenu .epk a:focus,
#epkPage #topMenu .epk a:active,
#galPage #topMenu .gal a,
#galPage #topMenu .gal a:link,
#galPage #topMenu .gal a:hover,
#galPage #topMenu .gal a:focus,
#galPage #topMenu .gal a:active,
#contactPage #topMenu .contact a,
#contactPage #topMenu .contact a:link,
#contactPage #topMenu .contact a:hover,
#contactPage #topMenu .contact a:focus,
#contactPage #topMenu .contact a:active {
	color: #7d4014; 
	text-align: center;
	outline: none;
}

/* ==Language Menu*/
#langMenu h3 {
	color: #fff;
}
#langMenu {
	position: relative;
	top:-275px;
	left: 600px;
	text-align:center;
	width: 200px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

#langMenu a, #langMenu a:link, #langMenu a:visited  {
	color: #79b1a4;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;	
}
#langMenu a:hover, #langMenu a:focus, #langMenu a:active {
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: underline;	
}