body {

font-family: Helvetica, Arial, Geneva, sans-serif;

font-size: 16px;

color: #666666;

font-weight: normal;

width: 100%;

height: 100%;

line-height: 110%;

background: url(../images/brass-bg.gif) repeat-x;

z-index: 1;


}


#container {

width: 1000px;

margin-left: auto;

margin-right: auto;

}


#body-top {

position: absolute;

width: 800px;

height: 800px;

margin: 260px 0 0 60px;

background: #FFFFFF no-repeat;

z-index: 1;

}

#body-top.short {

height: 600px;

}


#body-top span {

color: #006699;

font-weight: bold;

}


#body-top h1 {

font-weight: normal;

text-align: center;

width: 800px;

font-size: 24px;

padding: 30px 0 10px 0;

color: #222222;

}


#body-top p.submit {

width: 650px;

text-align: right;

margin: 10px 0 0 0;

}


a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}


p {

width: 90%;

padding-left: 20px;

padding-right: 20px;

color: #666666;

line-height: 110%;


}



#banner {

position: absolute;

width: 811px;

height: 197px;

margin: 0px;

}


#banner a img {

border: 0;

}


#banner a:hover img {

border: 0;

}

#banner a:active img {

border: 0;

}


#footer-top {

position: absolute;

margin: 950px 0 0 70px;

width: 800px;

height: 50px;

background: #006699 url(../images/footer-top.gif) no-repeat;

z-index: 20;

}

#footer-top p {

text-align: center;

width: 800px;

color: #006699;

padding: 10px 0 0 0;

}

#footer-top a {

text-decoration: underline;

font-size: 14px;

color: #333333;

}


#body-top a {

color: #006699;

text-decoration: none;

}


#footer-top a:hover {

text-decoration: none;

color: #006699;

}


#body-top p a:hover {

color: #2299CC;

text-decoration: none;

}


#adjust {

padding: 0 0 0 75px;

width: 680px;

}


#box-1 {

position: absolute;

text-align: justify;

margin: 20px 0 0 0;

font-size: 12px;

width: 750px;

padding: 0 20px 0 20px;

}


#box-1.home {

margin: 260px 0 0 5px;

border-top: 1px solid #CCCCCC;

background: url(../images/dsp-news-bg.jpg) no-repeat;

height: 300px;

}


#box-1.center {

padding: 0;

}


#box-1 h1 {

text-align: center;

width: 800px;

padding: 10px 0 10px 0;

color: #006699;

}

#box-1 p {

line-height: 17px;

word-spacing: 1px;

}


#box-1 ul {

list-style: none;

padding: 0;

margin; 0;

}


#box-1 p.center {

text-align: center;

}


#box-1 h2 {

font-size: 16px;

color: #006699;

font-weight: normal;

}

#box-1 h2.grey {

color: #666666;

}

#box-1 h2.donate {

color: #666666;

}




#donate {

position: absolute;

margin: 690px 0 0 435px;

width: 350px;

height: 100px;

background: url(../images/donate-bg.gif) no-repeat;

}


#donate table.fees {

color: #006699;

padding: 27px 0 0 70px;

}


#scores {

position: absolute;

margin: 10px 0 0 20px;

color: #666666;

font-size: 12px;

width: 200px;

}

#scores h1 {

font-size: 14px;

color: #666666;

font-weight: normal;

text-align: left;

}

#scores table {

border-left: 1px solid #CCCCCC;

background: #DDDDDD;

}


#scores table td {

color: #000000;

padding: 0 5px 0 30px;

}

#scores table th {

font-weight: normal;

padding: 0 0 0 5px;

text-align: left;

}

#scores table th span {

color: #006699;

font-weight: bold;

font-style: italic;

}


#scores p {

margin: 22px 0 0 0;

padding: 0 0 10px 0;

}



#box-1 h2.updates {

text-align: center;

padding: 0 0 0 20px;

color: #666666;

}



#box-1 table.form {

text-align: left;

margin: 0 0 0 30px;

width: auto;

border-top: 1px solid #CCCCCC;

padding: 10px 0 0 0;

}

#box-1 table.form td {

color: #666666;

font-weight: bold;

}




#box-1 ul.reg {

text-align: left;

font-weight: bold;

color: #006699;

}


#box-1 p.right {

text-align: right;

width: 400px;

border-bottom: 1px solid #CCCCCC;

margin: 0 0 10px 20px;

