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

body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #990000;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
.subpage #container {
	width: 750px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left;
}

.subpage #header {
	background: #FFBA5A; 
	padding: 1px 0 0 0;
	height: 30px;
	margin: 0;

}
.subpage #header li {
	display: inline;
	margin: 0;
	padding: 0 20px 0 0;
}

.subpage #header a{
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000; 
	text-decoration:none
}

.subpage #header a:hover{
	color:#FFFFFF; 
	text-decoration:none
}

#header ul {
	margin-top: 5px;
}

img {
	border: 0px;
}

#tableofcontents {
	width: 650px;
	padding: 0 10px;
	margin: 0 0 20px 0;
}

#tableofcontents li {
	margin-bottom: 5px;
}

#tableofcontents #unitimage {
	float: right;
	text-align: center;
}

#mainContent .twoimages {
	width: 650px;
}

.floatright {
	float: right;
	margin-right: 50px;
	text-align: left;
}

.floatleft {
	float: left;
	margin-left: 50px;
	text-align: left;
}

#bottomnav {
	margin: 40px 20px 0 20px;
}

#bottomnav2{
	width: 650px;
	text-align: center;
	margin-bottom: 20px;
}

.contentstyle {
	background: #990000;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	size: 1em;
	text-align: center;
}


#return_footerlink {
	text-align: center;
	margin-bottom: 15px;
}

#return_footerlink2 a{
	color: #990000; 
	text-decoration:none; 
	font:Arial, Helvetica, sans-serif; 
	font-size: .9em; 
	font-weight: bold;
	text-align: center;
}

#return_footerlink2 a:hover {
	color: #FFBA5A; 
	text-decoration:underline; 
	font:Arial, Helvetica, sans-serif; 
	font-size: .9em; 
	font-weight: bold;
	text-align: center;
}

#blue_stripe {
	width: 750px;
	background: #B6CBDE;
	text-align:center;
	margin: 0;
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	color: #660000; 
	text-align: center;
}

#yellow_stripe {
	width: 750px;
	background: #FFCC66;
	text-align:center;
	margin: 0;
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	color:#660000; 
	text-align: center;
}

/*TOP LOGO SECTION*/

#top_section {
	width: 750px;
	height: 69px;
	align: center;
	background: #990000;
	padding: 0;
	margin: 0;
		
}

/*SEARCH BOX*/

#googlesearch {
float:right;
margin: 0;
padding: 40px 5px 0 0;

}

 

/*MAIN BODY TEXT*/
.subpage #mainContent {
	padding: 0 40px; 
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em; 
	color: #660000;
	line-height: 150%;
}

/*FOR QUOTES*/
#mainContent .quote {
	color: #660000;
	line-height: 110%;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 2em;
}

#mainContent .quote2 {
	color: #660000;
	line-height: 180%;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 2em;
}

/*FOR ITALICS*/
.italic {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

.italic2 {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	font-size: 1em;
}

.italic3 {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	font-size: .8em;
}

.italic4 {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	font-size: .8em;
}
.italic6 {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	font-size: .9em;
}

/*FOR ITALICS WITH LESS SPACE BETWEEN THE LINES*/
#mainContent .italic_nospace {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height: 120%;
	font-size: .8em;
}

/*FOR UNDERLINE*/
.underline {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/*FOR HEADER UNDERLINE*/
.underlineheader {
color: #990000; 
	text-decoration: underline; 
	font:Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold
}

/*FOR BULLETS*/
#mainContent ul .bullet {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	list-style: outside;
	list-style: disc;
}

ul.bullet li {
	padding-bottom: 10px;
}

/*FOR NUMBERED LISTS*/
#numbered li {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px;
}

.numbered li {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px;
}

/*FOR Roman Numeral NUMBERED LISTS*/
#mainContent .roman {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	list-style:lower-roman;
}

/*FOR BIG HEADERS*/
#mainContent .bigtitle {
	color: #990000;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*FOR CENTERED BIG HEADERS*/
#mainContent .bigtitle_center {
	color: #990000;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

.bigtitle_center {
	color: #990000;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

/*FOR SMALL HEADERS*/
#mainContent .smltitle {
	color: #990000;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*FOR CENTERED SMALL HEADERS*/
#mainContent .smltitle_center {
	color: #990000;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

/*FOR CENTERED UNBOLD HEADERS*/

.unboldtitle_center {
	color: #990000;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
}

/*FOR LINKS*/
#mainContent a {
	color: #990000; 
	text-decoration:none; 
	font:Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold
}

/*FOR HOVERING OVER LINKS*/
#mainContent a:hover {
	color: #FFBA5A; 
	text-decoration:underline; 
	font:Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold;
}

