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: normal;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: 30px;font-style: normal;line-height:65px;font-weight: bold;font-variant: normal;color: #FF0000;} .link1 a{text-decoration:none; color:#0000FF;} .link1 a:hover{color:#FF0000;background-color:#0000FF;} .link1 a:active{color:#0F0;background-color:#0000FF;} .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:10px outset #00F;} .link5 a:hover{color:#FF0000;background-color:#00FFFF;border:10px outset #F00;} .link5 a:active{color:#0F0;background-color:#0000FF;border:10px inset #0F0;} .p1 {margin-top:0px; margin-bottom:10px;text-align:justify;text-indent:20px;} .p2 {margin-left:5px;margin-top:0px;margin-right:5px; margin-bottom:10px;text-align:justify;} .pSpecial {margin-top:20px; 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;text-indent:0px;} .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;} .psprite {display:block;margin-left:0px;margin-top:5px;margin-right:0px;margin-bottom:30px;text-align:justify;text-indent:0px;}/* for image sprites as links */ .ul1 {margin-left:5%;} /* general lists with disc bullets*/ .li1 {list-style-type:disc;margin-top:30px;} .ul2 {list-style:none;text-align:center;margin-left:-40px;} /* link list PC version*/ .li2 {display:block;margin-bottom:25px;} .ol1 {margin-left:4%;} /* 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:2%;margin-bottom:25px;text-align:left;} .ul8 {list-style:none;text-align:justify;margin-left:20%;} #pagebottom {clear:both;} #constrain {max-width:1000px;} .FlashMovie1 {display:none;} .FlashMovie1A {display:none;} .FlashMovie1B {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:150px;width:250px;height:175px;} #FlashMovie2 {display:none;} #FlashMovie2A {display:none;} #FlashMovie2B {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:350px;width:225px;height:200px;} #FlashMovie3 {display:none} #FlashMovie3A {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:100px;width:200px;height:100px;} #FlashMovie4 {display:none;} #FlashMovie4A {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:250px;width:200px;height:100px;} #FlashMovie5 {display:none;} #FlashMovie5A {display:none;} #FlashMovie5B {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:260px;width:250px;height:200px;} #FlashMovie6 {display:none;} #FlashMovie6A {display:none;} #FlashMovie6B {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:220px;width:225px;height:200px;} #FlashMovie7 {display:none;} #FlashMovie7A {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:125px;width:225px;height:175px;} #FlashMovie8 {display:none;} #FlashMovie8A {display:none;} #FlashMovie8B {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:260px;width:225px;height:175px;} /* used for pitch change theory movies */ #FlashMovie9 {display:none;} #FlashMovie9A {display:none;} #FlashMovie9B {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:165px;width:225px;height:175px;} /* used for pitch change theory movies */ .HammondTG {margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:3px;width:95%;} .GeneralHammondPIC {margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:3px;width:95%;} .ul3 {float:none;list-style-type:none;width:182px;height:410px;margin-left:auto;margin-right:auto;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 */ #FlashMovie10B {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:150px;width:275px;height:300px;} #FlashMovie10 {display:none;} #FlashMovie10A {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;} .FlashMovie14 {display:none;} .FlashMovie14A {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:40px;width:250px;height:180px;} .FlashMovie15A {display:block;margin-left:auto;margin-top:10px;margin-right:auto;margin-bottom:125px;width:250px;height:230px;} .FlashMovie15 {display:none;} #div1 /* main heading */{display:block; margin-left:1%; margin-top:-8px; margin-right:1%;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:auto; margin-top:0px; margin-right:auto;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:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgDIGI /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgMIDI /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgECHO /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgLES /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgREC /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgVIB /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgHAM /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgWURL /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgX66 /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgTEMP /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgPO /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgPB /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHrepHAM /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:20px;text-align:justify;background-color:#FFFFFF;} #WHbgLINKS /* white bkg */{display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-left:5px;padding-top:10px;padding-right:5px;padding-bottom:50px;text-align:justify;background-color:#FFFFFF;} #WHbgCLIPS {display:block;margin-left:1%;margin-top:0px;margin-right:1%;margin-bottom:30px;width:auto;height:auto;padding-top:10px;padding-bottom:50px;text-align:justify;background-color:#FFFFFF;} .TEXT1 /* main text, all pages */{display:block;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:20px;width:auto;height:auto;text-align:justify;background-color:#FFFFFF;} /* picture formatting options */ .SURROUNDtableFS /*only in EQ. TEMP article*/{display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:95%} .SURROUNDpicFS /*only if separate from text*/{display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicL75 /*only if separate from text*/{display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicLC50 /*only if separate from text*/{display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicL70 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicL71 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicL50 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicL40 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicR40 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicL40A {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicR40A {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicLC40A {display:block;margin-left:auto;margin-top:10px;margin-bottom:15px;margin-right:auto;width:90%} .SURROUNDpicL30 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicLfloat70 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicLfloat50 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicLfloat40 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicLfloat30 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicL30reduced {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:40%} .SURROUNDpicR75 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicR70 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicR50 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicR40 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicR30 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicRfloat70 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicRfloat50 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicRfloat40 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicRfloat30 {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:90%} .SURROUNDpicR30reduced {float:none;display:block;margin-left:auto; margin-top:10px;margin-bottom:25px;margin-right:auto;width:40%} /* locate image sprites */ #LocSpr1 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:230px;width:275px;height:157px;} #Swap1 {display:block;margin-left:0px;margin-top:0px;width:275px;height:157px;background:url("Smallvibsprite.jpg") no-repeat 0px 0;border:1px solid #00F;} #Swap1:hover {background-position:-275px 0;} #LocSpr2 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:160px;width:270px;height:325px;} #Swap2 {display:block;margin-left:0px;margin-top:0px;width:270px;height:325px;background:url("Xscanner1sprite3.jpg") no-repeat 0px 0;border:2px solid #00F;} #Swap2:hover {background-position:-270px 0;} #LocSpr3 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:420px;width:280px;height:172px;} #Swap3 {display:block;margin-left:0px;margin-top:0px;margin-bottom:10px;width:280px;height:172px;background:url("Xscanner1Sprite4B.jpg") no-repeat 0px 0;} #Swap3:hover {background-position:-280px 0;} #LocSpr4 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:240px;width:275px;height:200px;} #Swap4 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:275px;height:200px;background:url("XscannerSprite3.jpg") no-repeat 0px 0;} #Swap4:hover {background-position:-275px 0;} #LocSpr5 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:240px;width:270px;height:190px;} #Swap5 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:270px;height:190px;background:url("Xscanner3SpriteC.jpg") no-repeat 0px 0;} #Swap5:hover {background-position:-270px 0;} #LocSpr6 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:230px;width:275px;height:181px;} #Swap6 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:275px;height:181px;background:url("BassVibSchem3sprite.jpg") no-repeat 0px 0;} #Swap6:hover {background-position:-275px 0;} #LocSpr7 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:280px;width:280px;height:224px;} #Swap7 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:280px;height:224px;background:url("Percussion1SpriteC.jpg") no-repeat 0px 0;} #Swap7:hover {background-position:-280px 0;} #LocSpr8 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:330px;width:280px;height:198px;} #Swap8 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:280px;height:198px;background:url("Percussion3SpriteC.jpg") no-repeat 0px 0;} #Swap8:hover {background-position:-280px 0;} #LocSpr9 {display:block;margin-left:auto; margin-top:-10px; margin-right:auto; margin-bottom:20px;width:280px;height:164px;} #Swap9 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:280px;height:164px;background:url("Percussion4SpriteC.jpg") no-repeat 0px 0;} #Swap9:hover {background-position:-280px 0;} #LocSpr10 {display:block;margin-left:auto; margin-top:110px; margin-right:auto; margin-bottom:100px;width:280px;height:447px;} #Swap10 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:280px;height:447px;background:url("Percussion5SpriteC.jpg") no-repeat 0px 0;} #Swap10:hover {background-position:-280px 0;} #LocSpr11 {display:block;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:50px;width:280px;height:189px;} #Swap11 {display:block;margin-left:0px;margin-top:0px;margin-bottom:0px;width:280px;height:189px;background:url("Percussion6SpriteC.jpg") no-repeat 0px 0;} #Swap11:hover {background-position:-280px 0;}