border-right: 1px solid #CCCCCC;

color: #006699;

font-weight: bold;

}


#box-1 p.right a img {

border: none;

}


#box-1 p.movie-adj, #box-1 ul.movie-adj {

width: 285px;

font-size: 12px;

margin: 0;

padding: 7px 0 0 10px;

text-align: left;

}

#box-1 ul.movie-adj li.moon {

background: url(../images/moon-bullet.jpg) no-repeat;

padding: 0 0 0 15px;

margin: 5px 0 0 0;

}

#box-1 ul.movie-adj li.moon span.new {

color: #ffe404;

font-weight: bold;

font-style: italic;

}



#box-1 ul.movie-adj li a:hover {

color: #2299CC;

}

#box-1 ul.movie-adj li span {

font-weight: bold;

}

#box-1 ul.movie-adj li.normal {

list-style: circle;

padding: 0;

margin: 0 0 0 60px;

background: none;

}

#box-1 ul ul {

padding: 0 0 0 70px;

}


#box-1 h1.movie-adj {

width: 285px;

font-size: 16px;

margin: 30px 0 0 0;

text-align: left;

}


#box-1 h1.movie-adj a img {

border: 0;

}

#box-1 h1.movie-adj a:hover img {

border: 0;

}



#box-1 p.movie-adj1 {

width: 160px;

padding: 0 0 0 5px;

}


#box-1 p.movie-adj1a {

padding: 0 0 0 5px;

width: 750px;

}



#box-1 p.movie-adj2 {

width: 350px;

}


#box-1 p.center4 {

text-align: center;

width: 425px;

padding: 0;

}



#box-1 ul.indent {

padding: 0 0 0 35px;

text-align: justify;

width: 600px;

}


#box-1 ul.indent li span {

font-weight: bold;

text-decoration: underline;

color: #666666;

}


#box-1 h2.headline {

background: url(../images/news-bg.jpg) no-repeat;

width: 700px;

height: 55px;

padding: 20px 0 0 30px;

font-weight: bold;

color: #666666;

text-align: left;

margin: 0 0 0 50px;

font-size: 18px;

}


#box-1 h2.headline span {

float: right;

padding: 0 80px 0 0;

font-weight: normal;

color: #333333;

font-size: 14px;

}


#box-1 h2.headline a {

text-decoration: none;

color: #006699;

font-weight: bold;

}

#box-1 h2.headline a:hover {

color: #2299CC;

}


#box-1 p.headline {

margin: 0 0 0 90px;

width: 610px;

padding: 0 0 50px 0;

}

#box-1 p.product {

margin: 30px 0 0 20px;

}


#box-1 p.buy-button, #box-1 form.buy-button {

width: 300px;

text-align: center;

padding: 25px 0 0 3px;

font-size: 11px;

}

#box-1 p.buy-button {

padding: 10px 0 0 3px;

}

#box-1 p.buy-button a img {

border: 0;

}

#box-1 p.buy-button a:hover img {

border: 0;

}


#box-1 p.events, #box-1 p.events1, #box-1 p.events2 {

position: absolute;

border-top: 1px solid #CCCCCC;

width: 700px;

padding: 20px 0 0 10px;

text-align: left;

}

#box-1 p.events {

margin: 10px 0 0 30px;

border-top: none;

}


#box-1 p.events1 {

margin: 380px 0 0 30px;

}

#box-1 p.events2 {

margin: 750px 0 0 30px;

}



#box-1 p.events img, #box-1 p.events1 img, #box-1 p.events2 img {

float: right;

padding: 0 0 10px 0;

}


p.events2 img {

margin: 20px 0 10px 0;

}


#box-1 p a img{

border: 0;

}

#box-1 ul.events {

position: absolute;

margin: 80px 0 0 60px;

width: 375px;

}

#box-1 ul.events1 {

position: absolute;

margin: 450px 0 0 60px;

width: 375px;

}

#box-1 ul.events2 {

position: absolute;

margin: 820px 0 0 60px;

width: 375px;

}


#box-1 ul.events li, #box-1 ul.events1 li, #box-1 ul.events2 li {

list-style: circle;

line-height: 25px;

}

#box-1 ul.events li a:hover, #box-1 ul.events1 li a:hover, #box-1 ul.events2 li a:hover {

color: #2299CC;

}


#box-1 p.signup {

position: absolute;

margin: 280px 0 0 60px;

}

#box-1 p.signup2 {

