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

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');

body {
	background: url(../images/bg-concrete_seamless.png) repeat fixed;
	font-size: 15px;
}
p {
	line-height: 1.6em;
	color: #2f3036;
	padding-bottom: 1.4em;
}
p.last {
	padding-bottom: 0;
}
li {
	line-height: 22px;
	color: #2f3036;
}
li.last {
	padding-bottom: 0;
}
strong {
	font-weight: bold;
}
h1 {
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #2f3036;
}
h1.subpage {
	/*border-bottom: 1px dashed #a8a8a8;
	margin-bottom: 15px;*/
	padding-bottom: 20px;
}
#pagePerformanceSchedule h1.subpage {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#home h1 {
	padding-bottom: 10px;
}
h2 {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #2f3036;
	padding-bottom: 15px;
	margin-top: 10px;
}
/*#pagePress h2, #pageContact h2, #pagePerformanceSchedule h2 {
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px dashed #a8a8a8;
	margin-bottom: 15px;
}
#pagePress h2:first-child {
	border: 0;
	padding: 0;
	margin-bottom: 15px;
}*/
h3 {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #2f3036;
	padding-bottom: 0;
	line-height: 1.6em;
}
h4 {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2f3036;
	padding-bottom: 5px;
}
em {
	font-style: italic;
}

.text-center {
	text-align: center;
}
p.small {
	font-size: 13px;
}

ul ul {
	margin-left: 20px;
	margin-top: 10px;
}
.headline-date {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 10px;
	color: #A09505;
}
#content-wrapper a:link, #content-wrapper a:visited, #content-wrapper a:active {
	color: #009DBF;
	text-decoration: underline;
}
#content-wrapper a:hover {
	background-color: #009DBF;
	color: #ffffff;
	text-decoration: none;
}
/**************************************/

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
} 
.clearfix:after {
  clear: both;
}

#wrapper {
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,.2);
	width: 1000px;
	margin: 30px auto;/*	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;*/
	
}
#content-wrapper {
	width: 860px;
	margin: 0 auto;
	background-color: #ffffff;
	padding-bottom: 60px;
}
#content-3col-wrapper {
	width: 748px;
	clear: both;
}
#content-3col-wrapper .box {
	width: 209px;
	height: 230px;
	display: block;
	margin-right: 23px;
	margin-top: 30px;
	padding-right: 23px;
	border: 1px dashed #a8a8a8;
	float: left;
}
#content-3col-wrapper .box.last {
	margin-right: 0;
}
#content-3col-wrapper .box h3 {
	padding: 23px 23px 10px 23px;
	;
}
#content-3col-wrapper .box p {
	padding: 0 0 0 23px;
}
#content-3col-wrapper .box p a {
	display: block;
}
#content-3col-wrapper .box ul {
	padding: 0 23px;
}
#content-3col-wrapper .box .publishDate {
	font-size: small;
	display: block;
	color: #88867B;
	padding: 5px 0 5px 23px;
}

.box {
	margin-bottom: 40px;
}
.box p:last-child {
	margin: 0;
	padding: 0;
}

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


#main-graphic-top {
	height: 267px;
	width: 748px;
	clear: left;
	margin: 20px auto 0;
}
#main-graphic-bottom {
	height: 112px;
	width: 748px;
	margin: 0 auto 40px;
}
#content-main {
	width: 520px;
	float: left;
	margin: 0px;
}
#content-sub {
	width: 280px;
	float: right;
	margin: 0px;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.clearBoth {
	clear: both;
}
#container {
	text-align: center;
	margin: 10px 0px 30px 0px;
	border: 1px solid #999999;
}
#video {
	text-align: center;
	margin: 5px 0px 0px 0px;
}
#page-bottom {
	background: url(../../../images/page_border_bottom2.gif) no-repeat top;
	width: 812px;
	height: 25px;
	margin: 0 auto;
}
.section-header {
	border-bottom: 2px solid #b8cad0;
	height: 18px;
}
.section-header img {
	margin-bottom: 20px;
}
.content-sub-item p img {
	float: right;
	padding: 3px 0px 3px 3px;
}
#branding {
	height: 90px;
	display: inline;
	float: left;
	width: 860px;
	margin-left: 70px;
}
#branding img {
	margin-top: 25px;
	float: left;
}
#branding a {
	padding: 0;
}
#branding .tagline {
	display: block;
	float: right;
	margin-top: 56px;
	color: #2f3036;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-style: italic;
}
.quote-source {
	color: #777;
	font-size: small;
}
#subpage-graphic {
	height: 190px;
	width: 748px;
	margin: 30px auto 30px;
}
/*************NAVIGATION*************/