/*FOR GLOSSARY HEADER*/
h1.glossary {
	color: #FFF; 
	font:Arial, Helvetica, sans-serif; 
	font-size: 1.5em; 
	font-weight: bold;
	text-align: left;
	border-bottom: 1px #FFFFFF solid;
	padding: 5px
}

/*FOR GLOSSARY TEXT*/
p.glossarytext {
	color: #FFF; 
	font:Arial, Helvetica, sans-serif; 
	font-size: .9em; 
	font-weight: normal;
	text-align: left;
	margin: 5px;
}



/*FOR FOOTER*/
.subpage #footer {
	text-decoration: none;
	color: #ffba5a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align:center;	
	margin-top: 10px;	
}

/*FOR FOOTER LINKS*/
.subpage #footer a {
	text-decoration: none;
	color: #ffba5a;
	font-family: Arial, Helvetica, sans-serif;
}


/*FOR FINGERING CHART*/
ul.fingeringchart {
	list-style: none;
}

.fingeringchart li{
	list-style: none;
	padding-top: 35px;
	margin-left: -30px;
}

.fingeringchart2 li{
	list-style: none;
	padding-top: 42px;
	margin-left: -40px;
}

/*FOR HOVERING OVER FOOTER LINKS*/
.subpage #footer a:hover {
	text-decoration: underline;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

/*FOR TINY GOLD COPYRIGHT INFO AT BOTTOM OF PAGE*/
.subpage #copyright {
	font-size: .85em;
	color: #ffba5a;
}


/*FOR TINY BLUE COPYRIGHT INFO AT BOTTOM OF PAGE*/
.subpage #bluecopyright {
	font-size: .75em;
	color: #660000;
	text-align: left;
}

.subpage #copyright_two {
	font-size: .75em;
	color: #660000;
	text-align: center;
}

#copyright_two {
	font-size: .75em;
	color: #660000;
	text-align: center;
}

.copyright_two {
	font-size: .75em;
	color: #660000;
	text-align: center;
}

#copyright_three {
	font-size: .75em;
	color: #660000;
	text-align: left;
	font-style: italic;
}

.copyright_three {
	font-size: .75em;
	color: #660000;
	text-align: left;
	font-style: italic;
}

.endtext3 {
	font-size: .75em;
	color: #660000;
	text-align: left;
}

/*ignore this...*/
.clearfloat {
	clear: both;
}

#bottomgoldbar {
	clear: both;
	height: 15px;
	background: #FFBA5A;
}

/*THIS WHOLE NEXT SECTION IS FOR THE TOP ROLLOVER NAVIGATION FOR NUMBERS*/
.subpage .menu {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	position: relative;
	height: 65px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 750px;
	background: #FFFFFF;
	text-decoration:none;
}

.subpage .menu ul {
	padding: 0;
	margin: 10px 0 0 0;
	height: 25px;
	list-style-type: none;
	position: relative;
	width: 520px;
	background: none;
	display: inline;
}
.subpage .menu li {
	display: inline; 
	float: left;
	text-decoration: none;
	padding: 0;
	background: none;
	
}

/*this is the text that appears when you roll over the numbers*/
.subpage .menu ul.topnav li {
	color: #000;
	padding-left: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
}

.subpage .menu li a {
	display: inline;
	text-decoration: none;
	color: #ffba5a;
	float: left;
	font-weight: bold;
	height: 15px;
	padding: 5px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	
}
.subpage .menu li ul {
	visibility: hidden;
	position: absolute;
	top: 10px;
	left: 0;
	overflow: hidden;
	display: inline;
	width: 505px;
}
.subpage .menu table {
	margin: -1px;
	border-collapse: collapse;
	font-size: 1em; /* Font size for IE 5.5 */
}
/* First Line is for IE 7 and non-IE browsers, and the second line is for IE 5.5 and IE 6 */
.subpage .menu li:hover a,
.subpage .menu li a:hover {
	text-decoration: none; 
	border: 0; 
	background: #ffba5a;
	color: #000;
}

.subpage .menu li:hover ul,
.subpage .menu li a:hover ul {
	visibility: visible;
	height: 40px;
	background: none;
	border: none;
	left: 0;
	top: 25px;
	overflow: visible;
	display: inline;
}

/*FOR MUSIC BASICS LINKS ON THE MAIN PAGE)*/
.musicbasics {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px;
	list-style: none;
}

.musicbasics li {
	padding-bottom: 35px;
}

/*FOR TECHNIQUE EXERCISES PAGE*/

span.tbclass {
	font-weight: normal;
	font-style:italic;
}

#tblist {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px;
	list-style: none;
	padding-left: 100px;
}

#tblist li {
	padding-bottom: 10px;
}


/*FOR VIOLIN BASICS LINKS ON THE MAIN PAGE)*/
.violinbasics {
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px;
	list-style: none;
}

.violinbasics li {
	padding-bottom: 10px;
}