position: absolute;

margin: 1000px 0 0 60px;

}


#box-1 form.right {

width: 275px;

text-align: right;

padding: 30px 0 0 0;

}


#movie {

position: absolute;

width: 580px;

margin: 0 0 0 165px;

padding: 5px 0 0 20px;

}


#movie1, #movie2, #movie3 {

position: absolute;

width: 320px;

margin: 0 0 0 385px;

padding: 5px 0 0 20px;

}


#movie1a {

position: absolute;

width: 430px;

margin: 0 0 0 325px;

padding: 0;

text-align: justify;

}


#movie1a.home {

margin: 0 0 0 380px;

width: 380px;



}


#movie1a a img {

border: 0;

}


#movie1a p {

padding: 5px 0 0 30px;

border-left: 1px solid #CCCCCC;

}

#movie1a p.home {

border-left: none;

}

#movie1a p.home2 {

padding: 5px 0 0 30px;

border-left: none;

}


#movie1a p.product {

border: 0;

margin: 5px 0 0 0;

width: 400px;

padding: 5px 0 15px 15px;

text-align: left;

}

#movie1a p.product2 {

border: 0;

margin: 0 0 0 0;

width: 400px;

padding:  0 0 10px 15px;

text-align: justify;

}

#movie1a p.center {

text-align: center;

width: 400px;

border: none;

}



#movie1a h1 {

font-size: 16px;

color: #006699;

text-align: center;

padding: 0;

margin: 40px 0 0 0;

width: 430px;

}

#movie1a h1.left {

text-align: left;

margin: 25px 0 0 0;

}


#movie1a ul.sitemap {

margin: 70px 0 0 0;

text-align: left;

}


#movie1a ul.sitemap li {

list-style: circle;

}

#movie1a ul.sitemap li a:hover {

color: #2299CC;

}

#movie1a ul.staff {

margin: 25px 0 0 70px;

text-align: left;

border-left: 1px solid #CCCCCC;

padding: 0 0 0 20px;

}

#movie1a ul.staff li {

line-height: 250%;

}

#movie1a ul.staff li a:hover {

color: #2299CC;

}

#movie1a ul.sheet-music {

margin: 0 0 10px 35px;

padding: 0 0 0 10px;

width: 325px;

text-align: left;

}

#movie1a ul.sheet-music li  {

margin: 0 0 0 0;

padding: 0 0 2px 0;

list-style: circle;

}

#movie1a ul.sheet-music li span {

color: #2299CC;

font-weight: strong;

font-style: italic;

}


#movie1a ul.sheet-music a {

color: #006699;

text-decoration: underline;

}

#movie1a ul.sheet-music a:hover {

color: #2299CC;

}


#box-2 {

position: absolute;

height: 220px;

width: 390px;

margin: 480px 0 0 30px;

z-index: 10;

}

#box-2 p.music-sheets {

padding: 0 0 0 35px;

font-size: 12px;

}

#box-2 p.music-sheets span {

padding: 0 0 0 30px;

font-weight: normal;

}



#box-2 h2 {

font-size: 18px;

color: #666666;

font-weight: normal;

padding: 10px 0 0 20px;

font-style: italic;

}

#box-2 h1 {

font-size: 18px;

color: #666666;

font-weight: normal;

padding: 100px 0 0 15px;

font-style: italic;

text-align: left;

width: 390px;

}



#box-2 table.music {

margin: 0 0 0 35px;

font-size: 12px;

padding: 0;

}


#box-2 table.music td span {

padding: 0 0 0 50px;

font-weight: normal;

}

#box-2 table.music td a:hover {

color: #2299CC;

}




#box-2 p.more {

width: 400px;

text-align: right;

}

#box-2 p.more a {

font-size: 12px;

color: #006699;

font-style: italic;

}


#box-2 p.more a:hover {

font-size: 12px;

color: #2299CC;

font-style: italic;

}


#box-2 a img {

border: none;

}


#box-2 ul {

list-style: circle;

padding: 0 20px 0 40px;

}


#box-2 li, #column-one li {

color: #666666;

font-size: 12px;

}


#box-2 li span.header, #column-one li span.header {

color: #2299CC;

float: right;

}


#box-2 li a, #column-one li a {

color: #006699;

text-decoration: none;

font-weight: bold;

}


#box-2 li a:hover, #column-one li a:hover {

color: #2299CC;

text-decoration: none;

}


#column-one {

