body {color: #000000; margin-top: 20px; margin-left: 0px; margin-right: 0px; height:1200px;}

H1 {FONT-SIZE: 24px; FONT-FAMILY: Comic Sans MS; Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; color: #000080}

H2 { text-align:center; margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0; COLOR: #000000; FONT-FAMILY: Comic Sans MS; FONT-SIZE: 20px; FONT-WEIGHT: bold;}

.headingtext { margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0; COLOR: #000000; FONT-FAMILY: Comic Sans MS; FONT-SIZE: 20px; FONT-WEIGHT: bold;}

.maintext {COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: regular}

.mediumtext {COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: regular}

.smalltext {COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: regular}

.referencetext {COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: regular; border-color:000080}

A.noteslink {margin:0 auto; COLOR: #000080; FONT-FAMILY: Comic Sans MS; FONT-SIZE: 14px; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
A.noteslink:hover {margin:0 auto; COLOR: #ff0000; FONT-FAMILY: Comic Sans MS; FONT-SIZE: 14px; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
A.noteslink:link {TEXT-DECORATION: none}

A.websitelink {COLOR: #008000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; FONT-WEIGHT: bold}
A.websitelink:hover {COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; FONT-WEIGHT: bold}
A.websitelink:link {TEXT-DECORATION: none}

A.leftlink {COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; TEXT-DECORATION: none; FONT-WEIGHT: bold}
A.leftlink:hover {COLOR: #008000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; TEXT-DECORATION: none; FONT-WEIGHT: bold}
A.leftlink:link {TEXT-DECORATION: none}

.return {COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 18px; TEXT-DECORATION: none; FONT-WEIGHT: bold}
.return:hover {COLOR: #000080;}



.quavers {background-image: url("./photos/quavers1.gif"); COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: regular;}

.boxfillin { wrap:virtual; font-family:Verdana; font-weight:regular; font-size:12px }

.shakeimage{ position:relative; width:60px; height:90px; }


.border1 { margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0; width:760px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: regular; }
.border2 { margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0; width:500px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: regular; }
.border3 { margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0;}
.border4 { margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0; width:600px; text-align:center; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: regular;}
.border5 { margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0; width:500px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: regular; text-align:left; }
.border6 { margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0; width:720px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: regular; text-align:left; }
.border7 { margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0; width:720px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: regular; text-align:center; }
.border8 { margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0; width:200px; COLOR: #0000c0; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: regular; }
.border9 { margin:0 auto; width:300px;}
.border10 td { margin:0 auto; padding:4px; border-collapse:collapse; border-spacing:0; border:#000000 solid 1px; width:500px; text-align:center; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: regular; }



.about_us1 { margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0; width:200px;}


.center { text-align:center;}

.stavehed { margin:0 auto; padding:0px; border-collapse:collapse; border-spacing:0; background: url("./artwork/stave_hed.gif") no-repeat; width:750px;}

.stave1 { width:150px; height:90px;} 
.stave2 { text-align:center; width:75px;}
.stave3 { height:180px;} 
.stave4 { vertical-align:top;} 

.w20 { width:20px;}
.w40 { width:40px;}
.w47 { width:47px;}
.w80 { width:80px;}
.w100 { width:100px;}
.w160 { width:160px;}
.w170 { width:170px;}
.w200 { width:200px;}
.w300 { width:300px;}
.w360 { width:360px;}
.w760 { width:760px;}
.h10 { height:10px;}
.h25 { height:25px;}
.h40 { height:40px;}
.h80 { height:80px;}
.h120 { height:120px;}
.h200 { height:200px;}
.h300 { height:300px;}
.center { text-align:center;}
.left { text-align:left;}
.right { text-align:right;}
.justify { text-align:justify;}
.top { vertical-align:top;} 
.topcenter { text-align:center; vertical-align:top;}
.h140top { height:140px; vertical-align:top;}
.w760h600 {width:760px; height:600px;}
.italiccenter {font-style: italic; text-align:center;}




.notes22 { FONT-FAMILY: Comic Sans MS, Verdana, Arial; FONT-SIZE: 14px; text-align:center; color:#000080;font-weight:bold;}
.notes11 { FONT-FAMILY: Comic Sans MS, Verdana, Arial; FONT-SIZE: 12px; text-align:center; color:#000080; font-weight:bold;}

.blue { color:#0000c0;}

.notes1 { width:300px; text-align:center;}

.copyright1 { height:1px; text-align:center;}
.copyright2 { width:760px; height:1px;}

.footertext {margin:0 auto; COLOR: #000080; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold;}

.classinfo1 { text-align:left; vertical-align:top;}
.classinfo2 { width:300px; text-align:center; vertical-align:top;}
.classinfo3 { text-align:center; vertical-align:top;}



.active_crotchets { display: block; margin-left: auto; margin-right:auto; cursor:hand; cursor: pointer; background: url("./artwork/22button22.gif") no-repeat; width:47px; height:84px;  }
.inactive_crotchets { display: block; margin-left: auto; margin-right: auto; cursor:hand; cursor: pointer; background: url("./artwork/22button11.gif") no-repeat; width:47px; height:84px; }

.active_minims { display: block; margin-left: auto; margin-right: auto; cursor:hand; cursor: pointer; background: url("./artwork/33button22.gif") no-repeat; width:60px; height:84px;}
.inactive_minims { display: block; margin-left: auto; margin-right: auto; cursor:hand; cursor: pointer; background: url("./artwork/33button11.gif") no-repeat; width:60px; height:84px;}