@charset "UTF-8";
body {
	background: url(../images/bg-ps.jpg) repeat-x;/*or #969B77*/
	font-size: 16px;
	margin: 10px;
	padding: 0px;
	line-height: 100%;
}
.wrapper {
	width: 980px;
	float: none;
	position: relative;
	padding: 1px;
	margin: 0px auto;
	background: url(../images/bgTranspkKeysWide.png);
	border-style: none;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #BDBDA2;
	color: #333;
	border: 2px inset #CCC;
	margin-bottom: 3px;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom:3px;
}
textarea {
	background: #BDBDA2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	border: 2px inset #CCC;
}
h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.5em;
	color: #202020;
	font-weight: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: right;
	color: #202020;
	margin-right: 5px;
}
h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.4em;
	text-align: center;
	color: #551D21;
	font-weight: bold;
	line-height: 100%;
	padding-top: 12px;
	white-space:nowrap;
}
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 108%;
	margin-left: 3px;
}
form  {
	padding: 10px 20px;
	line-height: 1.5em;
}
a img{
	border-style: none;
	outline: none;
}
a:link {
	text-decoration: none;
	color: #E9DFE5;
}
a:visited {
	text-decoration: none;
	color: #E9DFE5;
}
a:hover {
	text-decoration: underline;
	color: #E9DFE5;
}
a:active {
	text-decoration: none;
}
.callPianoTuner {
	position:absolute;
	width:534px;
	z-index:1;
	left: 423px;
	top: 128px;
	font-size: 1.35em;
	text-align: right;
}
.mainContent  {
	height: 100%;
	width: 95%;
	margin: 1em;
	padding: .5em;
}
.ital {
	font-style: italic;
}
.centerText {
	height: 100%;
	width: 41%;
	margin-left: 25%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	font-size: 125%;
}

.mainContentTeacher {
	height: 100%;
	width: 92%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	font-size: 125%;
	margin-left: 4%;
	margin-right: 4%;
}
.centerText H3 {
	font-size: 105%;
	margin-top: .8em;
}
.rightPic {
	float: right;
	margin-right: 0.5em;
	height: 238px;
	width: 317px;
	clear: right;
	margin-bottom: 40px;
}
.indexRightPic {
	float: right;
	margin-right: 0.5em;
	height: 1038px;
	width: 317px;
	clear: right;
	
}
.rightSidebarText {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	padding: 40px 5px 10px 30px;
	margin: 1px;
	text-align: center;
}
.indexRightText {
	height: 100%;
	width: 100%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 120%;
	font-size: 120%;
	color: #000;
}
.bandNames {
	text-align: center;
	font-size:80%;
	line-height: 130%;
}

.topNav {
	font-family: Tahoma, Geneva, sans-serif;
	color: #E9DFE5;
	letter-spacing: .1em;
	text-align: center;
	margin: 135px 0px 0px;
	padding: 0px;
}

.topnav a:link {
	text-decoration: none;
	color: #FFF;
}
.topNav a:hover {
	text-decoration:underline;
}
.underline a:link {
	text-decoration: underline;
	color: #FFF;
}
#aboveVideoText {
	clear: right;
	float: right;
	height: auto;
	width: 305px;
}

#pianoTuningLogo {
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	outline:0;
	left: 26px;
	top: 39px;
}


#pianoTunerHeaderTop {
	position:absolute;
	width:350px;
	height:auto;
	z-index:1;
	left: 518px;
	top: 22px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.75em;
	line-height: 10px;
	text-align: right;
}
#italic {
	font-style: italic;
	font-size: 0.7em;
	font-weight: bold;
}
#phone {
	font-size: .9em;
	font-weight: bold;
}
#emailPianoTuner a:hover img  {
	outline: 3px solid #fff;
	
}

#emailPianoTuner {
	position:absolute;
	width:72px;
	height:65px;
	left: 885px;
	top: 45px;
}
.keyText  {
	color: #E9DFE5;
	z-index: 2;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.2ex;
	padding: 7px;
}
.keytext a:link {
	text-decoration: none;
}
.keytext a:visited {
	text-decoration: none;
}

#pianoKey1 {
	position:absolute;
	width:176px;
	height:19px;
	z-index:1;
	left: 12px;
	top: 277px;
}
#topKeyPopUp {
	position:absolute;
	width:430px;
	height:354px;
	left: 217px;
	top: 245px;
	visibility: hidden;
	background: url(../images/1stKeyPopUp.png) no-repeat;
}
#topKeyPara {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 120%;
	/* [disabled]height: 354px; */
	width: 370px;
	padding-left: 45px;
	margin: auto 10px auto 6px;
}


#pianoKey2 {
	position:absolute;
	z-index:1;
	left: 12px;
	top: 330px;
	width:176px;
	height:19px;
}