position: absolute;

width: 375px;

margin: 20px 0 0 10px;

}

#column-one h1, #column-two h1 {

text-align: center;

width: 325px;

padding: 10px 0 10px 10px;

}

#column-one ul {

list-style: circle;

padding: 0 10px 0 10px;

border-right: 1px solid #CCCCCC;

}


#column-one li {

padding: 0 15px 20px 0;

}


#column-two {

position: absolute;

margin: 20px 0 0 400px; 

width: 350px;

}

#column-two p {

text-align: center;

margin: 140px 0 0 0;

}

#column-two a img {

border: 0;

}

#column-two a:hover img {

border: 0;

}



#box-3 {

position: absolute;

height: 195px;

width: 530px;

margin: 20px 0 0 245px;

z-index: 15;

}


#box-3 table.email-signup {

border: none;

text-align: left;

width: 530px;

background: url(../images/email.gif) no-repeat;

padding: 140px 170px 30px 200px;

margin: 20px 0 0 0;

}



#box-3 h2, #box-3 h1  {

font-size: 18px;

color: #006699;

font-weight: normal;

padding: 10px 0 0 20px;

text-align: center;

padding: 10px 20px 0 0;

font-style: italic;

}


#box-3 p {

font-size: 12px;

font-style: italic;

}

#box-3 p a {

font-size: 16px;

color: #006699;

text-decoration: none;

font-style: normal;

}

#box-3 p a:hover {

font-size: 16px;

color: #2299CC;

text-decoration: none;

font-style: normal;

}



#footer-top-new {

position: absolute;

margin: 1065px 0 0 60px;

background: url(../images/footer-top-new.gif) no-repeat;

height: 50px;

width: 800px;

z-index: 25;

}


#footer-top-new2 {

position: absolute;

margin: 800px 0 0 0;

background: url(../images/footer-top-new.gif) no-repeat;

height: 50px;

width: 800px;

z-index: 25;

}


#footer-top-new2a {

position: absolute;

margin: 1700px 0 0 0;

background: url(../images/footer-top-new.gif) no-repeat;

height: 50px;

width: 800px;

z-index: 25;

}


#footer-top-new3 {

position: absolute;

margin: 2500px 0 0 0;

background: url(../images/footer-top-new.gif) no-repeat;

height: 50px;

width: 800px;

z-index: 25;

}



#footer-top-new4 {

position: absolute;

margin: 4250px 0 0 0;

background: url(../images/footer-top-new.gif) no-repeat;

height: 50px;

width: 800px;

z-index: 25;

}



#footer-top-new table.footer {

margin: 0 0 0 5px;

border: 0;

}

#footer-top-new2 table.footer, #footer-top-new3 table.footer, #footer-top-new4 table.footer  {

margin: 0 0 0 5px;

border: 0;

}




#footer-top-new table.footer a, #footer-top-new2 table.footer a, #footer-top-new3 table.footer a, #footer-top-new4 table.footer a {

font-size: 12px;

text-decoration: none;

font-weight: bold;

color: #FFFFFF;

}


#footer-top-new table.footer span a, #footer-top-new2 table.footer span a, #footer-top-new3 table.footer span a, #footer-top-new4 table.footer span a {

font-size: 12px;

text-decoration: none;

font-weight: bold;

color: #FFFFFF;

}


#footer-top-new table.footer span.mark a, #footer-top-new2 table.footer span.mark a, #footer-top-new3 table.footer span.mark a {

border-bottom: 1px solid;


}



#footer-top-new table.footer a:hover, #footer-top-new2 table.footer a:hover, #footer-top-new3 table.footer a:hover, #footer-top-new4 table.footer a:hover {

font-size: 12px;

text-decoration: none;

font-weight: bold;

color: #99CCFF;

border-bottom: none;

}


#footer-top-new table.footer td, #footer-top-new table.footer th {

padding: 12px 9px 0 9px;

}


#footer-top-new2 table.footer td, #footer-top-new2 table.footer th, #footer-top-new3 table.footer td, #footer-top-new3 table.footer th, #footer-top-new4 table.footer td, #footer-top-new4 table.footer th {

padding: 0 9px 0 9px;

}



#box-4, #box-5, #box-6, #box-7, #box-8, #box-9, #box-10, #box-11, #box-12, #box-13, #box-14, #box-15, #interest {

position: absolute;

width: 525px;

height: 302px;

}