/*FOR UNIT FORTE PIANO AND MEZZO*/

#mainContent .musicalnotation {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
}

/*FOR END NOTES*/

#mainContent div.endnote_link a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em; 
	color: #660000;
	line-height: 150%;
	text-decoration: none;
	border-bottom: 1px solid #660000;
	padding-right: 560px;
	font-weight: normal;
}

/*FOR TABLES IN VIOLIN BASICS AND MUSIC BASICS)*/


tr.tableline {
	border-right: 1px solid #660000;
	padding: 0;
	margin: 0;
}

.basicstable
{ width: 675px;
	border: 1px #660000 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
	margin-bottom: 25px;
}

.basicstable2
{ width: 675px;
	border: 2px #CCC solid;
	border-collapse: collapse;
	border-spacing: 0px; 
	margin-bottom: 25px;
}

.mediumtable
{ width: 520px;
	border: 1px #660000 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
	margin-bottom: 25px;
}

.smalltable
{ width: 400px;
	border: 1px #660000 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
	margin-bottom: 25px;
}

.basicstable_noborder
{ width: 675px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0px; 
	margin-bottom: 25px;
}


td.tableheader {
	background-color: #f2f2f2;
	border-right: 1px #660000 solid;
	border-bottom: 1px #660000 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .9em;
	color: #660000; 
	text-align: center;
}


td.tablecontents {
	background-color: #FFF;
	border-right: 1px #660000 solid;
	border-bottom: 1px #660000 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	color: #660000; 
	text-align: left;
	line-height: 120%;
	padding: 5px;
}

td.tablecontents2 {
	background-color: #FFF;
	border-right: 1px #660000 solid;
	border-bottom: 1px #660000 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	color: #660000; 
	text-align: left;
	vertical-align:text-top;
	line-height: 120%;
	padding: 5px;
}

td.center_contents {
	background-color: #FFF;
	border-right: 1px #660000 solid;
	border-bottom: 1px #660000 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	color: #660000; 
	text-align: center;
	line-height: 120%;
	padding: 5px;
}

td.tableimage {
	background-color: #FFF;
	border-right: 1px #660000 solid;
	border-bottom: 1px #660000 solid;
	text-align: center;
}

td.borderless {
	background-color: #FFF;
	border-bottom: 1px #660000 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	color: #660000; 
	text-align: left;
	line-height: 120%;
	padding: 10px;
}

td.borderless_centered {
	background-color: #FFF;
	border-bottom: 1px #660000 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	color: #660000; 
	text-align: center;
	line-height: 120%;
	padding: 10px;
}

td.borderless_centered2 {
	background-color: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;
	color: #660000; 
	text-align: center;
}

a.bluebar_link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #660000; 
	text-align: center;
}

a.bluebar_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

#glossarylist li{
	list-style: none;
	padding: 5px 0;
}

#glossarylist {
	margin-left: 0;
}

.bold_subheader {
	font-weight: bold;
}

#purchase {
	font-size: .9em;
	
}

#purchase td.description {
	padding: 8px;
	border-bottom: 1px solid #666666;
}

#purchase td.image {
	padding: 10px 0 5px 0;
	text-align:center;
	border-bottom: 1px solid #666666;
}

#purchase td.image2 {
	padding: 17px 0 0 0;
	text-align:center;
	border-bottom: 1px solid #666666;
}

#purchase td.headers {
	padding: 8px 0;
	text-align:center;
	font-size: 1em;
	font-weight:bold;
	border-bottom: 1px solid #666666;
}

#contents td {
	padding: 5px 0;
}

#contents {
	padding: 20px 0;
}

.contents_sub {
	list-style: none;
}

#contents .sg_contents_header {
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 0;
}

#contents .sg_contents_header td {
border-bottom: 1px solid #666666;
padding-bottom: 0;
}

#logo_table {
	padding: 15px 0;
}

#logo_table td{
	border-bottom: 1px solid #666666;
}

.style2 {color: #990000}
.style41 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; font-style: italic; }
a.style41 {text-decoration:none;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; font-style: italic; }
a.style41:hover {text-decoration:underline; color: #FFBA5A; font:Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic}
a.style41:visited{color: #990000; text-decoration:none;font:Arial, Helvetica, sans-serif;font-size: 12px; font-style: italic}
a.style41:visited:hover {text-decoration:underline; color: #FFBA5A; font:Arial, Helvetica, sans-serif;font-size: 12px; font-style: italic}
.style2x {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336600;
}
a.style2x{color: #336600; text-decoration:none; font:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}
a.style2x:hover{color: #FFBA5A; text-decoration:underline; font:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}
.style3x {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
}
a.style3x{color: #990000; text-decoration:none; font:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}
a.style3x:hover{color: #FFBA5A; text-decoration:underline; font:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}