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

body {
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
	color: #333333;
	background-image:url(bg_music2.png); background-color:#eeede3;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	line-height:1.1;
}
h1 {display:block;margin:0px;padding:10px 0px 6px;font-size:20px;color:#333344;font-weight:bold;line-height:1.0;}
h2 {margin:0px;padding:6px 0px;font-weight:bold;font-size:14px;}
h3 {margin:0px;padding:6px;font-weight:bold;font-size:18px;}
h4 {display:block;font-weight:normal;margin:0px;padding:0px 0px 36px 0px;font-size:18px;color: #333344;font-style:italic;}
h5 {font-size:12px;font-weight:bold;margin:0px;padding:0px 0px 6px 0px;line-height:1.0;}

hr {margin:0px;border:0px;padding:0px;background:url(phototrim.jpg) no-repeat center;height:6px;border-top:1px solid #bfa775;border-bottom:1px solid #ffffff;}

hr.short {margin:0px;border:0px;padding:0px;background:url(topsection.png)no-repeat center;height:6px;border-top:1px solid #bfa775;border-bottom:1px solid #ffffff;}

p {display:block;margin:0px;padding:6px 0px;line-height:1.2;}
a {color:#4c6b96;border:0px;}
a.cta {display:block;padding:1px 0px 20px;text-align:right;font-size:14px;font-weight:bold;}
a.cta2 {display:block;padding:1px 0px 1px;text-align:right;font-size:14px;font-weight:bold;}
a.cta3 {display:block;padding:1px 0px 20px;text-align:right;font-size:14px;font-weight:bold;}
a:link, a:visited {text-decoration:none;}
a:hover {color:#b09c7a;}

.req {color:#CC3333;font-size:14px;}

small {display:block;margin:12px 0px;text-align:left;}
embed {margin:0px;padding:0px;height:40px;width:120px;}

.oneColFixCtr #container {width: 964px;margin: 0 auto;padding:23px 0px;text-align: left;}

.top {height:148px;width:964px;margin:0px;padding:0px;text-align:center;background:url(ribbon_green.png) repeat-x;}
.top a.logoSFCCC {display:block;float:left;height:128px;width:128px;margin:0px;padding:8px 10px 0px 60px;}
.top .pin {display:block;float:left;height:65px;width:65px;margin:38px 6px 0px 0px;padding:0px;}
.header {float:left;text-align:center;width:566px;padding-right:10px;}


.nav {display:block;margin:0px auto;padding:28px 0px 12px 0px;list-style:none;height:28px;width:490px;}
.nav li {display:block;float:left;margin:0px;padding: 6px 28px 6px 0px;font-size:16px;font-weight:bold;line-height:1.0;font-family:Arial, Helvetica, sans-serif;}
.nav li#last {padding-right:0px;}
.nav li a {color: #a39b85;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);text-decoration:none;}
.nav li a:hover {color:#2e2b23;}
.nav li a#sel {color: #2e2b23;}

.photo {padding:6px;background-image:url(phototrim.jpg);border:1px solid #8f7745;}
.image {margin: 24px 0px 24px 12px;padding:6px;background-image:url(phototrim.jpg);border:1px solid #8f7745;}
.music {padding:0px 0px 20px 0px;}

.main {clear:both;width:964px;margin:0 auto;padding:0px;background:url(paper.png) repeat-y center;text-align:center;}
.main iframe {float:left;padding:6px;background-image:url(phototrim.jpg);border:1px solid #8f7745}

.homeSideColLeft {float:left;margin:0px 20px 0px 30px;padding:0px 0px 6px;width:185px;text-align:left;}
.homeSideColRight {float:left;margin:0px 30px 0px 20px;padding:0px 0px 6px;width:185px;text-align:left;}

.homeCenter {float:left;margin:0px;padding:0px;width:494px;text-align:center;}

.leftCol {float:left;margin:0px 12px 0px 30px;padding:0px 0px 6px;width:439px;text-align:left;}
.rtCol {float:left;margin:0px 30px 0px 12px;padding:0px 0px 6px;width:439px;text-align:left;}
.ctrCol {margin:0px auto;padding:0px 0px 6px;width:439px;text-align:left;}

#noLine {background:none;}
#noLine .small {float:left;display:block;width:100%;height:24px;text-align:center;}
.fullWidth {float:left;margin:12px 30px;padding:0px 0px 6px;width:900px;text-align:left;}
.fullWidth h1 {background:repeat-x url(middle.png);border-top:1px solid #8f7745;padding-top:18px;}
h1.noBorder {background:none;border:none;padding-top:0px;}
.fullWidth table {width:auto;}
.fullWidth td {width:auto;padding:2px 6px;}
.fullWidth input {text-align:right;}
input#grandTotal {font-weight:bold;}
.footnotes {display:block;margin:12px 30px;padding:0px;font-size:12px;text-align:left;}

table {width:100%;margin:6px 0px;}
thead {font-size:12px;font-weight:bold;}
td {height:20px;width:120px;padding:3px 0px;}

table#membership {margin:12px auto;width:auto;}
table#membership td {height:20px;width:auto;padding:3px 6px;border-bottom:1px solid #8f7745;text-align:center;}
.total {font-weight:bold;}

.quartetPage, .eventsPage {margin:10px auto;padding:0px 0px 6px;width:880px;text-align:left;}
.quartetPage .photo, .eventsPage .photo {display:block;float:left;padding:6px;background-image:url(phototrim.jpg);border:1px solid #8f7745;margin-right:20px;}
.quartetPage h1 {margin:0px;padding-top:0px;background: none;}

.eventsPage h1 {text-align:center;margin:0px;padding-top:12px;background: none;color:#cc3333;font-size:30px;}
.eventsPage h2 {display:block;width:100%;font-size:18px;padding:18px 0px;color:#333344;line-height:1.0;}
.eventsPage h3 {margin:0px;padding:0px;background: none;line-height:1.1;background:none;}
.eventsPage h4 {display:block;width:100%;padding:18px 0px;text-align:center;font-size:16px;font-style:normal;font-weight:bold;}
.eventsPage h5 {text-align:center;margin:0px;}
.eventsPage h6 {text-align:center;margin:0px;padding:0px;font-size:14px;line-height:1.2;font-weight:100;}
.eventsPage h7 {text-align:left;font-size: 12px;color:#666677;font-weight:normal;font-style:italic;}

.eventsPage .lfCol {float:left;width:434px;margin:0px;padding:0px 6px 0px 0px;background:none;}
.eventsPage .rtCol {float:left;width:434px;margin:0px;padding:0px 0px 0px 6px;background:none;}


.eventsPage table {width:100%;border-top:1px solid #8f7745;}
.eventsPage td {height:20px;width:auto;padding:6px 24px 3px 0px;border-bottom:1px solid #8f7745;text-align:left;}
td.noLine {border:none;}

.eventsPage table.val {width:100%;}
.eventsPage table.val td.section {height:20px;width:auto;padding:1px 0px 2px 6px;text-align:left;background-color:#CC3333;color:#FFFFFF;font-weight:bold;font-size:11px;}
.eventsPage table.val td.cta {height:auto;width:auto;padding:1px 6px 1px 6px;text-align:right;background-color:#CC3333;}
.eventsPage table.val td {height:auto;width:auto;padding:6px;border-bottom:1px solid #cfd7b5;text-align:left;font-size:13px;}
.eventsPage table.val td.centered {text-align:center;}

.eventsPage table.purchase {width:100%;border:0px;text-align:center;}
.eventsPage table.purchase td {border:0px;text-align:center;}


.event {border-left:1px solid #ccccaa;border-right:1px solid #ccccaa;background:url(trebleclef_watermark.png) center no-repeat #f6f6e6; padding:15px 10px 0px;text-align:center;}
.event h1 {background:none;padding:0px;font-size:14px;}
.event h2 {display:block;width:100%;font-size:18px;font-weight:bold;padding:18px 0px 0px 0px;color:#dd3333;line-height:1.0;}
.event h3 {margin:0px;padding:12px 0px 6px 0px;font-weight:bold;font-size:14px;}
.event h4 {text-align:center;margin:0px;padding:12px 0px 0px 0px;font-size:14px;color: #333344;font-style:italic;}
.event h5 {text-align:center;margin:0px;padding:0px 12px 36px 0px;font-size:14px;color: #333344;font-weight:bold;}
.event h6 {text-align:center;margin:0px;padding:0px 0px 24px 0px;font-size:14px;color: #dd3333;font-weight:normal;}
.event p {margin:0px;padding:0px;font-size:12px;font-weight:bold;}
.event ul {display:block;margin:0px auto;padding: 0px 0px 12px 18px;width:210px;}
.event ul li {text-align:left;padding:2px 0px;font-size:14px;}



.button_1 {
	display: block;
	margin:18px auto 12px;
	padding:6px;
	width: 220px;
	height: 30px;
	-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #ADC0C4;
	font-weight:bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.button_1 {
	/* Fallback Color */
	background: #DFF0F3;
	/* Firefox 3.6+ */
	background-image: -moz-linear-gradient(#FFFFFF, #EFEFEF);
	/* Safari 4+, Chrome 1+ */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EFEFEF));
	/* Safari 5.1+, Chrome 10+ */
	background-image: -webkit-linear-gradient(#FFFFFF, #EFEFEF); 
	/* IE */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF');
}

.button_1:hover {
	background: #FFFFFF;
}

.button_1:active {
	background: #EFEFEF;
}


.footer {clear:both;display:block;margin:0px 2px 0px 2px;padding:0px;height:34px;width:960px;font-size:13px;list-style-type:none;background:url(footer.png) no-repeat;border:0px;}
.footer li {display:block;float:left;margin:10px 0px;padding:0px 24px;}
.footer li a {display:block;margin:0px;padding:0px;height:14px;color:#ffffff;}
.footer li.copy {float:right;padding:0px 30px 0px 0px;height:14px;width:60px;text-align:right;color:#ffffff;}