/* Horizontal Nav with Graphic main nav. CSS
-------------------------------------------------------- */


div#nav {
   clear: both;
   width: 780px;
   height: 40px; 
   margin: 0; padding: 0;
   }

div#nav ul#menu {
   margin: 0px;
   height: 40px;
   padding: 0;
   text-align: left;
   }

   div#nav ul#menu li { 
      float: left;
      list-style: none;
      }

      div#nav ul#menu li, 
      ul#menu a { 
         height: 40px; 
         display: block;
         margin: 0;
         padding: 0;
         outline: none; 
         }

      div#nav ul#menu li a { 
         text-indent: -9999px; 
         margin: 0;  padding: 0;
         text-decoration: none;
         }

      div#nav ul#menu li, 
      ul#menu a {
         height: 40px; 
         margin: 0; padding: 0;
         display: block;
         }

#repertoiremenu {
   width: 125px;
	background: url(/images/nav/repertoire.gif) top left no-repeat; 
   }

   #repertoiremenu a:hover { 
      background: url(/images/nav/repertoire.gif) center left no-repeat; 
      }

         body.repertoire #repertoiremenu a {
         background: url(/images/nav/repertoire.gif) bottom left no-repeat; 
         }    

#aboutmenu {
   width: 171px;
	background: url(/images/nav/about.gif) top left no-repeat; 
   }

   #aboutmenu a:hover { 
      background: url(/images/nav/about.gif) center left no-repeat; 
      }

         body.about #aboutmenu a {
         background: url(/images/nav/about.gif) bottom left no-repeat; 
         }

#methodmenu {
   width: 139px;
	background: url(/images/nav/method.gif) top left no-repeat; 
   }

   #methodmenu a:hover { 
      background: url(/images/nav/method.gif) center left no-repeat; 
      }

         body.method #methodmenu a {
         background: url(/images/nav/method.gif) bottom left no-repeat; 
         }

#clinicsmenu {
   width: 111px;
	background: url(/images/nav/clinics.gif) top left no-repeat; 
   }

   #clinicsmenu a:hover { 
      background: url(/images/nav/clinics.gif) center left no-repeat; 
      }

         body.clinics #clinicsmenu a {
         background: url(/images/nav/clinics.gif) bottom left no-repeat; 
         }
         
#articlesmenu {
   width: 105px;
	background: url(/images/nav/articles.gif) top left no-repeat; 
   }

   #articlesmenu a:hover { 
      background: url(/images/nav/articles.gif) center left no-repeat; 
      }

         body.articles #articlesmenu a {
         background: url(/images/nav/articles.gif) bottom left no-repeat; 
         }

#contactmenu {
   width: 129px;
	background: url(/images/nav/contact.gif) top left no-repeat; 
   }

   #contactmenu a:hover { 
      background: url(/images/nav/contact.gif) center left no-repeat; 
      }

         body.contact #contactmenu a {
         background: url(/images/nav/contact.gif) bottom left no-repeat; 
         }  
         
/* Subnav
-------------------------------------------------------- */

#subnav {
   width: 240px;
   margin: 0 0 20px 0; padding: 0;
   }

