/* CSS Document */
html, body { height: 100%; margin: 0; padding: 0; font: 100% Verdana, Arial, Helvetica, sans-serif; background: #fff;}
body p, body li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #666666; line-height: 16px;}
tr { vertical-align:top; }
#bodyContent  { padding: 0 ; margin: 0 0 10px 0; display:block;}
#bodyContent p, #bodyContent li { padding: 0 20px 0 20px;}
a:link, a:active, a:visited {color:#786450; text-decoration:none;}
a:hover {text-decoration:underline;}

#container4 { width: 100%; margin: 0 auto; border: 0; padding: 0; min-height: 100%; }
* html #container4 { height: 100%; } /*IE browsers less than IE7*/
#clearfooter { height: -42px; border: 0; margin: 0; padding: 0; } 
#footer2 { width: 100%; text-align: center; height: 42px; padding: 0 0 0 0; margin: -42px auto 0 auto; border: 0; background:#fff url(../images/tile_03.jpg) repeat-x; } 
html { overflow-y: scroll; } /* to create a vertical dummy scrollbar in Firefox or Safari which would not have a scrollbar with height 100%. If you move to and from pages which don't have a vertical scrollbar to a page which does, it makes the page content jump sideways without a forced dummy scrollbar (works in Firefox and Safari but not in Opera; IE always shows a dummy scrollbar; Opera needs min-height and height: 101% in the container styles but it causes a standard scrollbar, not a dummy, and is less correct.)*/
#container4 h1 { margin: 0px; padding: 0px; }


/* from my stylesheet */
#footerContent {
	width: 760px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}	
#footerContent p {
	margin: 0;
	padding: 0;
	color: #786450;
	position: relative;
	left: 25px;
	top: 4px;
	font-size:10px;
	line-height: 19px;
	background: none;
}
#springboard {width:190px; line-height: 13px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; padding: 2px 0 0 0;}

.bodyItalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	font-style: italic;
	color: #959DAB;
}
.formDescriptor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	color: #333333;
}
.formNotes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
	color: #5B6577;
}
.formRequired {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
	color: #FF0000;
}
.inlineImageRight {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: right;
}
.inlineImageLeft {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}
.subheadPianos {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	color: #CD9100;
}
.subSubHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	color: #000000;
}
.bodyCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	color: #5B6577;
}
a.footerLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
a.footerLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
a.footerLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C49B2B;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;