#box-5, #box-7, #box-9, #box-11, #box-13, #box-15 {

background: no-repeat url(../images/new-box5.gif);

}


#box-4, #box-6, #box-8, #box-10, #box-12, #box-14  {

background: no-repeat url(../images/new-box4.gif);

}


#box-4 img, #box-6 img, #box-8 img, #box-10 img, #box-12 img, #box-14 img {

padding: 45px 0 0 35px;

}


#box-4 p.email, #box-5 p.email, #box-6 p.email, #box-7 p.email, #box-8 p.email, #box-9 p.email, #box-10 p.email, #box-11 p.email, #box-12 p.email, #box-13 p.email, #box-14 p.email, #box-15 p.email {

position: absolute;

font-style: italic;

font-size: 18px;

color: #666666;

}


#box-4 p.email, #box-6 p.email, #box-8 p.email, #box-10 p.email, #box-12 p.email, #box-14 p.email {

float: right;

text-align: right;

}


#box-3 p.email, #box-5 p.email, #box-7 p.email, #box-9 p.email, #box-11 p.email, #box-13 p.email, #box-15 p.email {

float: left;

text-align: left;

padding: 10px 0 0 20px;

}





#box-3 img, #box-5 img, #box-7 img, #box-9 img, #box-11 img, #box-13 img {

padding: 45px 0 0 330px;

}


#box-3 p.staff, #box-5 p.staff, #box-7 p.staff, #box-9 p.staff, #box-11 p.staff, #box-13 p.staff  {

position: absolute;

font-size: 12px;

float: left;

text-align: justify;

margin: 100px 0 0 35px;

width: 230px;

line-height: 17px;

}


#box-15 p.staff-1, #box-14 p.staff-1, #box-13 p.staff-1 {

position: absolute;

font-size: 12px;

float: left;

text-align: justify;

margin: 95px 0 0 35px;

width: 220px;

border-left: 1px solid #CCCCCC;

}



#box-15 p.staff-2, #box-14 p.staff-2, #box-13 p.staff-2 {

position: absolute;

font-size: 12px;

float: right;

text-align: justify;

margin: 95px 0 0 270px;

width: 215px;

}

#box-15 p.staff-2 span, #box-15 p.staff-1 span, #box-14 p.staff-2 span, #box-14 p.staff-1 span, #box-13 p.staff-2 span, #box-13 p.staff-1 span {

color: #006699;

font-weight: bold;

}




#box-4 p.staff, #box-6 p.staff, #box-8 p.staff, #box-10 p.staff, #box-12 p.staff, #box-14 p.staff {

position: absolute;

font-size: 12px;

float: right;

text-align: justify;

margin: 100px 0 0 220px;

width: 230px;

line-height: 17px;

}



p.staff span {

color: #006699;

font-weight: bold;

letter-spacing: 0.5px;

}




#box-4, #interest {

margin: 60px 0 0 60px;

}





#box-5 {

margin: 405px 0 0 60px;

}




#box-6 {

margin: 750px 0 0 60px;

}

#box-7 {

margin: 1095px 0 0 60px;

}


#box-8 {

margin: 1440px 0 0 60px;

}


#box-9 {

margin: 1785px 0 0 60px;

}


#box-10 {

margin: 2130px 0 0 60px;

}


#box-11 {

margin: 2475px 0 0 60px;

}


#box-12 {

margin: 2820px 0 0 60px;

}


#box-13 {

margin: 3165px 0 0 60px;

}


#box-14 {

margin: 3510px 0 0 60px;

}


#box-15 {

margin: 3855px 0 0 60px;

}


#storebox {

position: absolute;

background: url(../images/tab1.gif) no-repeat;

height: 200px;

width: 400px;

margin: 0 0 0 30px;

}



#storebox2 {

position: absolute;

margin: 0 0 0 250px;

height: 210px;

width: 175px;

background: url(../images/store-box1.gif) no-repeat;

}

#storebox p.header, #storebox2 p.header {

font-size: 16px;

width: 175px;

text-align: center;

padding: 30px 0 0 0;

}


#right {

text-align: center;

width: 710px;

}


#box-1 table.schedule {


padding: 0 0 0 20px;

border: 0;

margin: 0 0 0 90px;

width: auto;

}


#box-1 table.schedule td, #box-1 table.schedule th {

width: 150px;

}

#box-1 table.schedule th {

text-align: left;

}


#store-music {

position: absolute;

