/*-------------home hover button -----------------------*/

#home_button a.home_hover {

background-image: url(main_pix/home_hover/off.png);

height: 126px;

width: 170px;

display:block;



}



#home_button a.home_hover:hover {

background-image: url(main_pix/home_hover/on.png);

}



/*------------------------------------------------*/



body {

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

}



td {

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

}



th {

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

}





#menu {

width: 100%;

background: none;

float: inherit;



}



#menu ul {

list-style: none;

margin: 0;

padding: 0;

width: 96px;

float: left;

}



#menu a, #menu h2 {

font: bold 12px arial, helvetica, sans-serif;

display: block;

border-width: 0px;

border-style: ridge;

border-color: #999999;

margin: 0;

padding: 0px 0px;

text-align:left;

}



#menu h2 {

color: #3333FF;

background: none;

text-transform: none;

height: 27px;

}



#menu a.lessons {

background-image: url(main_pix/buttons/lessons_off.jpg);

height: 28px;

}



#menu a.lessons:hover {

background-image:url(main_pix/buttons/lessons_on.jpg);

}



#menu a.about {

background-image: url(main_pix/buttons/about_us_off.jpg);

height: 28px;

}



#menu a.about:hover {

background-image:url(main_pix/buttons/about_us_on.jpg);

}



#menu a.testimonials {

background-image: url(main_pix/buttons/testimonials_off.jpg);

height: 28px;

}



#menu a.testimonials:hover {

background-image:url(main_pix/buttons/testimonials_on.jpg);

}



#menu a.gallery {

background-image: url(main_pix/buttons/gallery_off.jpg);

height: 28px;

}



#menu a.gallery:hover {

background-image:url(main_pix/buttons/gallery_on.jpg);

}



#menu a.events {

background-image: url(main_pix/buttons/events_off.jpg);

height: 28px;

}



#menu a.events:hover {

background-image:url(main_pix/buttons/events_on.jpg);

}



#menu a.shows {

background-image: url(main_pix/buttons/shows_off.jpg);

height: 28px;

}



#menu a.shows:hover {

background-image:url(main_pix/buttons/shows_on.jpg);

}



#menu a.thank_you {

background-image: url(main_pix/buttons/thank_you_off.jpg);

height: 28px;

}



#menu a.thank_you:hover {

background-image:url(main_pix/buttons/thank_you_on.jpg);

}





#menu a.dance_shop {

background-image: url(main_pix/buttons/dance_shop_off.jpg);

height: 28px;

}



#menu a.dance_shop:hover {

background-image:url(main_pix/buttons/dance_shop_on.jpg);

}



#menu a.dance_zone {

background-image: url(main_pix/buttons/dance_zone_off.jpg);

height: 28px;

}



#menu a.dance_zone:hover {

background-image:url(main_pix/buttons/dance_zone_on.jpg);

}





#menu a {

color: #000;

/*background: #0099FF;*/

background-image: url(main_pix/menu_pix/link_off.png);

background-repeat:repeat;

text-decoration: none;

}





#menu a:hover {

color: #a00;

background: #fff;

background-image: url(main_pix/menu_pix/link_on.png);

background-repeat:repeat;

}



#menu li {

position: relative;

font-size:18px;



}





#menu ul ul ul {

position: absolute;

top: 0;

left: 100%;

}



#menu ul ul {

width:8em;

position: absolute;

bottom: -2em;

left: 0;

z-index: 500;

}





#menu ul ul.lessons {

bottom: -8em;

}



#menu ul ul.about {

bottom: -6em;

}



#menu ul ul.testimonials {

bottom: -7em;

}





#menu ul ul.gallery {

bottom: -3em;

}



#menu ul ul.events {

bottom: -4em;

}



#menu ul ul.dance_zone {

bottom: -5em;

}





div#menu ul ul {

display: none;

}



div#menu ul li:hover ul {

display: block;

}





div#menu ul ul,

div#menu ul li:hover ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display: block;}



<!--[if IE]>

<style type="text/css" media="screen">

body {

behavior: url(csshover.htc);

font-size: 100%;

}



#menu ul li {float: left; width: 100%;}

#menu ul li a {height: 1%;} 



#menu a, #menu h2 {

font: bold 0.7em/1.4em arial, helvetica, sans-serif;

}

</style>

<![endif]-->