#secondKeyPopUp {
	position:absolute;
	width:430px;
	height:354px;
	z-index:20;
	background: url(../images/2ndKeyPopUp.png) no-repeat;
	top: 295px;
	visibility: hidden;
	left: 217px;
	font-family: Arial, Helvetica, sans-serif;
}
#secondKeyParaTop {
	height: 80px;
	width: 370px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 33px;
	font-size: 1.1em;
	line-height: 120%;
}
#secondKeyCol1 {
	height: 210px;
	width: 125px;
	float: left;
}
#secondKeyCol2 {
	height: 210px;
	width: 125px;
	float: left;
}
#secondKeyCol3 {
	height: 210px;
	width: 120px;
	float: left;
}
#secondKeyParaBot {
	height: 72px;
	width: 370px;
	padding-left: 33px;
	margin-top: 18px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.1em;
	line-height: 120%;
}
#pianoKey3 {
	position:absolute;
	width:192px;
	height:19px;
	z-index:1;
	left: -1px;
	top: 385px;
}

#thirdKeyPopUp {
	position:absolute;
	width:430px;
	height:354px;
	z-index:1;
	background: url(../images/3rdKeyPopUp.png) no-repeat;
	top: 345px;
	visibility: hidden;
	left: 217px;
}
#thirdKeyPara {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 120%;
	height: 354px;
	width: 370px;
	padding-left: 33px;
	margin: auto 6px auto 10px;
}
#pianoKey4 {
	position:absolute;
	width:176px;
	height:19px;
	z-index:1;
	left: 12px;
	top: 477px;
}
#fourthKeyPopUp {
	position:absolute;
	width:430px;
	height:354px;
	z-index:1;
	background: url(../images/4thKeyPopUp.png) no-repeat;
	top: 445px;
	visibility: hidden;
	left: 216px;
}
#fourthKeyPara {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 120%;
	height: 354px;
	width: 370px;
	padding-left: 33px;
	margin: auto 6px auto 10px;
}
#secondKeyPara {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 120%;
	height: 354px;
	width: 370px;
	padding-left: 33px;
	margin: auto 6px auto 10px;
}
#pianoKey5 {
	position:absolute;
	width:176px;
	height:19px;
	z-index:1;
	left: 12px;
	top: 534px;
}
#fifthKeyPopUp {
	position:absolute;
	width:430px;
	height:354px;
	z-index:1;
	background: url(../images/5thKeyPopUp.png) no-repeat;
	top: 495px;
	visibility: hidden;
	left: 216px;
}
#pianoTunerTimJasnau {
	position:absolute;
	width:132px;
	z-index:2;
	left: 57px;
	top: 647px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#pianoTunerPicName {
	font-size: .8em;
	height: 12px;
	width: 132px;
	text-align: center;
	position: absolute;
	left: 57px;
	top: 810px;
}

.mainContentTeacher h3 {
	color: #202020;
	font-size: 1.7em;
}
.sortInstructions {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.1em;
	color: #202020;
	font-style: italic;
	font-weight: 500;
	margin-left: .5em;
}
.sortable-firstrow {
	background: #a3927a;
}
.sortable th{
	background: #a3927a;
	color: #202020;
	height: 40px;
	padding: 6px;
	margin: 0px;
}
.centeredText   {
	text-align: center;
}
.triggerText {
	color: #00C;
}
table {
	margin: auto;
	width: 95%;
	border: 3px inset #FFF;
}

th {
	outline-image:none;
	/* [disabled]line-height: 110%; */
	/* [disabled]font-weight: bold; */
	/* [disabled]height: 78px; */
	border-width: 1px;
	border-style: solid;
	padding: 5px;
}
th a:link {
	text-decoration: none;
	border: none;
	outline: none;
	color: #000;
}
th a:visited {
	color: #f0f1ec;
	text-decoration: underline;
	outline: none;
	border: none;
}
th a:hover {
	color: #6C0C1D;
	text-decoration: none;
}
th a:focus {
	color: #E9DFE5;
	text-decoration: none;
}
td a:link {
	color: #00C;
	text-decoration: underline;
	font-size: 1em;
}
td a:visited {
	color: #00C;
	text-decoration: underline;
}
td a:hover {
	color: #03F;
	text-decoration: underline;
}
#sortable-teacher-table {
}
 
#findATeacher {
	width: 980px;
	float: none;
	position: relative;
	padding: 1px;
	margin: 0px auto;
	background: url(../images/bgTranspTopNavOnly-wider.png);
}
#findATeacher .mainContent #contact {
	margin: auto;
	width: 95%;
	border: 4px groove #777;
}
#PSaddress {
	margin: 0px;
	clear: none;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	height: 360px;
	width: 260px;
}
.black-link-underlined a:link {
	color: #000;
	text-decoration: underline;
}
.black-link-underlined a:hover {
	color: #000;
	text-decoration: underline;
}