width: 780px;

height: 600px;

margin: 0 0 0 10px;

background: url(../images/store-music-bg.gif) repeat-x;

z-index: 2;

}


#store-music ul {

list-style: none;

margin: 30px 0 0 0;

text-align: center;

padding: 0;

}

#store-music li {

display: inline;

}

#store-music li.tuition {

width: 90px;

height: 36px;

text-align: left;

margin: 0;

}



#store-music li.tuition a {

padding: 12px 9px 12px 9px;

background: url(../images/tuition-tab.gif) no-repeat;

color: #006699;

font-weight: bold;

}


#store-music li.tuition a:hover {

padding: 12px 9px 12px 9px;

color: #2299CC;

background: url(../images/tuition-tab.gif) no-repeat;

}





#store-music li.music {

width: 100px

height: 40px;

padding: 12px 13px 12px 13px;

background: url(../images/store-tab.gif) no-repeat;

font-weight: bold;

}


#store-music li.music a {

color: #006699;

}


#store-music li.music a:hover {

color: #2299CC;

}


#store-music ul.free {

list-style: none;

margin: 15px 0 0 60px;

text-align: left;

padding: 0;

}


#store-music li.free {

display: inline;

font-size: 12px;

padding: 0 5px 0 5px;

}

#store-music li.free a:hover {

color: #2299CC;

}


#store-music h2 {

margin: 0 0 0 30px;

padding: 0;

font-weight: bold;

font-size: 18px;

color: #666666;

}



#store-exercise {

width: 750px;

margin: 60px 0 0 25px;

}

#store-exercise ul {

display: inline;

}


#store-exercise ul li {

margin: 0 0 0 20px;

}


#store-exercise ul li img {

width: 131px;

height: 38px;

padding: 30px 14px 135px 12px;



}


#store-exercise ul li.tenor a img {

background: url(../images/tenor-exercise-bg.gif) no-repeat;

border: 0;

}


#store-exercise ul li.tenor a:hover img {

background: url(../images/tenor-exercise-bg2.gif) no-repeat;

border: 0;

}


#store-exercise ul li.bass a img {

background: url(../images/bass-exercise-bg.gif) no-repeat;

border: 0;

}


#store-exercise ul li.bass a:hover img {

background: url(../images/bass-exercise-bg2.gif) no-repeat;

border: 0;

}

#store-exercise ul li.snare a img {

background: url(../images/snare-exercise-bg.gif) no-repeat;

border: 0;

}


#store-exercise ul li.snare a:hover img {

background: url(../images/snare-exercise-bg2.gif) no-repeat;

border: 0;

}

#store-exercise ul li.cymbals a img {

background: url(../images/cymbals-exercise-bg.gif) no-repeat;

border: 0;

}


#store-exercise ul li.cymbals a:hover img {

background: url(../images/cymbals-exercise-bg2.gif) no-repeat;

border: 0;

}

#store-exercise ul li.rhythm a img {

background: url(../images/rhythm-section-exercise-bg.gif) no-repeat;

border: 0;

}


#store-exercise ul li.rhythm a:hover img {

background: url(../images/rhythm-section-exercise-bg2.gif) no-repeat;

border: 0;

}

#store-exercise ul li.mallets a img {

background: url(../images/mallets-exercise-bg.gif) no-repeat;

border: 0;

}


#store-exercise ul li.mallets a:hover img {

background: url(../images/mallets-exercise-bg2.gif) no-repeat;

border: 0;

}

#store-exercise ul li.battery a img {

background: url(../images/full-battery-exercise-bg.gif) no-repeat;

border: 0;

}


#store-exercise ul li.battery a:hover img {

background: url(../images/full-battery-exercise-bg2.gif) no-repeat;

border: 0;

}

#store-exercise ul li.auxiliary a img {

background: url(../images/auxiliary-percussion-exercise-bg.jpg) no-repeat;

border: 0;

}


#store-exercise ul li.auxiliary a:hover img {

background: url(../images/auxiliary-percussion-exercise-bg2.jpg) no-repeat;

border: 0;

}

#store-exercise ul li.keyboard a img {

background: url(../images/keyboard-exercise-bg.jpg) no-repeat;

border: 0;

}


#store-exercise ul li.keyboard a:hover img {

background: url(../images/keyboard-exercise-bg2.jpg) no-repeat;

border: 0;

}

#store-exercise ul li.drumset a img {

