body {font-family: "Times New Roman", Times, serif; background-color:#00F;} td {border:1px solid #F00;} th {font-family: "Times New Roman", Times, serif;} .verybig {font-family: Arial, Helvetica, sans-serif;font-size: 40px;font-style: normal;line-height:40px;font-weight: bold;font-variant: normal;color: #0000FF;} .bodystyle {font-family: "Times New Roman", Times, serif;font-size: 18px;font-style: normal;line-height: 19px;font-weight: 400;font-variant: normal;color: #000000;} .bodystyleSMALL {font-family: "Times New Roman", Times, serif;font-size: 15px;font-style: normal;line-height: 17px;font-weight: normal;font-variant: normal;color: #000000;} .fineprint {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-style: normal;line-height:15px;font-weight: normal;font-variant: normal;color: #000000;} .captions {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-style: normal;line-height: 15px;font-weight: normal;font-variant: normal;color: #000000;} .MEDbig {font-family: Arial, Helvetica, sans-serif;font-size: 25px;font-style: normal;line-height:27px;font-weight: bold;font-variant: normal;color: #FF0000;} .linkTEXT {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-style: normal;line-height: 28px;font-weight: bold;font-variant: normal;} .BUTNblankSMALL2 /* image sprite for link buttons in the article index */{display: block; width:80px; height:30px;background: url("BUTNblankSMALL2.jpg") no-repeat 0 0; text-decoration:none; color:blue;} .BUTNblankSMALL2:hover {background-position: -80px 0 ; color:red;} .BUTNblankSMALL2:active {background-position: -80px 0; color:green;} h1 {margin-top:0px; margin-bottom:0px;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 40px;font-style: normal;line-height:40px;font-weight: bold;font-variant: normal;color: #0000FF;} h2 {margin-top:10px; margin-bottom:0px;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 25px;font-style: normal;line-height:27px;font-weight: bold;font-variant: normal;color: #FF0000;} h3 {margin-top:10px; margin-bottom:0px;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 45px;font-style: normal;line-height:60px;font-weight: bold;font-variant: normal;color: #FF0000;} .link1 a{text-decoration:none;color:#00F;} .link1 a:hover{color:#F00;background-color:#00F;} .link1 a:active{color:#0F0;background-color:#00F;} .link2 a{text-decoration:none; padding:5px;color:#0000FF;background-color:#0FF;border:5px ridge #00F;border-radius:20px;} .link2 a:hover{color:#FF0000;background-color:#00FFFF;border:5px groove #F00;border-radius:20px;} .link2 a:active{color:#0F0;background-color:#0000FF;border:5px groove #0F0;border-radius:20px;} .link3 a{text-decoration:none; padding:3px;color:#0000FF;background-color:#0FF;border:2px solid #00F;border-radius:5px;} .link3 a:hover{color:#FF0000;background-color:#00FFFF;border:2px solid #F00;border-radius:5px;} .link3 a:active{color:#0F0;background-color:#0000FF;border:2px solid #0F0;border-radius:5px;} .link4 a{text-decoration:none; padding:2px;color:#0000FF;background-color:#0FF;border:4px outset #00F;border-radius:5px;} .link4 a:hover{color:#FF0000;background-color:#00FFFF;border:4px outset #F00;border-radius:5px;} .link4 a:active{color:#0F0;background-color:#0000FF;border:4px inset #0F0;border-radius:5px;} .link5 a{text-decoration:none;color:#0000FF;background-color:#FF1;padding-left:7px;padding-right:7px;border:8px outset #00F;} .link5 a:hover{color:#FF0000;background-color:#00FFFF;border:8px outset #F00;} .link5 a:active{color:#0F0;background-color:#0000FF;border:8px inset #0F0;} .p1 {margin-top:0px; margin-bottom:10px;text-align:justify;text-indent:20px;}/* general text for articles */ .p2 {margin-left:10%;margin-top:0px;margin-right:10%; margin-bottom:10px;text-align:justify;} .pSpecial {margin-top:-14px; margin-bottom:10px;text-align:justify;text-indent:20px;}/* only for special bottom paragraphs with a floating flash movie*/ .pC /* centered for subheadings */ {margin-top:10px; margin-bottom:10px;text-align:center;} .psprite {display:block;margin-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;text-align:justify;}/* for image sprites as links */ .pCaption {margin-left:0px;margin-top:5px;margin-right:0px;margin-bottom:20px;text-align:justify;} .pCCaption {margin-left:0px;margin-top:5px;margin-right:0px;margin-bottom:20px;text-align:center;} /* centered caption */ .ul1 {margin-left:30%;} /* general lists with disc bullets*/ .li1 {list-style-type:disc;margin-top:1px;} .ul2 {list-style:none;text-align:center;margin-left:-40px;} /* link list */ .li2 {display:block;} .ol1 {margin-left:5%;} /* numbered list such as on recording intro page */ .li3 {list-style-type:decimal;} .li5 {list-style-type:none;margin-bottom:25px;} .li6 {list-style-type:none;margin-left:30%;margin-bottom:5px;text-align:left;} .ul8 {list-style:none;text-align:justify;margin-left:40%;} #pagebottom {clear:both;} #constrain {max-width:1800px;} /* the following all control various Flash movies, ones that appear several places are classes instead of id's */ .FlashMovie1 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:100px;width:402px;height:300px;} .FlashMovie1A {display:none;} .FlashMovie1B {display:none;} #FlashMovie2 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:175px;width:400px;height:300px;} #FlashMovie2A {display:none;} #FlashMovie2B {display:none;} #FlashMovie3 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:100px;width:300px;height:150px;} #FlashMovie3A {display:none;} #FlashMovie4 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:150px;width:300px;height:150px;} #FlashMovie4A {display:none;} #FlashMovie5 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:150px;width:500px;height:400px;} #FlashMovie5A {display:none;} #FlashMovie5B {display:none;} #FlashMovie6 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:75px;width:700px;height:600px;} #FlashMovie6A {display:none;} #FlashMovie6B {display:none;} #FlashMovie7 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:75px;width:400px;height:300px;} #FlashMovie7A {display:none;} /* used for pitch change theory movies */ #FlashMovie8 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:225px;width:400px;height:300px;} #FlashMovie8A {display:none;} #FlashMovie8B {display:none;} /* used for pitch change theory movies */ #FlashMovie9 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:100px;width:400px;height:300px;} #FlashMovie9A {display:none;} #FlashMovie9B {display:none;} /* used for pitch change theory movies */ .ul3 {float:left;list-style-type:none;width:182px;height:410px;margin-left:5px;margin-right:15px;margin-bottom:10px;padding:20px;background-image:URL(ListImage.jpg);border:5px outset #f00;} .li4 {list-style-type:none;margin-left:-10px;margin-top:0px;margin-right:0px;margin-bottom:10px;} /* this controls the three echo demo movies as a list */ #FlashMovie10 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:100px;width:700px;height:550px;} #FlashMovie10A {display:none;} #FlashMovie10B {display:none;} #FlashMovie11 {margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:150px;width:250px;height:200px;border:5px outset #24d;} #FlashMovie12 {margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:150px;width:250px;height:200px;border:5px outset #24d;} .FlashMovie13 {margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:40px;width:260px;height:130px;} /* controls two same size movies in vibrato article, page 1 */ .FlashMovie14 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:40px;width:500px;height:280px;} .FlashMovie14A {display:none;} /* heterodyne vibrato movie */ .FlashMovie15 {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:125px;width:304px;height:250px;} .HammondTG {margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:3px;width:50%;} /* controls several hammond TG pictures that can all be displayed the same size */ .GeneralHammondPIC {margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:3px;width:60%;} #div1 /* main heading */{display:block; margin-left:-8px; margin-top:-8px; margin-right:12%;width:auto; height: auto; border:5px solid #00FF00; padding:25px; background-color:#CCFFFF;} /* top heading, all pages */ #div2 /* nav link list */{display:block; margin-left:-8px; margin-top:0px; margin-right:0px ;width:80px; height:auto; border:5px solid #FF0000; padding:20px; background-color:#CC6600;} /*above. all pages, below specific pages */ #WHbgMIC /* white bkg */{display:block;margin-left:122px;margin-top:-411px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgDIGI /* white bkg */{display:block;margin-left:122px;margin-top:-381px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgMIDI /* white bkg */{display:block;margin-left:122px;margin-top:-231px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgECHO /* white bkg */{display:block;margin-left:122px;margin-top:-201px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgLES /* white bkg */{display:block;margin-left:122px;margin-top:-321px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgREC /* white bkg */{display:block;margin-left:122px;margin-top:-441px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgVIB /* white bkg */{display:block;margin-left:122px;margin-top:-381px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgHAM /* white bkg */{display:block;margin-left:122px;margin-top:-711px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgWURL /* white bkg */{display:block;margin-left:122px;margin-top:-531px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgX66 /* white bkg */{display:block;margin-left:122px;margin-top:-621px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgTEMP /* white bkg */{display:block;margin-left:122px;margin-top:-171px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgPO /* white bkg */{display:block;margin-left:122px;margin-top:-381px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgPB /* white bkg */{display:block;margin-left:122px;margin-top:-291px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHrepHAM /* white bkg */{display:block;margin-left:122px;margin-top:-141px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgCOMP /* white bkg */{display:block;margin-left:122px;margin-top:-471px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgLINKS /* white bkg */{display:block;margin-left:122px;margin-top:-172px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:40px;text-align:justify;background-color:#FFFFFF;} #WHbgCLIPS /* white bkg */{display:block;margin-left:122px;margin-top:-141px;margin-right:12%;margin-bottom:30px;width:auto;height:auto;padding-left:15px;padding-top:10px;padding-right:15px;padding-bottom:140px;text-align:justify;background-color:#FFFFFF;} #cliplinks {display:block;margin-left:20%;margin-top:20px;margin-right:20%;margin-bottom:20px;background-color:#fff;border:2px solid #FF0000;padding:20px;} .TEXT1 /* main text, all pages */{display:block;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:20px;width:auto;height:auto;text-align:justify;background-color:#FFFFFF;} .TEXT2 /* main text w-out columns */{display:block;} /* picture formatting options */ .SURROUNDtableFS /*only in EQ. TEMP article*/{display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:95%} .SURROUNDpicFS /*only if separate from text*/{display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:95%} .SURROUNDpicL75 /* only if separate from text */{display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:75%} .SURROUNDpicLC50 /* only if separate from text */{display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:50%} .SURROUNDpicL70 {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:95%} .SURROUNDpicL71 {display:none;} .SURROUNDpicL50 {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:95%} .SURROUNDpicL40 {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:40%} .SURROUNDpicR40 {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:40%} .SURROUNDpicL40A {display:block;margin-left:10%; margin-top:10px;margin-bottom:15px;margin-right:auto;width:40%} .SURROUNDpicR40A {display:block;margin-left:50%; margin-top:10px;margin-bottom:15px;margin-right:auto;width:40%} .SURROUNDpicLC40A {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:40%} .SURROUNDpicL30 {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:95%} .SURROUNDpicLfloat70 /* SEPARATE from text */{float:left;margin-left:0px; margin-top:10px;margin-bottom:15px;margin-right:10px;width:70%} .SURROUNDpicLfloat50 /* SEPARATE from text */{float:left;margin-left:0px; margin-top:10px;margin-bottom:15px;margin-right:10px;width:51%} .SURROUNDpicLfloat40 /* SEPARATE from text */{float:left;margin-left:0px; margin-top:10px;margin-bottom:15px;margin-right:10px;width:40%} .SURROUNDpicLfloat30 /* SEPARATE from text */{float:left;margin-left:0px; margin-top:10px;margin-bottom:15px;margin-right:10px;width:30%} .SURROUNDpicL30reduced {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:20%} .SURROUNDpicR70 {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:95%} .SURROUNDpicR50 {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:95%} .SURROUNDpicR40 {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:40%;} .SURROUNDpicR30 {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:95%} .SURROUNDpicRfloat70 /* SEPARATE from text */{float:right;margin-left:10px; margin-top:10px;margin-bottom:15px;margin-right:0px;width:70%} .SURROUNDpicRfloat50 /* SEPARATE from text */{float:right;margin-left:10px; margin-top:10px;margin-bottom:15px;margin-right:0px;width:51%} .SURROUNDpicRfloat40 /* SEPARATE from text */{float:right;margin-left:10px; margin-top:10px;margin-bottom:15px;margin-right:0px;width:40%} .SURROUNDpicRfloat30 /* SEPARATE from text */{float:right;margin-left:10px; margin-top:10px;margin-bottom:15px;margin-right:0px;width:30%} .SURROUNDpicR30reduced {display:block;margin-left:auto; margin-top:10px;margin-bottom:15px;margin-right:auto;width:50%} /* locate image sprites */ #LocSpr1 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:135px;width:450px;height:257px;} #Swap1 {display:block;margin-left:0px;margin-top:0px;width:450px;height:257px;background:url("BigVsprite.jpg") no-repeat 0px 0;} #Swap1:hover {background-position:-450px 0;} #LocSpr2 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:110px;width:550px;height:662px;} #Swap2 {display:block;margin-left:0px;margin-top:0px;width:550px;height:662px;background:url("Xscanner1sprite.jpg") no-repeat 0px 0;border:1px solid #00F;} #Swap2:hover {background-position:-550px 0;} #LocSpr3 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:210px;width:550px;height:338px;} #Swap3 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:550px;height:338px;background:url("Xscanner1Sprite4.jpg") no-repeat 0px 0;} #Swap3:hover {background-position:-550px 0;} #LocSpr4 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:150px;width:550px;height:400px;} #Swap4 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:550px;height:400px;background:url("XscannerSprite1.jpg") no-repeat 0px 0;} #Swap4:hover {background-position:-550px 0;} #LocSpr5 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:150px;width:550px;height:390px;} #Swap5 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:550px;height:390px;background:url("Xscanner3SpriteA.jpg") no-repeat 0px 0;} #Swap5:hover {background-position:-550px 0;} #LocSpr6 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:150px;width:700px;height:461px;} #Swap6 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:700px;height:461px;background:url("BassVibSchem1sprite.jpg") no-repeat 0px 0;} #Swap6:hover {background-position:-700px 0;} #LocSpr7 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:150px;width:550px;height:440px;} #Swap7 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:550px;height:440px;background:url("Percussion1SpriteA.jpg") no-repeat 0px 0;} #Swap7:hover {background-position:-550px 0;} #LocSpr8 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:170px;width:550px;height:389px;} #Swap8 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:550px;height:389px;background:url("Percussion3SpriteA.jpg") no-repeat 0px 0;} #Swap8:hover {background-position:-550px 0;} #LocSpr9 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:50px;width:550px;height:323px;} #Swap9 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:550px;height:323px;background:url("Percussion4SpriteA.jpg") no-repeat 0px 0;} #Swap9:hover {background-position:-550px 0;} #LocSpr10 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:50px;width:550px;height:879px;} #Swap10 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:550px;height:879px;background:url("Percussion5SpriteA.jpg") no-repeat 0px 0;} #Swap10:hover {background-position:-550px 0;} #LocSpr11 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:50px;width:550px;height:371px;} #Swap11 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:550px;height:371px;background:url("Percussion6SpriteA.jpg") no-repeat 0px 0;} #Swap11:hover {background-position:-550px 0;}