/* Myers Mania Music Stylesheet */
/* Created 07/27/11 by A. B. Myers */
/* Last modified 11/28/17 */
/* Remove all padding and margins */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: arial,helvetica,sans-serif; /* Primary site font */
	font-size: 1.2em; /* This is the base font size. All others are a percentage of this size */
	color: #0f0b4d;
	background: url('../images/background_brick_wall.jpg') repeat;
}
h1 {
	font-size: 130%;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	color: #fff; /* Not the standard display head color */
	font-weight: normal;
	text-shadow: 0.08em 0.08em 0.1em #7e7a4c;
}
h2 {
	font-size: 120%;
	font-family: arial,helvetica,sans-serif;
	color: #0f0b4d; /* Standard display head color */
	font-weight: normal;
	text-shadow: 0.08em 0.08em 0.1em #7e7a4c;
}
h3 {
	font-size: 110%;
	font-family: arial,helvetica,sans-serif;
	color: #0f0b4d; /* Display head color */
	font-weight: normal;
	text-shadow: 0.08em 0.08em 0.1em #7e7a4c;
}
h4 {
	font-size: 100%;
	font-family: arial,helvetica,sans-serif;
	color: #0f0b4d; /* Display head color */
	font-weight: normal;
	text-shadow: 0.08em 0.08em 0.1em #7e7a4c;
}
h5 {
	font-size: 90%;
	font-family: arial,helvetica,sans-serif;
	color: #0f0b4d; /* Display head color */
	font-weight: normal;
	text-shadow: 0.1em 0.1em 0.1em #cff0ff;
}
h6 {
	font-size: 80%;
	font-family: arial,helvetica,sans-serif;
	color: #0f0b4d; /* Display head color */
	font-weight: normal;
	text-shadow: 0.08em 0.08em 0.1em #7e7a4c;
}
a {
	cursor: pointer;
	outline: none;
	color: #264387;
	text-decoration: none;
}
a:link {
	cursor: pointer;
	outline: none;
	color: #264387;
	text-decoration: none;
}
a:visited {
	cursor: pointer;
	outline: none;
	color: #612687;
	text-decoration: none;
}
a:focus {
	cursor: pointer;
	outline: none;
	color: #264387;
	text-decoration: none;
}
a:hover {
	cursor: pointer;
	outline: none;
	color: #264387;
	text-decoration: underline;
}
a:active {
	cursor: pointer;
	outline: none;
	color: #264387;
	text-decoration: none;
}
p {
	margin: .5em 0;
}
.indent {
	text-indent: 1.5em;
}
hr {
	border: none 0;
	border-top: solid #584ee5 1px;
	height: 1px;
	margin: 0 0;
}
dd {
	margin: 0 0 0 1em;
}
ol {
	font-size:75%;
	padding-left:1em;
}