#subnav ul{
   line-height: normal;
   margin: 0; padding: 0;
   }

   #subnav ul li {
      list-style: none;
      margin: 0; padding: 0;
      border-bottom: 1px solid #ccc;
   }
   
      #subnav ul li a {
         background-color: #fff;
         font: bold 12px/1em arial, sans-serif; color: #333366;
         text-decoration: none;
         display: block;
         padding: 5px 0 5px 5px;
         margin: 0;
         outline:none;
         }
      
      #subnav ul li a:hover {
         background-color: #ffeb99;
         outline: none;
         }

   a#testimonialsmenu,
   a#workshopsmenu,
   a#schedulemenu,
   a#enhancedmenu,
   a#comprehensivemenu,
   a#historymenu,
   a#jazzmenu,
   a#jazzadvmenu,
   a#recordermenu,
   a#biccomprehensivemenu,
   a#bicencoremenu,
   encore-comp-recmenu,
   a#individualmenu,
   a#collectionsmenu, 
   a#grade1menu,
   a#grade1-5menu,
   a#grade2menu,
   a#grade2-5menu,
   a#grade3menu,
   a#alphamenu {
      font: bold 12px/1em arial, sans-serif; color: #333366;
      background-color: #fff;
      }
     
      body.testimonials a#testimonialsmenu,
      body.schedule a#schedulemenu,
      body.workshops a#workshopsmenu,
      body.enhanced a#enhancedmenu,
      body.comprehensive a#comprehensivemenu,
      body.history a#historymenu,
      body.jazz a#jazzmenu,
      body.jazzadv a#jazzadvmenu,
      body.recorder a#recordermenu,
      body.bicomprehensive a#biccomprehensivemenu,
      body.bicencore a#bicencoremenu,
      body.encore-comp-rec a#encore-comp-recmenu,
      body.individual a#individualmenu,
      body.collections a#collectionsmenu, 
      body.grade1 a#grade1menu,
      body.grade1-5 a#grade1-5menu,
      body.grade2 a#grade2menu,
      body.grade2-5 a#grade2-5menu,
      body.grade3 a#grade3menu,
      body.alpha a#alphamenu {
         font: bold 12px/1em arial, sans-serif; color: #333366;
         background-color: #c1d9ef;
         }


#enhancedsubmenu,
#comprehensivesubmenu,
#collectionssubmenu {
	display: none;
	}

body.enhanced #enhancedsubmenu,
body.comprehensive #comprehensivesubmenu,
body.collections #collectionssubmenu {
	display: block;
	}



#subnav ul li ul.tertnav {
   line-height: normal;
   margin:0; padding-left: 15px;
  
   }

   #subnav ul li ul.tertnav li {
      list-style: none;
      margin: 0; padding: 0;
      border: none;
      height: 1%;
   	}
   
      #subnav ul li ul.tertnav li a {
         background-color: #fff;
         font: normal 12px/1em arial, sans-serif; color: #333366;
         text-decoration: none;
         display: block;
         padding: 5px 0 5px 5px;
         margin: 0;
         outline:none;
         }
      
      #subnav ul li ul.tertnav li a:hover {
         background-color: #ffeb99;
         outline: none;
         }
			
			body.overview #subnav ul li ul.tertnav li a#overview-submenu,
			body.teachers #subnav ul li ul.tertnav li a#teachers-submenu,
			body.enhanced-ipassuccess #subnav ul li ul.tertnav li a#enhanced-ipassuccess-submenu,
			body.features #subnav ul li ul.tertnav li a#features-submenu,
			body.ipassuccess #subnav ul li ul.tertnav li a#ipassuccess-submenu,
			body.correlating #subnav ul li ul.tertnav li a#correlating-submenu,
			body.firstperf #subnav ul li ul.tertnav li a#firstperf-submenu,
			body.firstperfplus #subnav ul li ul.tertnav li a#firstperfplus-submenu,
			body.festivalsolos1 #subnav ul li ul.tertnav li a#festivalsolos1-submenu,
			body.festivalsolos2 #subnav ul li ul.tertnav li a#festivalsolos2-submenu,
			body.festivalensembles1 #subnav ul li ul.tertnav li a#festivalensembles1-submenu,
			body.festivalensembles2 #subnav ul li ul.tertnav li a#festivalensembles2-submenu,
			body.soundsofseason #subnav ul li ul.tertnav li a#soundsofseason-submenu,
			body.bestinclass #subnav ul li ul.tertnav li a#bestinclass-submenu,
			body.bestinclasschristmas #subnav ul li ul.tertnav li a#bestinclasschristmas-submenu {
				font: normal 12px/1em arial, sans-serif; color: #333366;
				background-color: #dbecfb;
				}