/************************************************************************************************************************/ /* RESET THE CSS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0pt none; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; outline-color:invert; outline-style:none; outline-width:0pt; padding:0pt; vertical-align:baseline; } table { border-collapse:separate; border-spacing:0pt; } caption, th, td { font-weight:normal; text-align:left; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } strong { font-weight:bold; } em { font-style:italic; } * { margin:0pt; padding:0pt; } a { outline: none; } /*******************************************************************************************************************************/ /* FONT STYLES DOCUMENT WIDE */ h1 { font-size: 18px; padding-bottom: 6px; color: #4492CC; } h2 { font-size: 18px; padding-bottom: 6px; color: #8005AD; } h3 { font-size: 18px; padding-bottom: 6px; color: #75CC42; } h4 { font-size: 18px; padding-bottom: 6px; color: #E0AE0E; } h5 { font-size: 16px; padding-bottom: 5px; color: #4492CC; } h6 { font-size: 14px; padding-bottom: 4px; color: #4492CC; } #inside-title h1 { color: #ffffff; font-size: 18px; font-weight: bold; padding: 22px 0px 0px 25px; } #inside-right h1 { color: #4492CC; font-size: 14px; font-weight: bold; } #schedule-title h1 { float: left; width: 270px; color: #ffffff; font-size: 16px; font-weight: bold; padding: 9px 0px 0px 10px; } #sch-info h1 { color: #C07CE8; font-size: 14px; font-weight: bold; } p { font-size: 12px; line-height: 16px; color: #636363; padding-bottom: 12px; } a { color: #4492CC; text-decoration: none; } a:hover { color: #8005AD; } ul { font-size: 12px; color: #7A7A7A; padding: 0px 60px 8px 20px; } ul li { padding-bottom: 6px; } ul li ul { padding: 6px 60px 6px 20px; } ul li ul li { padding-bottom: 4px; } .bold { color: #8005AD; font-weight: bold; } .light-blue { color: #DBF1FC; } .blue-bold { color: #4492CC; font-weight: bold; } .bold-b { font-weight: bold; } .italic { font-style: italic; } p.prices { background: #F4F4F4; border: solid 1px #DDDDDD; font-size: 10px; text-align: left; padding: 5px 10px 6px 10px; width: 480px; margin-bottom: 15px; } .img-right { float: right; padding: 0px 0px 14px 14px; } table.schedule { float: left; width: 500px; border-collapse: collapse; border: solid 1px #898989; font-size: 11px; } table.schedule th { background: #EAEAEA; padding: 10px 8px 6px 8px; text-align: left; border-left: solid 1px #898989; border-bottom: solid 1px #898989; font-weight: bold; } table.schedule td { padding: 8px 5px 6px 5px; text-align: left; } table.schedule tr.alt { background: #F4F4F4; } /*******************************************************************************************************************************/ /* CENTERING AND POSITIONING */ body { background: #ffffff repeat-x 0px 103px; font-family: Arial, Helvetica, sans-serif; } #wrapper { margin: 0 auto; width: 820px; } /*******************************************************************************************************************************/ /* HEADER STYLES */ #header { background: url(../images/bg-header.jpg) repeat-y; float: left; width: 820px; } #logo { float: left; width: 128px; height: 74px; padding: 15px 0px 0px 30px; } #nav-cont { float: left; width: 600px; padding: 74px 0px 0px 52px; } * html #nav-cont { padding-left: 49px; } #piano { background: url(../images/banner/banner-piano.png) no-repeat; } #piano-right { background: url(../images/banner/banner-piano-right.png) no-repeat; } #keyboard { background: url(../images/banner/banner-keyboard.png) no-repeat; } #keyboard-right { background: url(../images/banner/banner-keyboard-right.png) no-repeat; } #guitar { background: url(../images/banner/banner-guitar.png) no-repeat; } #guitar-right { background: url(../images/banner/banner-guitar-right.png) no-repeat; } #voice { background: url(../images/banner/banner-voice.png) no-repeat; } #voice-right { background: url(../images/banner/banner-voice-right.png) no-repeat; } #violin { background: url(../images/banner/banner-violin.png) no-repeat; } #violin-right { background: url(../images/banner/banner-violin-right.png) no-repeat; } #theory { background: url(../images/banner/banner-theory.png) no-repeat; } #theory-right { background: url(../images/banner/banner-theory-right.png) no-repeat; } #lvlone { background: url(../images/banner/banner-one.png) no-repeat; } #lvlone-right { background: url(../images/banner/banner-one-right.png) no-repeat; } #lvltwo { background: url(../images/banner/banner-two.png) no-repeat; } #lvltwo-right { background: url(../images/banner/banner-two-right.png) no-repeat; } #preview { background: url(../images/banner/banner-preview.png) no-repeat; } #preview-right { background: url(../images/banner/banner-preview-right.png) no-repeat; } #certificate { background: url(../images/banner/banner-certificate.png) no-repeat; } #certificate-right { background: url(../images/banner/banner-certificate-right.png) no-repeat; } #festival { background: url(../images/banner/banner-festival.png) no-repeat; } #festival-right { background: url(../images/banner/banner-festival-right.png) no-repeat; } #playloud { background: url(../images/banner/banner-playloud.png) no-repeat; } #playloud-right { background: url(../images/banner/banner-playloud-right.png) no-repeat; } #aptitude-right { background: url(../images/banner/banner-aptitude-right.png) no-repeat; } #homeban-full { background: url(../images/banner/banner-main.png) no-repeat; } #homeban { background: url(../images/banner/banner-home.png) no-repeat; } #homeban-right { background: url(../images/banner/banner-home-right.png) no-repeat; } #locations { background: url(../images/banner/banner-locations.png) no-repeat; } #locations-right { background: url(../images/banner/banner-locations-right.png) no-repeat; } #register { background: url(../images/banner/banner-register.png) no-repeat; } #register-right { background: url(../images/banner/banner-register-right.png) no-repeat; } #employment { background: url(../images/banner/banner-employment.png) no-repeat; } #employment-right { background: url(../images/banner/banner-employment-right.png) no-repeat; } #about { background: url(../images/banner/banner-about.png) no-repeat; } #about-right { background: url(../images/banner/banner-about-right.png) no-repeat; } #contact { background: url(../images/banner/banner-contact.png) no-repeat; } #contact-right { background: url(../images/banner/banner-contact-right.png) no-repeat; } #banner { background: url(../images/bg-banner.png) no-repeat; float: left; width: 820px; height: 257px; } * html #banner { behavior: url(../images/iepngfix.htc); float: left; width: 820px; height: 257px; } .banner-full { float: left; width: 800px; height: 250px; margin-left: 10px; border-top: solid 2px #DBF1FC; } * html .banner-full { behavior: url(../images/iepngfix.htc); float: left; width: 800px; height: 250px; margin-left: 5px; } .banner-left { float: left; width: 524px; height: 250px; margin-left: 10px; border-top: solid 2px #DBF1FC; } * html .banner-left { behavior: url(../images/iepngfix.htc); float: left; width: 524px; height: 250px; margin-left: 5px; } .banner-right { float: left; width: 276px; height: 250px; border-top: solid 2px #DBF1FC; } * html .banner-right { behavior: url(../images/iepngfix.htc); float: left; width: 276px; height: 250px; } /*******************************************************************************************************************************/ /* MAIN GLOBAL NAVIGATION */ ul#nav { background: url(../images/bg-nav.jpg) repeat-x bottom; float: left; width: 600px; height: 28px; list-style: none; padding: 0px; } ul#nav li { float: left; height: 10px; margin: 0px 15px 0px 15px; padding: 0px; } * html ul#nav li { margin: 0px 14px 0px 14px; } ul#nav li a { float: left; height: 28px; } ul#nav li a:hover { float: left; height: 28px; } /* LIST STRUCTURE */ ul#nav li#corner { background: url(../images/nav-corner.jpg) no-repeat bottom; width: 9px; height: 28px; margin: 0px; } ul#nav li#programs { background: url(../images/nav-programs.jpg) no-repeat; width: 71px; } ul#nav li#locations { background: url(../images/nav-locations.jpg) no-repeat; width: 69px; } ul#nav li#register { background: url(../images/nav-register.jpg) no-repeat; width: 59px; } ul#nav li#employment { background: url(../images/nav-employment.jpg) no-repeat; width: 85px; } ul#nav li#about-us { background: url(../images/nav-about-us.jpg) no-repeat; width: 64px; } ul#nav li#contact { background: url(../images/nav-contact.jpg) no-repeat; width: 57px; } /* LINK STYLES */ ul#nav li#programs a { background: url(../images/nav-programs.jpg) no-repeat; width: 71px; } ul#nav li#locations a { background: url(../images/nav-locations.jpg) no-repeat; width: 69px; } ul#nav li#register a { background: url(../images/nav-register.jpg) no-repeat; width: 59px; } ul#nav li#employment a { background: url(../images/nav-employment.jpg) no-repeat; width: 85px; } ul#nav li#about-us a { background: url(../images/nav-about-us.jpg) no-repeat; width: 64px; } ul#nav li#contact a { background: url(../images/nav-contact.jpg) no-repeat; width: 57px; } /* HOVER STYLES */ ul#nav li#programs a:hover { background: url(../images/nav-programs-over.jpg) no-repeat; } ul#nav li#locations a:hover { background: url(../images/nav-locations-over.jpg) no-repeat; } ul#nav li#register a:hover { background: url(../images/nav-register-over.jpg) no-repeat; } ul#nav li#employment a:hover { background: url(../images/nav-employment-over.jpg) no-repeat; } ul#nav li#about-us a:hover { background: url(../images/nav-about-us-over.jpg) no-repeat; } ul#nav li#contact a:hover { background: url(../images/nav-contact-over.jpg) no-repeat; } /*******************************************************************************************************************************/ /* CONTAINER STRUCTURE LAYOUT */ #container { float: left; width: 800px; margin: 0px 10px 0px 10px; } * html #container { margin: 0px 5px 0px 5px; } #content { float: left; width: 800px; } #content-cont { padding: 15px 15px 10px 15px; } /*******************************************************************************************************************************/ /* INSIDE STYLES */ #container.inside { float: left; width: 820px; margin: 0px 0px 0px 0px; } #content.inside { background: url(../images/bg-schedule.jpg) repeat-y; float: left; width: 820px; padding-bottom: 15px; } #content-cont.inside { padding: 15px 25px 10px 25px; } /* TITLE AND INSIDE LAYOUT */ #inside-title { background: url(../images/bg-inside-title.jpg) no-repeat; float: left; width: 820px; height: 51px; } #inside-left { float: left; width: 500px; } #inside-bottom { background: url(../images/bg-inside-bottom.jpg) no-repeat bottom; float: left; width: 820px; height: 25px; } /*******************************************************************************************************************************/ /* RIGHT SIDE LAYOUT */ #inside-right { float: left; width: 245px; padding-left: 25px; } #ask-question, #register { padding: 0px 0px 15px 5px; } /* SLIDER STYLES */ #panel { background: #DBF1FC; height: 255px; display: none; } .slide { margin: 0; padding: 0; } /* SLIDER FORM STYLES */ .form-line { font-size: 11px; color: #4492CC; width: 230px; margin: 0px 0px 10px 10px; float: left; } * html .form-line { margin-left: 0px; padding-left: 10px; } .input { width: 220px; font-size: 12px; color: #636363; font-family: Arial, sans-serif; } .textarea { width: 220px; height: 150px; font-size: 12px; color: #636363; font-family: Arial, sans-serif; } .submit { margin-left: 90px; } /*******************************************************************************************************************************/ /* SCHEDULE STYLES */ #schedule { background: url(../images/bg-schedule.jpg) repeat-y; float: left; width: 820px; margin: 0px 0px 0px 0px; } #schedule-cont { padding: 0px 10px 0px 10px; } #schedule-title { background: url(../images/bg-schedule-title.jpg) repeat-x; float: left; width: 800px; height: 33px; } ul#sch-locations { float: left; width: 510px; list-style: none; padding: 15px 0px 0px 0px; } /* LIST LAYOUT */ ul#sch-locations li { float: left; color: #ffffff; } /* LINK STRUCTION */ ul#sch-locations li a:hover { background: #ffffff; color: #4492CC; } *:first-child+html ul#sch-locations li a:hover { background: #ffffff; color: #4492CC; } ul#sch-locations a, ul#sch-locations a:active, ul#sch-locations a:visited { color: #ffffff; text-decoration: none; margin: 10px 2px 0px 2px; padding: 3px 7px 3px 7px; } ul#sch-locations a.selected, ul#sch-locations a.selected:active, ul#sch-locations a.selected:visited { background: #ffffff; color: #4492CC; margin: 10px 2px 0px 2px; padding: 3px 7px 3px 7px; } /* LOCATION SCHEDULE INFORMATION LAYOUT */ #sch-info1, #sch-info2, #sch-info3, #sch-info4, #sch-info5 { float: left; padding: 15px 25px 15px 25px; } .am { float: left; width: 300px; border-right: solid 1px #8005AD; border-left: solid 1px #8005AD; padding: 0px 0px 0px 30px; } * html .am { padding-left: 30px; } .pm { float: left; width: 300px; padding: 0px 0px 0px 40px; } * html .pm { padding-left: 30px; } .hidden, .hidden-loc1, .hidden-loc2, .hidden-loc3, .hidden-loc4, .hidden-loc5 { display: none; } .sch-info { float: left; width: 752px; padding: 10px 20px 0px 20px; } /* LOCATION MAPS PAGE */ #map { width: 490px; height: 500px; border: solid 1px #4492CC; } ul#locations { float: left; list-style: none; padding: 0px; margin: 0px; } ul#locations li { float: left; padding: 0px; } /*******************************************************************************************************************************/ /* DAYS BY LOCATION LAYOUT NAVIGATION STYLES */ /* DAYS LAYOUT STYLES */ #sch-day-sun-loc1, #sch-day-mon-loc1, #sch-day-tues-loc1, #sch-day-wed-loc1, #sch-day-thurs-loc1, #sch-day-fri-loc1, #sch-day-sat-loc1 { float: left; padding: 0px; } #sch-day-sun-loc2, #sch-day-mon-loc2, #sch-day-tues-loc2, #sch-day-wed-loc2, #sch-day-thurs-loc2, #sch-day-fri-loc2, #sch-day-sat-loc2 { float: left; padding: 0px; } #sch-day-sun-loc3, #sch-day-mon-loc3, #sch-day-tues-loc3, #sch-day-wed-loc3, #sch-day-thurs-loc3, #sch-day-fri-loc3, #sch-day-sat-loc3 { float: left; padding: 0px; } #sch-day-sun-loc4, #sch-day-mon-loc4, #sch-day-tues-loc4, #sch-day-wed-loc4, #sch-day-thurs-loc4, #sch-day-fri-loc4, #sch-day-sat-loc4 { float: left; padding: 0px; } #sch-day-sun-loc5, #sch-day-mon-loc5, #sch-day-tues-loc5, #sch-day-wed-loc5, #sch-day-thurs-loc5, #sch-day-fri-loc5, #sch-day-sat-loc5 { float: left; padding: 0px; } ul#sch-days-loc1, ul#sch-days-loc2, ul#sch-days-loc3, ul#sch-days-loc4, ul#sch-days-loc5 { float: left; width: 50px; padding: 0px; margin: 10px 20px 0px 0px; list-style: none; } ul#sch-rud-loc1, ul#sch-rud-loc2, ul#sch-rud-loc3, ul#sch-rud-loc4, ul#sch-rud-loc5 { float: left; width: 100px; padding: 0px; margin: 10px 20px 0px 0px; list-style: none; } /* LIST STRUCTURE */ ul#sch-days-loc1 li, ul#sch-days-loc2 li, ul#sch-days-loc3 li, ul#sch-days-loc4 li, ul#sch-days-loc5 li { float: right; color: #4492CC; } ul#sch-days-loc1 li a, ul#sch-days-loc2 li a, ul#sch-days-loc3 li a, ul#sch-days-loc4 li a, ul#sch-days-loc5 li a { color: #4492CC; text-decoration: none; margin: 12px 2px 2px 2px; padding: 3px 7px 3px 7px; } ul#sch-days-loc1 li a:hover, ul#sch-days-loc2 li a:hover, ul#sch-days-loc3 li a:hover, ul#sch-days-loc4 li a:hover, ul#sch-days-loc5 li a:hover { background: #6EB4E2; color: #ffffff; margin: 12px 2px 2px 2px; padding: 3px 7px 3px 7px; } /* LINK STYLES */ ul#sch-days-loc1 a, ul#sch-days-loc1 a:active, ul#sch-days-loc1 a:visited { color: #4492CC; text-decoration: none; margin: 12px 2px 2px 2px; padding: 3px 7px 3px 7px; } ul#sch-days-loc1 a.selected, ul#sch-days-loc1 a.selected:active, ul#sch-days-loc1 a.selected:visited, ul#sch-days-loc2 a.selected, ul#sch-days-loc2 a.selected:active, ul#sch-days-loc2 a.selected:visited, ul#sch-days-loc3 a.selected, ul#sch-days-loc3 a.selected:active, ul#sch-days-loc3 a.selected:visited, ul#sch-days-loc4 a.selected, ul#sch-days-loc4 a.selected:active, ul#sch-days-loc4 a.selected:visited, ul#sch-days-loc5 a.selected, ul#sch-days-loc5 a.selected:active, ul#sch-days-loc5 a.selected:visited { background: #6EB4E2; color: #ffffff; margin: 12px 2px 2px 2px; padding: 3px 7px 3px 7px; } /*******************************************************************************************************************************/ /* LEFT HOME PAGE STYLES */ #home-left { background: url(../images/bg-left-bg.jpg) repeat-y; float: left; width: 368px; margin-right: 10px; } #home-left-bottom { background: url(../images/bg-left-bottom.jpg) no-repeat bottom; float: left; width: 368px; } #title-beginners { float: left; width: 368px; height: 48px; } #home-left-cont { margin-left: 8px; } #home-aptitude, #home-level1, #home-level2 { margin-bottom: 2px; } /*******************************************************************************************************************************/ /* RIGHT HOME PAGE STYLES */ #home-right { background: url(../images/bg-right-bg.jpg) repeat-y; float: left; width: 368px; margin-left: 10px; } #home-right-bottom { background: url(../images/bg-right-bottom.jpg) no-repeat bottom; float: left; width: 368px; } #title-all-skills { float: left; width: 368px; height: 48px; } .home-right-cont { margin-left: 8px; } ul#nav-home-inst { float: left; width: 300px; list-style: none; padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; } ul#nav-home-inst li { float: left; width: 300px; color: #7FC1EA; font-weight: bold; padding-bottom: 15px; padding-left: 12px; font-size: 16px; } ul#nav-home-inst li:hover { float: left; background: url(../images/nav-arrow.jpg) no-repeat 0px 8px; width: 300px; } ul#nav-home-inst li a { background: #ffffff; color: #2c79a5; text-decoration: none; } ul#nav-home-inst li a:hover { float: left; width: 300px; color: #175071; } ul#nav-home-inst li.piano a:hover { background: url(../images/nav-home-piano.jpg) no-repeat right; } ul#nav-home-inst li.keyboard a:hover { background: url(../images/nav-home-keyboard.jpg) no-repeat right; } ul#nav-home-inst li.guitar-bass a:hover { background: url(../images/nav-home-guitar-bass.jpg) no-repeat right; } ul#nav-home-inst li.voice a:hover { background: url(../images/nav-home-voice.jpg) no-repeat right; } ul#nav-home-inst li.violin a:hover { background: url(../images/nav-home-violin.jpg) no-repeat right; } ul#nav-home-inst li.theory a:hover { background: url(../images/nav-home-guitar-bass.jpg) no-repeat right; } #blue-line { float: left; width: 354px; border-bottom: solid 1px #7FC1EA; } #wyms-link { float: left; width: 328px; height: 67px; padding: 15px 0px 3px 13px; } * html #wyms-link { margin-left: 6px; padding-left: 1px; } /*******************************************************************************************************************************/ /* ADS ON HOME PAGE */ #home-ads { float: left; width: 756px; padding: 10px 0px 10px 0px; } .ads { float: left; width: 172px; height: 92px; padding-right: 21px; } #ad4 { padding-right: 0px; } /*******************************************************************************************************************************/ /* ADDITIONAL CONTACT STYLES */ .contact-locations { float: left; width: 300px; padding: 10px; } .contact-col { float: left; width: 180px; padding: 10px; } /*******************************************************************************************************************************/ /* FORM REGISTRATION STYLES */ .form-cont { float: left; width: 500px; } .form-line { float: left; width: 500px; padding-bottom: 10px; } .form-title { background: #F8F8F8; float: left; width: 480px; padding: 6px; color: #8E8E8E; border: solid 1px #C1C1C1; font-size: 11px; font-weight: bold; margin-bottom: 15px; } label { float: left; width: 190px; padding: 0px 25px 0px 0px; } label.short { float: left; width: 100px; padding: 0px 25px 0px 0px; } label.long { float: left; width: 455px; padding: 0px 25px 0px 0px; } .input-text { float: left; width: 190px; margin-right: 25px; color: #666666; } input.long { width: 410px; } .select { float: left; width: 190px; margin-right: 25px; color: #666666; } select.long { width: 410px; } .textarea { float: left; width: 410px; height: 100px; } .radio { float: left; width: 20px; color: #636363; } .check { float: left; width: 20px; color: #636363; } .radio-label { float: left; width: 150px; color: #636363; } .radio-label-long { float: left; width: 430px; color: #636363; } #student_id { width: 60px; } #date_month { width: 40px; margin-right: 5px; } #date_day { width: 40px; margin-right: 5px; } #date_year { width: 60px; margin-right: 5px; } #birth_month { width: 40px; margin-right: 5px; } #birth_day { width: 40px; margin-right: 5px; } #birth_year { width: 60px; margin-right: 5px; } #date_format { padding-left: 215px; } #time_format { padding-left: 215px; } #lesson_time_hour { width: 30px; margin-right: 5px; } #lesson_time_minute { width: 30px; margin-right: 5px; } #am_pm { width: 80px; } #program_desc { width: 410px; } .long-line { float: left; width: 410px; } .mid-line { float: left; width: 215px; } .red { color: #CC0000; } .submit-form, #send_registration { float: right; } #postal_code { width: 100px; } .error p { color: #CC0000; font-size: 11px; padding-bottom: 3px; } .success p { color: #0099FF; font-size: 11px; padding-bottom: 3px; } /*******************************************************************************************************************************/ /* SUB NAVIGATION STYLES */ .right-cont { padding: 2px 10px 0px 10px; } .subtitle { float: right; width: 245px; height: 55px; margin: 0px; } #title-register { background: url(../images/subnav/title-instructions.jpg) no-repeat; } #title-employment { background: url(../images/subnav/title-current-openings.jpg) no-repeat; } #title-about { background: url(../images/subnav/title-did-you-know.jpg) no-repeat; } #title-locations { background: url(../images/subnav/title-locations.jpg) no-repeat; } ul.subnav { float: right; width: 245px; margin: 0px; padding: 55px 0px 20px 0px; list-style: none; } ul.subnav#no-title { padding-top: 0px; } ul#program-options { background: url(../images/subnav/title-program-options.jpg) no-repeat; } ul#tauber-piano { background: url(../images/subnav/title-piano.jpg) no-repeat; } ul#tauber-keyboard { background: url(../images/subnav/title-keyboard.jpg) no-repeat; } ul#tauber-guitar { background: url(../images/subnav/title-guitar.jpg) no-repeat; } ul#tauber-giftcerti { background: url(../images/subnav/title-gift.jpg) no-repeat; } ul#tauber-voice { background: url(../images/subnav/title-vocals.jpg) no-repeat; } ul#tauber-violin { background: url(../images/subnav/title-violin.jpg) no-repeat; } ul#tauber-theory { background: url(../images/subnav/title-theory.jpg) no-repeat; } ul#tauber-theory { background: url(../images/subnav/title-theory.jpg) no-repeat; } ul#level-one { background: url(../images/subnav/title-lvl-one.jpg) no-repeat; } ul#level-two { background: url(../images/subnav/title-lvl-two.jpg) no-repeat; } ul.subnav li { float: left; width: 218px; height: 42px; padding: 0px; margin: 0px; } ul.subnav li a { float: left; width: 218px; height: 42px; padding: 0px; margin: 0px; } ul.subnav li a:hover { float: left; width: 226px; height: 42px; } ul.subnav li a.highlight { float: left; width: 241px; height: 42px; } ul.subnav li.double, ul.subnav li.double a, ul.subnav li.double a:hover { height: 64px; } ul.subnav li.double a.highlight2 { float: left; width: 241px; height: 64px; } ul.subnav li#highlights { background: url(../images/subnav/nav-highlights.jpg) no-repeat center; } ul.subnav li#lesson { background: url(../images/subnav/nav-lesson.jpg) no-repeat center; } ul.subnav li#advantages { background: url(../images/subnav/nav-advantages.jpg) no-repeat center; } ul.subnav li#benefits { background: url(../images/subnav/nav-benefits.jpg) no-repeat center; } ul.subnav li#description { background: url(../images/subnav/nav-description.jpg) no-repeat center; } ul.subnav li#description2 { background: url(../images/subnav/nav-description2.jpg) no-repeat center; } ul.subnav li#lesson-fees { background: url(../images/subnav/nav-lesson-fees.jpg) no-repeat center; } ul.subnav li#schedules { background: url(../images/subnav/nav-schedules.jpg) no-repeat center; } ul.subnav li#group-lessons { background: url(../images/subnav/nav-group-lessons.jpg) no-repeat center; } ul.subnav li#after { background: url(../images/subnav/nav-after.jpg) no-repeat center; } ul.subnav li#itm { background: url(../images/subnav/nav-itm.jpg) no-repeat center; } ul.subnav li#piano-program { background: url(../images/subnav/nav-piano.jpg) no-repeat center; } ul.subnav li#aptitude { background: url(../images/subnav/nav-aptitude.jpg) no-repeat center; } ul.subnav li#rcp { background: url(../images/subnav/nav-rcp.jpg) no-repeat center 15px; } ul.subnav li#keyboard-program { background: url(../images/subnav/nav-keyboard.jpg) no-repeat center; } ul.subnav li#guitar-program { background: url(../images/subnav/nav-guitar.jpg) no-repeat center; } ul.subnav li#gift-flyers { background: url(../images/subnav/gift-certificate-flyers.jpg) no-repeat center; } ul.subnav li#gift-coupon { background: url(../images/subnav/gift-certificate-coupons.jpg) no-repeat center; } ul.subnav li#gift-certif { background: url(../images/subnav/gift-certificate-gifts.jpg) no-repeat center; } ul.subnav li#bass-program { background: url(../images/subnav/nav-bass.jpg) no-repeat center; } ul.subnav li#voice-program { background: url(../images/subnav/nav-voice.jpg) no-repeat center; } ul.subnav li#workbook { background: url(../images/subnav/nav-workbook.jpg) no-repeat center; } ul.subnav li#violin-program { background: url(../images/subnav/nav-violin.jpg) no-repeat center; } ul.subnav li#rcv { background: url(../images/subnav/nav-rcv.jpg) no-repeat center; } ul.subnav li#theory-program { background: url(../images/subnav/nav-description2.jpg) no-repeat center; } ul.subnav li#rct { background: url(../images/subnav/nav-rct.jpg) no-repeat center; } ul.subnav li#details { background: url(../images/subnav/nav-details.jpg) no-repeat center; } ul.subnav li#types-certificates { background: url(../images/subnav/nav-types-certificates.jpg) no-repeat center; } ul.subnav li#purchase { background: url(../images/subnav/nav-purchase.jpg) no-repeat center; } ul.subnav li#date-location { background: url(../images/subnav/nav-date-location.jpg) no-repeat center; } ul.subnav li#registration-details { background: url(../images/subnav/nav-registration-details.jpg) no-repeat center; } ul.subnav li#overview { background: url(../images/subnav/nav-overview.jpg) no-repeat center; } ul.subnav li#preview { background: url(../images/subnav/nav-preview.jpg) no-repeat center; } ul.subnav li#junior-maestros { background: url(../images/subnav/nav-junior-maestros.jpg) no-repeat center; } ul.subnav li#register { background: url(../images/subnav/nav-register.jpg) no-repeat center; } ul.subnav li#renew { background: url(../images/subnav/nav-register-renew.jpg) no-repeat center; } ul.subnav li#playloud { background: url(../images/subnav/nav-register-playloud.jpg) no-repeat center; } ul.subnav li#festival { background: url(../images/subnav/nav-register-festival.jpg) no-repeat center; } ul.subnav li#lvlone { background: url(../images/subnav/nav-lvlone.jpg) no-repeat center; } ul.subnav li#lvltwo { background: url(../images/subnav/nav-lvltwo.jpg) no-repeat center; } ul.subnav li#highlights a { background: #ffffff url(../images/subnav/nav-highlights.jpg) no-repeat center; } ul.subnav li#lesson a { background: #ffffff url(../images/subnav/nav-lesson.jpg) no-repeat center; } ul.subnav li#advantages a { background: #ffffff url(../images/subnav/nav-advantages.jpg) no-repeat center; } ul.subnav li#benefits a { background: #ffffff url(../images/subnav/nav-benefits.jpg) no-repeat center; } ul.subnav li#description a { background: #ffffff url(../images/subnav/nav-description.jpg) no-repeat center; } ul.subnav li#description2 a { background: #ffffff url(../images/subnav/nav-description2.jpg) no-repeat center; } ul.subnav li#lesson-fees a { background: #ffffff url(../images/subnav/nav-lesson-fees.jpg) no-repeat center; } ul.subnav li#schedules a { background: #ffffff url(../images/subnav/nav-schedules.jpg) no-repeat center; } ul.subnav li#group-lessons a { background: #ffffff url(../images/subnav/nav-group-lessons.jpg) no-repeat center; } ul.subnav li#after a { background: #ffffff url(../images/subnav/nav-after.jpg) no-repeat center; } ul.subnav li#itm a { background: #ffffff url(../images/subnav/nav-itm.jpg) no-repeat center; } ul.subnav li#piano-program a { background: #ffffff url(../images/subnav/nav-piano.jpg) no-repeat center; } ul.subnav li#aptitude a { background: #ffffff url(../images/subnav/nav-aptitude.jpg) no-repeat center; } ul.subnav li#rcp a { background: #ffffff url(../images/subnav/nav-rcp.jpg) no-repeat center; } ul.subnav li#keyboard-program a { background: #ffffff url(../images/subnav/nav-keyboard.jpg) no-repeat center; } ul.subnav li#guitar-program a { background: #ffffff url(../images/subnav/nav-guitar.jpg) no-repeat center; } ul.subnav li#gift-flyers a{ background: #ffffff url(../images/subnav/gift-certificate-flyers.jpg) no-repeat center; } ul.subnav li#gift-coupon a{ background: #ffffff url(../images/subnav/gift-certificate-coupons.jpg) no-repeat center; } ul.subnav li#gift-certif a{ background: #ffffff url(../images/subnav/gift-certificate-gifts.jpg) no-repeat center; } ul.subnav li#bass-program a { background: #ffffff url(../images/subnav/nav-bass.jpg) no-repeat center; } ul.subnav li#voice-program a { background: #ffffff url(../images/subnav/nav-voice.jpg) no-repeat center; } ul.subnav li#workbook a { background: #ffffff url(../images/subnav/nav-workbook.jpg) no-repeat center; } ul.subnav li#violin-program a { background: #ffffff url(../images/subnav/nav-violin.jpg) no-repeat center; } ul.subnav li#rcv a { background: #ffffff url(../images/subnav/nav-rcv.jpg) no-repeat center; } ul.subnav li#theory-program a { background: #ffffff url(../images/subnav/nav-description2.jpg) no-repeat center; } ul.subnav li#rct a { background: #ffffff url(../images/subnav/nav-rct.jpg) no-repeat center; } ul.subnav li#details a { background: #ffffff url(../images/subnav/nav-details.jpg) no-repeat center; } ul.subnav li#types-certificates a { background: #ffffff url(../images/subnav/nav-types-certificates.jpg) no-repeat center; } ul.subnav li#purchase a { background: #ffffff url(../images/subnav/nav-purchase.jpg) no-repeat center; } ul.subnav li#date-location a { background: #ffffff url(../images/subnav/nav-date-location.jpg) no-repeat center; } ul.subnav li#registration-details a { background: #ffffff url(../images/subnav/nav-registration-details.jpg) no-repeat center; } ul.subnav li#overview a { background: #ffffff url(../images/subnav/nav-overview.jpg) no-repeat center; } ul.subnav li#preview a { background: #ffffff url(../images/subnav/nav-preview.jpg) no-repeat center; } ul.subnav li#junior-maestros a { background: #ffffff url(../images/subnav/nav-junior-maestros.jpg) no-repeat center; } ul.subnav li#register a { background: #ffffff url(../images/subnav/nav-register.jpg) no-repeat center; } ul.subnav li#renew a { background: #ffffff url(../images/subnav/nav-register-renew.jpg) no-repeat center; } ul.subnav li#playloud a { background: #ffffff url(../images/subnav/nav-register-playloud.jpg) no-repeat center; } ul.subnav li#festival a { background: #ffffff url(../images/subnav/nav-register-festival.jpg) no-repeat center; } ul.subnav li#lvlone a { background: #ffffff url(../images/subnav/nav-lvlone.jpg) no-repeat center; } ul.subnav li#lvltwo a { background: #ffffff url(../images/subnav/nav-lvltwo.jpg) no-repeat center; } ul.subnav li#highlights a:hover { background: #ffffff url(../images/subnav/nav-highlights-over.jpg) no-repeat center; } ul.subnav li#lesson a:hover { background: #ffffff url(../images/subnav/nav-lesson-over.jpg) no-repeat center; } ul.subnav li#advantages a:hover { background: #ffffff url(../images/subnav/nav-advantages-over.jpg) no-repeat center; } ul.subnav li#benefits a:hover { background: #ffffff url(../images/subnav/nav-benefits-over.jpg) no-repeat center; } ul.subnav li#description a:hover { background: #ffffff url(../images/subnav/nav-description-over.jpg) no-repeat center; } ul.subnav li#description2 a:hover { background: #ffffff url(../images/subnav/nav-description2-over.jpg) no-repeat center; } ul.subnav li#lesson-fees a:hover { background: #ffffff url(../images/subnav/nav-lesson-fees-over.jpg) no-repeat center; } ul.subnav li#schedules a:hover { background: #ffffff url(../images/subnav/nav-schedules-over.jpg) no-repeat center; } ul.subnav li#group-lessons a:hover{ background: #ffffff url(../images/subnav/nav-group-lessons-over.jpg) no-repeat center; } ul.subnav li#after a:hover { background: #ffffff url(../images/subnav/nav-after-over.jpg) no-repeat center; } ul.subnav li#itm a:hover { background: #ffffff url(../images/subnav/nav-itm-over.jpg) no-repeat center; } ul.subnav li#piano-program a:hover { background: #ffffff url(../images/subnav/nav-piano-over.jpg) no-repeat center; } ul.subnav li#aptitude a:hover { background: #ffffff url(../images/subnav/nav-aptitude-over.jpg) no-repeat center; } ul.subnav li#rcp a:hover { background: #ffffff url(../images/subnav/nav-rcp-over.jpg) no-repeat center; } ul.subnav li#keyboard-program a:hover { background: #ffffff url(../images/subnav/nav-keyboard-over.jpg) no-repeat center; } ul.subnav li#guitar-program a:hover { background: #ffffff url(../images/subnav/nav-guitar-over.jpg) no-repeat center; } ul.subnav li#gift-flyers a:hover { background: #ffffff url(../images/subnav/gift-certificate-flyers-over.jpg) no-repeat center; } ul.subnav li#gift-coupon a:hover{ background: #ffffff url(../images/subnav/gift-certificate-coupons-over.jpg) no-repeat center; } ul.subnav li#gift-certif a:hover{ background: #ffffff url(../images/subnav/gift-certificate-gifts-over.jpg) no-repeat center; } ul.subnav li#bass-program a:hover { background: #ffffff url(../images/subnav/nav-bass-over.jpg) no-repeat center; } ul.subnav li#voice-program a:hover { background: #ffffff url(../images/subnav/nav-voice-over.jpg) no-repeat center; } ul.subnav li#workbook a:hover { background: #ffffff url(../images/subnav/nav-workbook-over.jpg) no-repeat center; } ul.subnav li#violin-program a:hover { background: #ffffff url(../images/subnav/nav-violin-over.jpg) no-repeat center; } ul.subnav li#rcv a:hover { background: #ffffff url(../images/subnav/nav-rcv-over.jpg) no-repeat center; } ul.subnav li#theory-program a:hover { background: #ffffff url(../images/subnav/nav-description2-over.jpg) no-repeat center; } ul.subnav li#rct a:hover { background: #ffffff url(../images/subnav/nav-rct-over.jpg) no-repeat center; } ul.subnav li#details a:hover { background: #ffffff url(../images/subnav/nav-details-over.jpg) no-repeat center; } ul.subnav li#types-certificates a:hover { background: #ffffff url(../images/subnav/nav-types-certificates-over.jpg) no-repeat center; } ul.subnav li#purchase a:hover { background: #ffffff url(../images/subnav/nav-purchase-over.jpg) no-repeat center; } ul.subnav li#date-location a:hover { background: #ffffff url(../images/subnav/nav-date-location-over.jpg) no-repeat center; } ul.subnav li#registration-details a:hover { background: #ffffff url(../images/subnav/nav-registration-details-over.jpg) no-repeat center; } ul.subnav li#overview a:hover { background: #ffffff url(../images/subnav/nav-overview-over.jpg) no-repeat center; } ul.subnav li#preview a:hover { background: #ffffff url(../images/subnav/nav-preview-over.jpg) no-repeat center; } ul.subnav li#junior-maestros a:hover { background: #ffffff url(../images/subnav/nav-junior-maestros-over.jpg) no-repeat center; } ul.subnav li#register a:hover { background: #ffffff url(../images/subnav/nav-register-over.jpg) no-repeat center; } ul.subnav li#renew a:hover { background: #ffffff url(../images/subnav/nav-register-renew-over.jpg) no-repeat center; } ul.subnav li#playloud a:hover { background: #ffffff url(../images/subnav/nav-register-playloud-over.jpg) no-repeat center; } ul.subnav li#festival a:hover { background: #ffffff url(../images/subnav/nav-register-festival-over.jpg) no-repeat center; } ul.subnav li#lvlone a:hover { background: #ffffff url(../images/subnav/nav-lvlone-over.jpg) no-repeat center; } ul.subnav li#lvltwo a:hover { background: #ffffff url(../images/subnav/nav-lvltwo-over.jpg) no-repeat center; } ul.subnav li#highlights a.highlight, ul.subnav li#lesson a.highlight, ul.subnav li#advantages a.highlight, ul.subnav li#benefits a.highlight, ul.subnav li#description a.highlight, ul.subnav li#lesson-fees a.highlight, ul.subnav li#schedules a.highlight, ul.subnav li#group-lessons a.highlight, ul.subnav li#after a.highlight, ul.subnav li#itm a.highlight, ul.subnav li#piano-program a.highlight, ul.subnav li#aptitude a.highlight, ul.subnav li#keyboard-program a.highlight, ul.subnav li#guitar-program a.highlight, ul.subnav li#bass-program a.highlight, ul.subnav li#voice-program a.highlight, ul.subnav li#workbook a.highlight, ul.subnav li#violin-program a.highlight, ul.subnav li#rcv a.highlight,ul.subnav li#details a.highlight, ul.subnav li#types-certificates a.highlight, ul.subnav li#purchase a.highlight, ul.subnav li#date-location a.highlight, ul.subnav li#registration-details a.highlight, ul.subnav li#overview a.highlight, ul.subnav li#junior-maestros a.highlight, ul.subnav li#register a.highlight, ul.subnav li#renew a.highlight, ul.subnav li#playloud a.highlight, ul.subnav li#festival a.highlight, ul.subnav li#gift-flyers a.highlight, ul.subnav li#gift-certif a.highlight, ul.subnav li#gift-coupon a.highlight { background: url(../images/subnav/nav-highlight.png) no-repeat; } ul.subnav li#rcp a.highlight2, ul.subnav li#rcv a.highlight2, ul.subnav li#rct a.highlight2, ul.subnav li#description2 a.highlight2, ul.subnav li#preview a.highlight2, ul.subnav li#lvlone a.highlight2, ul.subnav li#lvltwo a.highlight2, ul.subnav li#theory-program a.highlight2, li#gift-coupon a.highlight2, ul.subnav li#theory-program a.highlight { background: url(../images/subnav/nav-highlight-double.png) no-repeat 0px 1px; } * html ul.subnav li { behavior: url(../images/iepngfix.htc); cursor: pointer; } * html ul.subnav li a { behavior: url(../images/iepngfix.htc); cursor: pointer; } * html ul.subnav li#highlights a:hover, * html ul.subnav li#lesson a:hover, * html ul.subnav li#advantages a:hover, * html ul.subnav li#benefits a:hover { background: none; } * html ul.subnav li#highlights a.highlight, * html ul.subnav li#lesson a.highlight, * html ul.subnav li#advantages a.highlight, * html ul.subnav li#benefits a.highlight { background: none; } /*******************************************************************************************************************************/ /* FOOTER STYLES AND LAYOUT */ #footer { background: url(../images/bg-footer.jpg) repeat-x; float: left; width: 800px; margin: 0px 0px 15px 10px; } * html #footer { margin-left: 5px; } #footer-nav-cont { float: left; width: 620px; margin: 25px 0px 0px 10px; } * html #footer-nav-cont { margin-left: 5px; } /* FOOTER NAVIGATION */ ul.footer-nav { float: left; width: 150px; list-style: none; padding: 0px 20px 0px 0px; } ul.footer-bbb { float: right; width: 60px; padding: 0px 0px 0px 0px; list-style: none; } ul.footer-nav li { float: left; width: 140px; color: #636363; font-size: 10px; } ul.footer-nav li a { color: #636363; text-decoration: none; } ul.footer-nav li a:hover { color: #4492CC; } /* COPYRIGHT STYLES */ #copyright { float: right; width: 150px; margin: 20px 0px 0px 0px; text-align: center; } #copyright { font-size: 10px; color: #636363; } /********************************************************************************************************************************/ /* MODERN EARTH BRANDING */ #modernearth { float: right; width: 98px; height: 23px; padding: 0px 20px 0px 0px; } p.binary a { font-size: 10px; color: #ABD3ED; float: right; clear: both; margin: 0 10px 10px 0; } /*******************************************************************************************************************************/ /* MAY 20TH UPDATES */ .smaller_text {font-size:10px;}