/* Miscellaneous */
.picAndCapRight {
	display: inline;
	float: right;
	padding-left: 12px;
	padding-right: 0;
	font-size: 50%;
	text-align: center;
}
.picAndCapLeft {
	display: inline;
	float: left;
	padding-right: 12px;
	padding-left: 0;
	font-size: 50%;
	text-align: center;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.clearBoth {
	clear: both;
}
.inline {
	display: inline;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.spacer1em {
	height: 1em;
}
.spacer6 {
	height: 6px;
}
.spacer12 {
	height: 12px;
}
.spacer10 {
	height: 10px;
}
.spacer20 {
	height: 20px;
}
.spacer30 {
	height: 30px;
}
.spacer40 {
	height: 40px;
}
.spacer50 {
	height: 50px;
}
.spacer60 {
	height: 60px;
}
.spacer70 {
	height: 70px;
}
.spacer80 {
	height: 80px;
}
.spacer90 {
	height: 90px;
}
.spacer100 {
	height: 100px;
}
.zeroTopMargin {
	margin-top: 0px;
}
.noMargins {
	margin: 0px;
}
.inlineSpacer50 {
	display: inline-block;
	width: 50px;
}
.nobr {
	white-space: nowrap;
}
.smallText {
	font-size: 80%;
}
.centeredElement {
	padding: 0;
	text-align: center;
}

/* All pages */
#mainContentOuter {
	width: 980px;
	margin: 12px auto;
}
#mastHead {
	width: 980px;
	height: 65px;
	-webkit-border-radius-topleft: 11px;
	-moz-border-radius-topleft: 11px;
	-o-border-radius-topleft: 11px;
	-khtml-border-radius-topleft: 11px;
	border-top-left-radius: 11px;
	-webkit-border-radius-topright: 11px;
	-moz-border-radius-topright: 11px;
	-o-border-radius-topright: 11px;
	-khtml-border-radius-topright: 11px;
	border-top-right-radius: 11px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	background: #4183a7;
	background: -webkit-gradient(linear, left top, left bottom, from(#d1ecf7), to(#4183a7));
	background: -moz-linear-gradient(top, #d1ecf7, #4183a7);
	background: -o-linear-gradient(top, #d1ecf7, #4183a7);
	background: -khtml-linear-gradient(top, #d1ecf7, #4183a7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ecf7', endColorstr='#4183a7');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ecf7', endColorstr='#4183a7');
}
#siteTitle {
	float: left;
	padding: 16px 0 0 20px;
	width: 172px;
}
#siteTitle a,#siteTitle a:link,#siteTitle a:visited,#siteTitle a:focus,#siteTitle a:hover,#siteTitle a:active {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#search {
	float: left;
	padding: 23px 0 0 0;
	width: 750px;
}
#searchInput {
	width: 724px;
	height: 20px;
	padding-left: 3px;
	line-height: 1.6em;
	color: #c1c1c1;
	border: solid #4183a7 1px;
	border-right: none;
	float: left;
}
#searchButton {
	float: left;
	width: 22px;
	height: 22px;
	margin-top: 0;
	border: none;
	background:  url('../images/search_button.png') no-repeat;
}
#topNav {
	font-size: 85%;
	width: 978px;
	height: 23px;
	background: #497da2;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#c9e9f8),to(#497da2));
	background-image: -moz-linear-gradient(#c9e9f8,#497da2);
	background-image: -ms-linear-gradient(#c9e9f8,#497da2);
	background-image: -o-linear-gradient(#c9e9f8,#497da2);
	background-image: linear-gradient(#c9e9f8,#497da2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c9e9f8', endColorstr='#497da2');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c9e9f8', endColorstr='#497da2');
}
#topNav ul {
	list-style-type: none;
	float: left;
	width: 100%;
	margin-top: 3px;
	margin-left: 3px;
}
#topNav ul li {
	display: inline;
	font-weight: bold;
	color: #fff;
}
#topNav ul li a {
	color: #fff;
	text-decoration: none;
	padding: 6px 20px 3px 20px;
	margin: 0 -3px;
}
#topNav ul li a.currentPage {
	cursor: default;
	color: #0f0b4d;
	text-decoration: none;
	background-color: #fbc3ce !important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fbc3ce),to(#781f0d)) !important;
	background-image: -moz-linear-gradient(left, #fbc3ce, #781f0d) !important;
	background-image: -ms-linear-gradient(left,#fbc3ce,#781f0d) !important;
	background-image: -o-linear-gradient(360deg,#fbc3ce,#781f0d) !important;
	background-image: linear-gradient(left center, right center, from(#fbc3ce), to(#781f0d)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#fbc3ce', endColorstr='#781f0d') !important;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#fbc3ce', endColorstr='#781f0d') !important;
}
#topNav ul li a.currentPage:hover {
	color: #0f0b4d;
}
#topNav ul li a:link {
	color: #fff;
	text-decoration: none;
}
#topNav ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#topNav ul li a:focus {
	color: #fff;
	text-decoration: none;
}
#topNav ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #cff0ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#cff0ff), to(#5fa2d2));
	background: -moz-linear-gradient(top, #cff0ff, #5fa2d2);
	background: -o-linear-gradient(top, #cff0ff, #5fa2d2);
	background: -khtml-linear-gradient(top, #cff0ff, #5fa2d2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cff0ff', endColorstr='#5fa2d2');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cff0ff', endColorstr='#5fa2d2');
}
#topNav ul li a:active {
	color: #fff;
	text-decoration: none;
	background-color: #5fa2d2 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#5fa2d2), to(#cff0ff)) !important;
	background: -moz-linear-gradient(top, #5fa2d2, #cff0ff) !important;
	background: -o-linear-gradient(top, #5fa2d2, #cff0ff) !important;
	background: -khtml-linear-gradient(top, #5fa2d2, #cff0ff) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fa2d2', endColorstr='#cff0ff') !important;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fa2d2', endColorstr='#cff0ff') !important;
}
#contentEdges {
	width: 978px;
	border-left: solid #4183a7 1px;
	border-right: solid #4183a7 1px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
}
#leftCol {
	width: 180px;
	float: left;
	background: #f5f5f5;
}
#leftCol p {
	margin: 0;
	line-height: 0.8em;
}
#leftCol .leftColButton {
	padding: 8px 0;
	text-align: center;
}
#leftCol .addressText {
	padding: 6px 0;
	line-height: 1.2em;
}
#leftCol .emailAdd {
	font-family: 'Arial Narrow','sans serif';
}
.leftColLinkList {
	list-style-type: none;
}
.leftColLinkList li {
	font-size: 75%;
	border-top: solid #4183a7 1px;
	padding: 6px 0 6px 6px;
	font-family: 'Arial Narrow', 'sans-serif';
	background: #d1ecf7;
	background: -webkit-gradient(linear, left top, left bottom, from(#d1ecf7), to(#f5f5f5));
	background: -moz-linear-gradient(top, #d1ecf7, #f5f5f5);
	background: -o-linear-gradient(top, #d1ecf7, #f5f5f5);
	background: -khtml-linear-gradient(top, #d1ecf7, #f5f5f5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ecf7', endColorstr='#f5f5f5');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ecf7', endColorstr='#f5f5f5');
	margin-bottom: 1px;
}
.leftColLinkList li:hover {
	background: #e7e5ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#e7e5ff), to(#f5f5f5));
	background: -moz-linear-gradient(top, #e7e5ff, #f5f5f5);
	background: -o-linear-gradient(top, #e7e5ff, #f5f5f5);
	background: -khtml-linear-gradient(top, #e7e5ff, #f5f5f5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e5ff', endColorstr='#f5f5f5');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e5ff', endColorstr='#f5f5f5');
}
.leftColLinkList li.currentPage {
	background: #a099ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#a099ff), to(#f5f5f5));
	background: -moz-linear-gradient(top, #a099ff, #f5f5f5);
	background: -o-linear-gradient(top, #a099ff, #f5f5f5);
	background: -khtml-linear-gradient(top, #a099ff, #f5f5f5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a099ff', endColorstr='#f5f5f5');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a099ff', endColorstr='#f5f5f5');
}
#mainContentInner {
	float: left;
	width: 797px;
	border-left: solid #4183a7 1px;
	background: #f5f5f5;
}
.offsiteLink img {
	vertical-align: baseline;
}
.iconImage {
	width: 18px;
	height: 18px;
	border: none;
	vertical-align: text-bottom;
}
.iconImage a {
	outline: none;
}
#footer {
	width: 980px;
	height: 35px;
	-webkit-border-radius-bottomleft: 11px;
	-moz-border-radius-bottomleft: 11px;
	-o-border-radius-bottomleft: 11px;
	-khtml-border-radius-bottomleft: 11px;
	border-bottom-left-radius: 11px;
	-webkit-border-radius-bottomright: 11px;
	-moz-border-radius-bottomright: 11px;
	-o-border-radius-bottomright: 11px;
	-khtml-border-radius-bottomright: 11px;
	border-bottom-right-radius: 11px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	background: #4183a7;
	background: -webkit-gradient(linear, left top, left bottom, from(#4183a7), to(#d1ecf7));
	background: -moz-linear-gradient(top, #d1ecf7, #4183a7);
	background: -o-linear-gradient(top, #d1ecf7, #4183a7);
	background: -khtml-linear-gradient(top, #d1ecf7, #4183a7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ecf7', endColorstr='#4183a7');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ecf7', endColorstr='#4183a7');
}
#footer table {
	margin: 0;
	padding: 0;
	width: 100%;
}
#copyright {
	text-align: left;
	font-size: 50%;
	color: #fff;
	padding: 9px 0 0 20px;
	width: 33.3%;
}
#credits {
	text-align: center;
	padding: 9px 0 0 0;
	color: #fff;
	font-size: 50%;
	width: 33.3%;
}
#credits a {
	color: #fff;
}
#lastRevision {
	font-size: 50%;
	color: #fff;
	text-align: right;
	padding: 9px 20px 0 0;
	width: 33.3%;
}

/* Miscellaneous */
/* zoomBanner */
#zoomBanner {
	background: #77fcfa;
	background-image:url('../images/teachingBG.png');
	background-repeat: no-repeat;
	background-position: right;
	border: solid #4183a7 1px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px 20px;
}
#zoomBanner table {
	font-size: 80%;
	width: 75%;
}
#zoomBanner h4 {
	color: #9e0b0f;
}
/* zoom Banner */
/* kulaks Banner */
#kulaksBanner {
	background: #ffffff;
	background-image:url('../images/kulaksBG.png');
	background-repeat: no-repeat;
	background-position: right;
	border: solid #4183a7 1px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px 20px;
}
#kulaksBanner table {
	font-size: 80%;
	width: 75%;
}
#kulaksBanner h4 {
	color: #9e0b0f;
}
/* kulaks Banner */
#linkHopsBanner {
	background: #f68e56;
	background-image:url('../images/linkHopsBG.png');
	background-repeat: no-repeat;
	background-position: right;
	border: solid #4183a7 1px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px 20px;
}
#linkHopsBanner table {
	font-size: 80%;
	width: 75%;
}
#linkHopsBanner h4 {
	color: #9e0b0f;
}
/* riverRhythms Banner */
#riverRhythmsBanner {
	background: #c6a6e9;
	background-image:url('../images/riverRhythmsBG.png');
	background-repeat: no-repeat;
	background-position: right;
	border: solid #4183a7 1px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px 20px;
}
#riverRhythmsBanner table {
	font-size: 80%;
	width: 75%;
}
#riverRhythmsBanner h4 {
	color: #004a80;
}
/* meetJason Banner */
#meetJasonBanner {
	background: #ffffff;
	background-image:url('../images/meetJasonBG.png');
	background-repeat: no-repeat;
	background-position: right;
	border: solid #4183a7 1px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px 20px;
}
#meetJasonBanner table {
	font-size: 80%;
	width: 75%;
}
#meetJasonBanner h4 {
	color: #004a80;
}
/* Rooftop Banner */
#rooftopBanner {
	background: #60c5ca;
	background-image:url('../images/rooftopBG.png');
	background-repeat: no-repeat;
	background-position: right;
	border: solid #4183a7 1px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px 20px;
}
#rooftopBanner table {
	font-size: 80%;
	width: 75%;
}
#rooftopBanner h4 {
	color: #f1d266;
}
/* camping banner */
#campingBanner {
	background: #296724;
	background-image:url('../images/campingBG.png');
	background-repeat: no-repeat;
	background-position: right;
	border: solid #4183a7 1px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px 20px;
}
#campingBanner table {
	font-size: 80%;
	width: 75%;
}
#campingBanner h4 {
	color: #f1d266;
}
/* recital banner */
#recitalBanner {
	background: #57d04d;
	background-image:url('../images/recitalBG.png');
	background-repeat: no-repeat;
	background-position: right;
	border: solid #4183a7 1px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px 20px;
}