#navWrapper {
	background-color: #2f3036;
	/*	border-left: 1px dotted #fff;
	border-right: 1px dotted #fff;*/
/*	border-top: 1px dashed #fff;*/
	clear: left;
	margin: 0 70px;
}
#nav {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 36px;
}
#nav ul {
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;
}
#nav li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 40px 0 0;
    position: relative;
    right: 50%;
    line-height: 36px;
    font-size: 14px;
}
#nav a:link, #nav a:visited, #nav a:active {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	display: block;
}
#nav a:hover {
	color: #52c1d4;
	display: block;
}
#pageHome #nav li#home a, #pageBiographies #nav li#biographies a, #pageRecitalPrograms #nav li#recitalPrograms a, #pagePerformanceSchedule #nav li#performanceSchedule a, #pagePhotoGallery #nav li#photoGallery a, #pagePress #nav li#press a, #pageContact #nav li#contact a {
	color: #52c1d4;
	cursor: default;
	padding: 0;
}
#nav li#contact {
	padding-right: 0;
}
/*************FOOTER*************/

#footer {
	width: 748px;
	height: 82px;
	margin: 0 auto 23px auto;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #009DBF;
	text-decoration: underline;
}
#footer a:hover {
	background-color: #009DBF;
	color: #ffffff;
	text-decoration: none;
}
#footerNav {
	width: 100%;
	overflow: hidden;
	position: relative;
	min-height: 40px;
	border-bottom: 1px solid #d2cece;
}
#footerNav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#footerNav li {
	line-height: 40px;
	font-size: 13px;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0 15px 0 0;
}
#pageHome #footerNav-home a, #pageBiographies #footerNav-biographies a, #pageRecitalPrograms #footerNav-recitalPrograms a, #pagePerformanceSchedule #footerNav-performanceSchedule a, #pagePhotoGallery #footerNav-photoGallery a, #pagePress #footerNav-press a, #pageContact #footerNav-contact a {
	text-decoration: none;
	color: #777;
	cursor: default;
	background: none;
}
#footerNav #footerNav-contact {
	padding-right: 0;
}
#copyright {
	height: 40px;
	width: 748px;
	display: block;
	border-top: 1px solid #fff;
	clear: left;
}
#copyright p {
	font-size: 12px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	text-align: center;
	float: none;
	color: #777;
}
#copyright a {
	margin: 0 0 0 12px;
	padding: 0;
}
/*************PAGE - Biographies*************/

#subpage-group-bio {
}
.subpage-individual-bio {
	padding-top: 23px;
	margin-top: 23px;
	border-top: 1px dashed #a8a8a8;
}
#subpage-group-bio {
	margin-bottom: 23px;
}
#subpage-group-bio h1 {
	font-family: 'Lato', sans-serif;
	font-size: 27px;
	font-weight: normal;
	line-height: 1.4em;
	color: #2F3036;
	margin-bottom: 0.4em;
}
.bio-thumb {
	float: left;
	margin: 8px 18px 10px 0px;
	padding: 6px;
	background-color: #e2e2db;
}
.bio-thumb img {
	border: 1px solid #fff;
}
.bio-signature {
	float: left;
	margin-top: 10px;
	padding-right: 10px;
}
.quotes {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	float: right;
	width: 280px;
	margin: 10px 0px 20px 23px;
	padding-left: 23px;
	font-size: 22px;
	line-height: 1.8em;
	color: #fd6759;
	display: block;
	border-left: 1px solid #a8a8a8;
}
h2 .instrument {
	font-family: 'Lato', sans-serif;
	color: #fd6759;
	margin-left: 3px;
	font-weight: 400;
}
/*************PAGE - Recital Programs*************/