background: url(../images/drumset-exercise-bg.jpg) no-repeat;

border: 0;

}


#store-exercise ul li.drumset a:hover img {

background: url(../images/drumset-exercise-bg2.jpg) no-repeat;

border: 0;

}


#store-exercise p {

width: 135px;

text-align: center;

margin: 0;

padding: 50px 0 0 0;

color: #FFFFFF;

line-height: 36px;

font-weight: normal;

letter-spacing: 1px;

font-size: 28px;

}

#store-exercise p a {

color: #FFFFFF;

}


#store-exercise p a:hover {

color: #FFFFFF;

font-weight: bold;

}


#store-music h1 {

text-align: center;

width: 800px;

margin: 80px 0 0 0;

padding: 0;

color: #003366;

}

#store-music p.center {

text-align: center;

width: 800px;

margin: 0;

padding: 20px 0 0 0;


}


#store-music p {

width: 700px;

margin: 20px 0 0 20px;

text-align: justify;

font-size: 12px;

line-height: 150%;

padding: 10px 0 0 20px;

border-top: 1px solid #CCCCCC;

}




#store-music table.fees {

padding: 0;

margin: 30px 0 0 300px;

font-size: 14px;

}

#store-music table.fees input.dollars {

text-align: right;

}

#store-music table.fees input.submit {

margin: 0 0 0 15px;

}

#box-1 p.center2 {

width: 710px;

text-align: center;

}

#box-1 p.center3 {

text-align: center;

width: 725px;

}

#box-1 p.nudge {

margin: 0 0 0 20px;

}

#center {

width: 700px;

margin: 0 0 0 10px;

}

#box-1 h2.center {

width: 735px;

text-align: center;

}

#split {

position: absolute;

width: 425px;

margin: 0 0 0 400px;

padding: 0;

}

#split-1 {

position: absolute;

width: 425px;

margin: 0 0 0 15px;

padding: 0;

}


#box-1 ul.underline a {

text-decoration: underline;

}


#box-1 ul.underline a:hover {

text-decoration: none;

}


#box-1 p.top-line {

margin: 0 0 0 30px;

width: auto;

border-top: 1px solid #CCCCCC;

padding: 10px 0 0 0;

}

#box-1 p.top-line2 {

text-align: center;

font-size: 18px;

text-decoration: underline;

color: #2299CC;

margin: 0 0 0 30px;

width: auto;

border-bottom: 1px solid #2299CC;

padding: 10px 0 0 0;

}

#pic1, #pic2, #pic3, #pic7, #pic8, #pic9, #pic13, #pic14, #pic15 {

position: absolute;

background: url(../images/pic-bg.gif) no-repeat;

width: 210px;

height: 160px;

padding-top: 5px;

}


#pic4, #pic5, #pic6, #pic10, #pic11, #pic12 {

position: absolute;

background: url(../images/pic2-bg.gif) no-repeat;

width: 210px;

height: 160px;

padding-top: 5px;

}


#pic1  {

margin: 20px 0 0 0;

}


#pic2  {

margin: 20px 0 0 250px;

}


#pic3  {

margin: 20px 0 0 500px;

}


#pic4  {

margin: 200px 0 0 0;

}

#pic5  {

margin: 200px 0 0 250px;

}


#pic6  {

margin: 200px 0 0 500px;

}

#pic7  {

margin: 380px 0 0 0;

}

#pic8  {

margin: 380px 0 0 250px;

}


#pic9  {

margin: 380px 0 0 500px;

}

#pic10  {

margin: 560px 0 0 0;

}

#pic11  {

margin: 560px 0 0 250px;

}


#pic12  {

margin: 560px 0 0 500px;

}

#pic13  {

margin: 740px 0 0 0;

}

#pic14  {

margin: 740px 0 0 250px;

}


#pic15  {

margin: 740px 0 0 500px;

}


#pic16  {

position: absolute;

margin: 930px 0 0 50px;

background: url(../images/pic3-bg.gif) no-repeat;

width: 640px;

height: 488px;

padding: 5px 0 0 0;

}


#box-2 table.donation {

font-size: 12px;

margin: 0 0 0 70px;

color: #006699;

}

#box-2 table.donation th {

font-weight: normal;

}

#right2 {

position: absolute;

margin: 50px 0 0 250px;

font-size: 10px;

width: 150px;

text-align: justified;

}

#two {

margin: 0 0 0 300px;

padding: 0;

}

#two p {