#recitalBanner table {
	font-size: 80%;
	width: 75%;
}
#recitalBanner h4 {
	color: #b12319;
}
/* avuc banner */
#avucBanner {
	background: #f1d266;
	background-image:url('../images/avuclub_BG.png');
	background-repeat: no-repeat;
	background-position: right;
	border: solid #4183a7 1px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px 20px;
}
#avucBanner table {
	font-size: 80%;
	width: 75%;
}
#avucBanner h4 {
	color: #b12319;
}
#ttsBanner {
	background: #f1d266;
	background-image:url('../images/ttsBG.png');
	background-repeat: no-repeat;
	background-position: right;
	border: solid #4183a7 1px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 15px #c4c9d2;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 5px 5px 15px #c4c9d2;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px 20px;
}
#ttsBanner table {
	font-size: 80%;
	width: 75%;
}
#ttsBanner h4 {
	color: #b12319;
}
#hotStuff {
	background: #fff0f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff0f0));
	background: -moz-linear-gradient(top, #fff, #fff0f0);
	background: -o-linear-gradient(top, #fff, #fff0f0);
	background: -khtml-linear-gradient(top, #fff, #fff0f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff0f0');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff0f0');
	border: #497da2 dotted 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-box-shadow: 3px 3px 10px pink;
	-moz-box-shadow: 5px 5px 15px #c4c9d2;
	-o-box-shadow: 5px 5px 15px #c4c9d2;
	-khtml-box-shadow: 5px 5px 15px #c4c9d2;
	box-shadow: 3px 3px 10px #497da2;
	margin-right: 20px;
	margin-bottom: 12px;
	padding: 2px 12px;
}
#hotStuff h4 {
	text-align: center;
	padding: .5em 0;
}
#hotStuff a,#hotStuff a:link,#hotStuff a:visited,#hotStuff a:focus,#hotStuff a:hover,#hotStuff a:active {
	color: #6d1914;
	font-style: italic;
}
.youTubeContainer {
	width: 38%;
	float: left;
	margin: 1em;
	padding: 1em 1em 0 1em;
	box-shadow: .3em .3em 1em #666;
	-webkit-box-shadow: .3em .3em 1em #666;
	-moz-box-shadow: .3em .3em 1em #666;
	box-shadow: .3em .3em 1em #666;
	background-color: #d3edf8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#d3edf8),to(#f7d5d6));
	background-image: -moz-linear-gradient(#d3edf8,#f7d5d6);
	background-image: -ms-linear-gradient(#d3edf8,#f7d5d6);
	background-image: -o-linear-gradient(#d3edf8,#f7d5d6);
	background-image: linear-gradient(#d3edf8,#f7d5d6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d3edf8', endColorstr='#f7d5d6');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d3edf8', endColorstr='#f7d5d6');
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	border: 1px solid #f7d5d6;
	text-align: center;
}
.youTubeContainer iframe {
	-webkit-border-radius: 1em !important;
	-moz-border-radius: 1em !important;
	border-radius: 1em !important;
}
.listStd {
	list-style-type: none;
	margin-top: 1em;
	margin-left: 0;
}
.listStd li {
	list-style-type: none;
	margin-top: .5em;
	font-size: 150%;
}
#videoList li {
	font-size: 100%;
}

/* Home page */
#portraitContainer {
	width: 180px;
}
#mainContentArea {
	width: 777px;
	margin: 12px 0 0 20px;
}
#mainContentArea p {
	margin-right: 20px;
	font-size: 80%;
}
#mainContentArea h3 {
	margin-bottom: 0;
}
.eventList {
	list-style-type: square;
	margin-top: 12px;
	margin-left: 14px;
	margin-right: 20px;
}
.eventList li {
	font-size: 80%;
	padding: 4px;
	margin-top: 1px;
	border-top: #5fa2d2 solid 1px;
	-webkit-border-top-left-radius: .5em;
	-moz-border-top-left-radius: .5em;
	border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-top-right-radius: .5em;
	border-top-right-radius: .5em;
	background-color: #cff0ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#cff0ff), to(#f5f5f5));
	background: -moz-linear-gradient(top, #cff0ff, #f5f5f5);
	background: -o-linear-gradient(top, #cff0ff, #f5f5f5);
	background: -khtml-linear-gradient(top, #cff0ff, #f5f5f5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cff0ff', endColorstr='#f5f5f5');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cff0ff', endColorstr='#f5f5f5');
}
.linkList {
	list-style-type: square;
	margin-top: 12px;
	margin-left: 14px;
	margin-right: 20px;
}
.linkList li {
	font-size: 80%;
	padding: 4px;
	margin-top: 1px;
	border-top: #5fa2d2 solid 1px;
	-webkit-border-top-left-radius: .5em;
	-moz-border-top-left-radius: .5em;
	border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-top-right-radius: .5em;
	border-top-right-radius: .5em;
	background-color: #f7d5d6;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f7d5d6),to(#f5f5f5));
	background-image: -moz-linear-gradient(#f7d5d6,#f5f5f5);
	background-image: -ms-linear-gradient(#f7d5d6,#f5f5f5);
	background-image: -o-linear-gradient(#f7d5d6,#f5f5f5);
	background-image: linear-gradient(#f7d5d6,#f5f5f5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f7d5d6', endColorstr='#f5f5f5');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f7d5d6', endColorstr='#f5f5f5');
}
.customSizeHome {
	font-size: 105%;
}

/* Lessons page */
.customSizeLessons {
	font-size: 105%;
}

/* Card page */
#cardPageContainer {
	background:#464646;
	padding: .5em 0;
}
#cardHolder {
	padding: .5em 0;
	width: 400px;
}
#cardHolder img {
	width: 90%;
	border: inset 2px #999;
}

/* Recital page */
#recitalPics img {
	vertical-align: text-top;
	margin-bottom: .3em;
}

/* Form elements */
.buttonStd {
	width: 0;
	overflow: visible;
	color: #fff !important;
	font-size: 80%;
	font-weight: bold;
	padding: .5em .3em;
	border: none !important;
	background: #497da2;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#c9e9f8),to(#497da2));
	background-image: -moz-linear-gradient(#c9e9f8,#497da2);
	background-image: -ms-linear-gradient(#c9e9f8,#497da2);
	background-image: -o-linear-gradient(#c9e9f8,#497da2);
	background-image: linear-gradient(#c9e9f8,#497da2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c9e9f8', endColorstr='#497da2');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c9e9f8', endColorstr='#497da2');
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	-khtml-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	-o-box-shadow: 1px 1px 3px #333;
	-khtml-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333;
}
.buttonStd[class] {
	width: auto;
}
.buttonStd:hover {
	cursor: pointer;
	background-color: #cff0ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#cff0ff), to(#5fa2d2));
	background: -moz-linear-gradient(top, #cff0ff, #5fa2d2);
	background: -o-linear-gradient(top, #cff0ff, #5fa2d2);
	background: -khtml-linear-gradient(top, #cff0ff, #5fa2d2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cff0ff', endColorstr='#5fa2d2');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cff0ff', endColorstr='#5fa2d2');
}
.buttonStd:active {
	background-color: #5fa2d2;
	background: -webkit-gradient(linear, left top, left bottom, from(#5fa2d2), to(#cff0ff));
	background: -moz-linear-gradient(top, #5fa2d2, #cff0ff);
	background: -o-linear-gradient(top, #5fa2d2, #cff0ff);
	background: -khtml-linear-gradient(top, #5fa2d2, #cff0ff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fa2d2', endColorstr='#cff0ff');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fa2d2', endColorstr='#cff0ff');
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-khtml-box-shadow: none;
	box-shadow: none;
}
.inlineButton {
	cursor: pointer;
	border: 1px solid #999;
	color: #fff !important;
	background-color: #c9e9f8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#c9e9f8),to(#497da2));
	background-image: -moz-linear-gradient(#c9e9f8,#497da2);
	background-image: -ms-linear-gradient(#c9e9f8,#497da2);
	background-image: -o-linear-gradient(#c9e9f8,#497da2);
	background-image: linear-gradient(#c9e9f8,#497da2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c9e9f8', endColorstr='#497da2');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c9e9f8', endColorstr='#497da2');
	color: #e6d89a;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	-webkit-border-radius: .7em;
	-moz-border-radius: .7em;
	border-radius: .7em;
	padding: .3em .3em;
	margin: .5em auto;
	width: 150px;
	box-shadow: .1em .1em .2em #666;
	-webkit-box-shadow: .1em .1em .2em #666;
	-moz-box-shadow: .1em .1em .2em #666;
	box-shadow: .1em .1em .2em #666;
	text-shadow: .1em .1em .1em #666;
}
/* Miscellaneous */
#contactWrapper {
	margin: 20px;
	height: 250px;
	background: #f5f5f5;
}

/* Captcha code */
input[type=text] {
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
button{
  background-color: none;
    border: none;
    color: white;
    padding: 12px 30px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}
canvas{
  /*prevent interaction with the canvas*/
  pointer-events:none;
}