.program-wrap {
	border-top: 1px dashed #a8a8a8;
	padding-top: 30px;
	margin-top: 30px;
}
.program-wrap.first {
	margin-top: 0;
}
#pageRecitalPrograms h2 {
	position: relative;
	margin: 0;
	padding: 0;
}

h2 .programTitle {
	font-family: 'Lato', sans-serif;
	color: #569d14;
	margin-left: 3px;
}
.program {
	margin-top: 20px;
	padding-left: 30px;
	border-left: 4px solid #eee;
}
.program li {
	padding-bottom: 8px;
}
.program ul li:last-child {
	padding-bottom: 0;
}
.program li strong {
	text-transform: uppercase;
	padding-right: 3px;
	font-style: normal;
}
.program li.last {
	padding-bottom: 0;
}
li.intermission {
	/*background: url(../images/intermission-icon2.gif) 0 2px no-repeat;*/
	font-style: italic;
	margin: 5px 0 15px 10px;
	padding: 0;
	color: #a8a8a8;
	font-size: 13px;
}
.centeredSPAN {
	text-align: center;
	font-size: 13px;
	padding-top: 23px;
}

.program-number {
position: absolute;
    left: -12px;
    top: -5px;
    display: block;
    font-size: 18px;
    font-weight: 400;
    width: 28px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-style: italic;
}
.program-a {
	background: #52c1d4;
}
.program-b {
	background: #695384;
}
.program-c {
	background: #87a800;
}
.program-d {
	background: #fe980c;
}
.program-note {
	display: block;
	padding-left: 34px;
	margin-top: 20px;
	font-size: 13px;
}

/*************PAGE - Performance Schedule*************/


ul.schedule {
	display: block;
}
#pageHome ul.schedule {
	margin-left: 0;
}
#pageHome ul.schedule li {
	margin-left: 0;
}
ul.schedule li {
	list-style: none;
	background: url(../images/nav_link_arrows_tan.gif) no-repeat 0px 9px;
	padding-left: 10px;
	padding-bottom: 8px;
	margin-left: 15px;
}
ul.schedule li span {
	display: block;
}
ul.schedule li span.date {
	display: inline;
	font-weight: bold;
}
#pagePerformanceSchedule span.year {
	background-color: #e2e2db;
    color: #2f3036;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    margin: 20px 0;
    padding: 8px 0 8px 15px;
    display: block;
}
ul.schedule .month {
	background: none;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	padding-left: 0;
	margin: 20px 0 5px 0;
	font-weight: bold;
}
ul.schedule li.date.first {
	margin-top: 4px;
}
ul.schedule a {
	font-size: 15px;
}

#pagePerformanceSchedule #content-wrapper { /* temp until new schedule is posted */
    min-height: 500px;
}


/*************PAGE - Photo Gallery*************/

#pagePhotoGallery .gallery-row {
	text-align: center;
	display: block;
	clear: left;
}

#pagePhotoGallery #gallery {
	margin: 0 -20px 30px;
}

#pagePhotoGallery .gallery-row a:hover {
	background: transparent;
}
#pagePhotoGallery .photo {
	display: block;
	float: left;
	padding: 20px;
}
#pagePhotoGallery .photo img {
	height: 165px;
	width: 165px;
	border: 10px solid #fff;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