padding: 0 0 0 40px;

}


#box-1 table.ditd {

width: auto;

margin: 30px 0 0 10px;

}



#box-1 table.ditd th {

padding: 0 15px 0 0;

color: #999999;

font-weight: normal;

}



#box-1 p.submit2, #box-1 p.center2 {

width: 800px;

padding: 10px 0 0 0;

text-align: center;

}


span.result {

padding: 0 0 0 20px;

}

#box-1 p.center3 {

width: 670px;

text-align: center;

color: #006699;

font-size: 18px;

}

#box-1 hr {

color: #CCCCCC;

}


#nav {

position: absolute;

margin: 200px 0 0 60px;

z-index: 10;

font-size: 14px;

width: 800px;

height: 55px;

}

#nav.zero {

background: url(../images/nav0.jpg) no-repeat;

}

#nav.one {

background: url(../images/nav1.jpg) no-repeat;

}


#nav.two {

background: url(../images/nav2.jpg) no-repeat;

}

#nav.three {

background: url(../images/nav3.jpg) no-repeat;

}


#nav.four {

background: url(../images/nav4.jpg) no-repeat;

}

#nav.five {

background: url(../images/nav5.jpg) no-repeat;

}


#nav.six {

background: url(../images/nav6.jpg) no-repeat;

}

#nav.seven {

background: url(../images/nav7.jpg) no-repeat;

}


#nav.eight {

background: url(../images/nav8.jpg) no-repeat;

}

#nav.nine {

background: url(../images/nav9.jpg) no-repeat;

}

#nav.ten {

background: url(../images/nav10.jpg) no-repeat;

}

#nav li span.mark a {

color: #CCCCCC;

text-decoration: none;

}


#nav li span.mark a:hover {

color: #CCCCCC;

}


#nav ul {

color: #006699;

margin: 9px 0 0 42px;

padding: 0;

}


#nav li {

display: inline;

list-style-type: none;

}


#nav li a {

text-decoration: none;

color: #006699;

}


#nav li a:hover{

color: #2299CC;

}


#nav li span.one {

padding: 0 0 0 37px;

}


#nav li span.two {

padding: 0 0 0 33px;

}

#nav li span.three {

padding: 0 0 0 25px;

}

#nav li span.four {

padding: 0 0 0 26px;

}

#nav li span.five {

padding: 0 0 0 39px;

}

#nav li span.six {

padding: 0 0 0 41px;

}

#nav li span.seven {

padding: 0 0 0 34px;

}

#nav li span.eight {

padding: 0 0 0 24px;

}

#nav li span.nine {

padding: 0 0 0 24px;

}



#nav-links {

position: absolute;

background: url(../images/nav-links-bg.jpg) no-repeat;

width: 800px;

height: 40px;

margin: 252px 0 0 60px;

padding: 0;

z-index: 30;

}


#nav-links.announcement {

background: url(../images/nav-links-bg2.jpg) no-repeat;

}



#nav-links.announcement img {

float: right;

padding: 3px 100px 0 0;

}


#nav-links a img {

border: 0;

}


#nav-links p {

padding: 2px 0 0 15px;

margin: 0;

font-size: 12px;

color: #CCCCCC;

}

#nav-links a {

color: #CCCCCC;

text-decoration: none;

padding: 0 10px 0 0;

}

#nav-links a:hover {

color: #2299CC

}

#nav-links a span {

text-decoration: underline;

}


#footer {

position: absolute;

background: url(../images/footer-bg.jpg) no-repeat;

z-index: 40;

width: 800px;

margin: 1060px 0 0 60px;

height: 65px;

}


#footer.short {

margin: 760px 0 0 60px;

}

#footer.tall {

margin: 2250px 0 0 60px;

}


#footer.xtall {

margin: 3800px 0 0 60px;

}



#footer.medium {

margin: 1380px 0 0 60px;

}


#footer.medium2 {

margin: 1560px 0 0 60px;

}


#footer ul {

width: 750px;

text-align: right;

margin: 20px 0 0 0;

}

#footer li {

display: inline;

font-size: 12px;

color: #666666;

}

#footer li span {

float: left;

padding: 4px 25px 0 0;

}



#footer li a {

color: #CCCCCC;

text-decoration: none;

}

#footer li a:hover {

color: #2299CC;

}



#footer table {

float: right;

margin: 0;

padding: 0;

}

#footer table th {

font-weight: normal;

}