/*************PAGE - Press*************/

/*#performanceSchedule h2, #photoGallery h2, #press h2 {
	margin-bottom: 10px;
	border-bottom: 1px solid #e6eef1;
	padding-bottom: 10px;
}*/

#pagePress .reviewer {
	color: #777;
	font-size: 12px;
	display: block;
	padding-bottom: 0.5em;
}
#pagePress .reviewDate {
	color: #777;
	font-size: 12px;
	padding-bottom: 1em;
	display: block;
}

#pagePress .press-photos {
	margin: 0 -4px;
}

#pagePress .press-photos img {
    width: 136px;
    height: auto;
    float: left;
    padding: 0 4px;
    margin-bottom: 8px;
}

#pagePress .press-photo-download {
	font-size: 11px;
	display: block;
	margin: 0 0 23px 0;
	padding: 5px;
	text-align: center;
	clear: left;
}
#press-photos .press-photo-download a {
	font-size: 11px;
}




/*************PAGE - Contact*************/

.contact-info {
	padding: 0 1em 3em;
}
.contact-info h4 {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #2f3036;
	padding: 1.4em 0 .2em;
}
.contact-info h4:first-child {
	padding-top: 0;
}
.contact-info span {
	display: block;
	font-size: 15px;
	line-height: 1.4em;
}
fieldset {
	border: 1px dashed #bdbeb1;
}
legend {
	font-size: 22px;
	font-family: 'Lato', sans-serif;
	font-weight: Bold;
	color: #2f3036;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 15px;
	background-color: #fff;
}
label {
	display: block;
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
}
.divider-line {
	border-top: 1px solid #545859;
}
input, select, textarea {
	-webkit-appearance: none;
}
input[type="text"]:focus, textarea:focus {
	background: #fff;
}
input[type="text"], textarea, .form-dropdown {
	border: 1px solid #a8a8a8;
	padding: 8px;
	background: #f8f8f8;
	font-size: 14px !important;
	font-family: 'Lato', sans-serif;
}
textarea {
	font-family: 'Lato', sans-serif;
	width: 442px;
}
.error {
	border: 2px red solid;
}
.Errortext {
	color: #FF0000;
	font-size: 10px;
}
.required {
	color: #FF0000;
	font-size: 10px;
}
.form-buttons-wrapper {
	text-align: center;
}
.btn {
	color: #ffffff;
	border: 0;
	border-radius: 3px;
	background-color: #009DBF;
	padding: 8px 12px;
	margin: 10px 0 20px 0;
	font-size: 14px;
	cursor: pointer;
}
.btn:hover {
	background-color: #333;
}
.btn:focus {
	background-color: #000;
}
#thank-you {
	height: 300px;
	padding-top: 100px;
}
#thank-you h2 {
	border: none;
	text-align: center;
}
.form-label {
	width: 150px !important;
}
.form-label-left {
	width: 150px !important;
}
.form-sub-label {
	font-family: 'Lato', sans-serif;
	color: #9fa092;
	font-size: 11px;
	padding-left: 4px;
}
.form-line {
	margin: 0 10px 10px 20px;
	width: 460px;
}
.form-label-right {
	width: 150px !important;
}
#contact .form-all {
	width: 468px;
	color: #2f3036 !important;
	font-family: 'Lato', sans-serif;
}
.form-section {
	margin-top: 20px;
}


/*----------------------------------
	New
----------------------------------*/

.whats-new {
	margin-top: 40px;
}
.whats-new .program-wrap {
	border: 0;
	padding: 0;
	margin: 0;
}
.whats-new .program {
	margin: 0 0 30px;
	padding: 0;
	border: 0;
}
#imageDataContainer {
    font: 14px 'Lato', sans-serif;
    color: #2f3036;
}

.whats-new .program-promo-photo {
	width: 180px;
	float: right;
	 -ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
	margin-left: 20px;
}