/* CSS Menu for Tuca Dance Ltd adapted by Axos Internet - thanks for original code to http://solardreamstudios.com/learn/css/cssmenus/ and Suckerfish dropdowns http://www.alistapart.com/articles/dropdowns*/

/* Text Nav menu  */

ul#textnavmenu {
 		margin: 0;
  		border: 0 none;
  		padding: 0;
  		width: 623px; /*For KHTML*/
 		list-style: none;
 	 	height: 22px;
		text-align: center;
text-align: justify;
		}
		

	ul#textnavmenu li {
		width: 74px;
  		margin: -2px 2px 0px 0px;
  		border-right: 1px solid #AA9037;
  		padding: 0;
  		float: left; /*For Gecko*/
		display: inline;
		list-style: none;
		position: relative;
		text-align:center;
		font-size: 12px;
		color:#AA9037; 
		}

	ul#textnavmenu li a {
		font-size: 12px;
		color:#AA9037;
		text-decoration: none; 
		}

	ul#textnavmenu li a:hover {
		font-size: 12px;
		color:#fff;
		text-decoration: none; 
		}

ul#textnavmenu2 {
 		margin: 0;
  		border: 0 none;
  		padding: 0;
  		width: 623px; /*For KHTML*/
 		list-style: none;
 	 	height: 22px;
		text-align: center;
		}
		

	ul#textnavmenu2 li {
		width: 100px;
  		margin: -1px 2px 0px 0px;
  		border: 0 none;
  		padding: 0;
  		float: left; /*For Gecko*/
		display: inline;
		list-style: none;
		position: relative;
		height: 22px;
		text-align:center;
		font-size: 12px;
		color:#D3C192; 
		}

	ul#textnavmenu2 li a {
		font-size: 12px;
		color:#D3C192;
		text-decoration: none; 
		}

	ul#textnavmenu2 li a:hover {
		font-size: 12px;
		color:#AA9037;
		text-decoration: none; 
		}

/* End Text Nav Menu*/

	ul#navmenu {
 		margin: 0;
  		border: 0 none;
  		padding: 0;
  		width: 575px; /*For KHTML*/
 		list-style: none;
 	 	height: 22px;
		text-align: center;
		}
		

	ul#navmenu li {
  		margin: -1px 2px 0px 0px;
  		border: 0 none;
  		padding: 0;
  		float: left; /*For Gecko*/
		display: inline;
		list-style: none;
		position: relative;
		height: 22px;
		text-align:center;
		}

	ul#navmenu ul {
		margin: 0;
		border: 0 none;
		padding: 0;
		width: 160px;
		list-style: none;
		display: none;
		position: absolute;
		top: 24px;
		left: 0;
		}

	ul#navmenu ul:after /*From IE 7 lack of compliance*/{
		clear: both;
		display: block;
		font: 1px/0px serif;
		content: ".";
		height: 0;
		visibility: hidden;
		}

		ul#navmenu ul li {
		width: 160px;
		float: left; /*For IE 7 lack of compliance*/
		display: block !important;
		display: inline; /*For IE*/
		}
		
	li#home { width:53px; height:22px;  overflow: hidden; }
	 li#home a { background-image: url(images/home.gif); Background-position:0 -22px;}
	 li#home a:hover { background-image: url(images/home.gif); Background-position: 0 1px;}
	 li#home img {width: 53px;height: 22px;}
	 
     li#about { width:82px; height:22px;  overflow: hidden; }
	 li#about a { background-image: url(images/about.gif); Background-position:0 -22px;}
	 li#about a:hover { background-image: url(images/about.gif); Background-position: 0 1px;}
	 li#about img {width: 82px;height: 22px;}
	 
     li#events { width:66px; height:22px;  overflow: hidden; }
	 li#events a { background-image: url(images/events.gif); Background-position:0 -22px;}
	 li#events a:hover { background-image: url(images/events.gif); Background-position: 0 1px;}
	 li#events img {width: 66px;height: 22px;}
	 
     li#gallery { width:74px; height:22px;  overflow: hidden; }
	 li#gallery a { background-image: url(images/gallery.gif); Background-position:0 -22px;}
	 li#gallery a:hover { background-image: url(images/gallery.gif); Background-position: 0 1px;}
	 li#gallery img {width: 74px;height: 22px;}
	 
     li#clients { width:80px; height:22px;  overflow: hidden; }
	 li#clients a { background-image: url(images/clients.gif); Background-position:0 -22px;}
	 li#clients a:hover { background-image: url(images/clients.gif); Background-position: 0 1px;}
	 li#clients img {width: 60px;height: 22px;}
	 
	  li#contact { width:91px; height:22px;  overflow: hidden; }
	 li#contact a { background-image: url(images/contact.gif); Background-position:0 -22px;}
	 li#contact a:hover { background-image: url(images/contact.gif); Background-position: 0 1px;}
	 li#contact img {width: 91px;height: 22px;}
	 
	  li#links { width:60px; height:22px;  overflow: hidden; }
	 li#links a { background-image: url(images/links.gif); Background-position:0 -22px;}
	 li#links a:hover { background-image: url(images/links.gif); Background-position: 0 1px;}
	 li#links img {width: 60px;height: 22px;}
	 
	 li#jobs { width:50px; height:22px;  overflow: hidden; }
	 li#jobs a { background-image: url(images/jobs.gif); Background-position:0 -22px;}
	 li#jobs a:hover { background-image: url(images/jobs.gif); Background-position: 0 1px;}
	 li#jobs img {width: 50px;height: 22px;}	 
	 
	 li#corporate { width:143px; height:22px;  overflow: hidden; }
	 li#corporate a { background-image: url(images/corporate.gif); Background-position:0 -22px;}
	 li#corporate a:hover { background-image: url(images/corporate.gif); Background-position: 0 1px;}
	 li#corporate img {width: 143px;height: 22px;}
	 
	 li#workshops { width:145px; height:22px; overflow: hidden; }
	 li#workshops a { background-image: url(images/workshops.gif); Background-position:0 -22px;}
	 li#workshops a:hover { background-image: url(images/workshops.gif); Background-position: 0 1px;}
	 li#workshops img {width: 145px;height: 22px;}

	 li#firstdance { width:92px; height:22px; overflow: hidden; }
	 li#firstdance a { background-image: url(images/firstdance.gif); Background-position:0 -22px;}
	 li#firstdance a:hover { background-image: url(images/firstdance.gif); Background-position: 0 1px;}
	 li#firstdance img {width: 92px;height: 22px;}
	 
	 	 #content #clients { width:60px; height:22px; overflow: hidden; hidden; text-align: left; }
	#content #clients a { background-image: url(images/clients.gif); Background-position:0 -28px;}
	 #content #clients a:hover { background-image: url(images/clients.gif); Background-position: 0 -5px;}
	 #content #clients img {width: 60px;height: 22px; border: 0;}

#content #testimonials { width:99px; height:22px; overflow: hidden; hidden; text-align: left; }
	#content #testimonials a { background-image: url(images/testimonials.gif); Background-position:0 -28px;}
	 #content #testimonials a:hover { background-image: url(images/testimonials.gif); Background-position: 0 -5px;}
	 #content #testimonials img {width: 99px;height: 22px; border: 0;}
	 
	 #content #performers { width:96px; height:22px; overflow: hidden; text-align: left; }
	#content #performers a { background-image: url(images/performers.gif); Background-position:0 -28px;}
	 #content #performers a:hover { background-image: url(images/performers.gif); Background-position: 0 -5px;}
	 #content #performers img {width: 96px;height: 22px; border: 0;}	
	 
	 	#content #visitgallery { width:99px; height:22px; overflow: hidden; hidden; text-align: left; }
	#content #visitgallery a { background-image: url(images/visit-gallery.gif); Background-position:0 -28px;}
	 #content #visitgallery a:hover { background-image: url(images/visit-gallery.gif); Background-position: 0 -5px;}
	 #content #visitgallery img {width: 99px;height: 22px; border: 0;}
	 
	 	 	#content #workshoppackages { width:207px; height:22px; overflow: hidden; hidden; text-align: left; }
	#content #workshoppackages a { background-image: url(images/workshoppackages.gif); Background-position:0 -28px;}
	 #content #workshoppackages a:hover { background-image: url(images/workshoppackages.gif); Background-position: 0 -5px;}
	 #content #workshoppackages img {width: 207px;height: 22px; border: 0;}
	 
	 	 	#content #priceguide { width:99px; height:22px; overflow: hidden; hidden; text-align: left; }
	#content #priceguide a { background-image: url(images/priceguide.gif); Background-position:0 -28px;}
	 #content #priceguide a:hover { background-image: url(images/priceguide.gif); Background-position: 0 -5px;}
	 #content #priceguide img {width: 99px;height: 22px; border: 0;}
	 
	 	 	 	#content #songlist { width:99px; height:22px; overflow: hidden; hidden; text-align: left; }
	#content #songlist a { background-image: url(images/songlist.gif); Background-position:-3px -28px;}
	 #content #songlist a:hover { background-image: url(images/songlist.gif); Background-position: -3px -5px;}
	 #content #songlist img {width: 99px;height: 22px; border: 0;}
	 	 	 /* Root Menu */

	ul#navmenu a {
		padding: 0px;
		float: none !important; /*For Opera*/
		float: left; /*For IE*/
		display: block;
		color: #333;
		font: bold 9px/22px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		height: auto !important;
		height: 1%; /*For IE*/
		}


/* Root Menu Hover Persistence */

	ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
		color: #666;
		}

/* below here not used */
	
/* 2nd Menu */

	ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
		background: #5799BB;
		color: #FFF;
		text-align:left;
		width:150px;
		border:1px solid #00648B;		
		}

/* 2nd Menu Hover Persistence */

	ul#navmenu li:hover li a:hover,
	ul#navmenu li:hover li:hover a,
	ul#navmenu li.iehover li a:hover,
	ul#navmenu li.iehover li.iehover a {
		background-image:   url(file:///Daves/www/cpcases.com/htdocs/images/main_menu_hover.gif);
		color: #FFF;
		}

/* 3rd Menu */

	ul#navmenu li:hover li:hover li a,
	ul#navmenu li.iehover li.iehover li a {
		background: #5799BB;
		color: #FFF;
		text-align:left;
		width:150px;
		border:1px solid #00648B;		
		}

/* 3rd Menu Hover Persistence */

	ul#navmenu li:hover li:hover li a:hover,
	ul#navmenu li:hover li:hover li:hover a,
	ul#navmenu li.iehover li.iehover li a:hover,
	ul#navmenu li.iehover li.iehover li.iehover a {
		background-image:   url(file:///Daves/www/cpcases.com/htdocs/images/main_menu_hover.gif);
		color: #FFF;
}

/* 4th Menu */

	ul#navmenu li:hover li:hover li:hover li a,
	ul#navmenu li.iehover li.iehover li.iehover li a {
		background: #EEE;
		color: #666;
}

/* 4th Menu Hover persistence*/
	
	ul#navmenu li:hover li:hover   li:hover li a:hover,
	ul#navmenu li:hover  li:hover li:hover li:hover a,
	ul#navmenu li.iehover  li.iehover li.iehover li a:hover,
	ul#navmenu li.iehover li.iehover  li.iehover li.iehover a {
  		background: #CCC;
		color: #FFF;
}




	ul#navmenu ul ul, ul#navmenu ul ul ul {
		display: none;
		position: absolute;
		top: 0;
		left: 150px;
		}

/* Do Not Move - Must Come Before display:block for Gecko */

	ul#navmenu li:hover ul ul,
	ul#navmenu li:hover ul ul ul,
	ul#navmenu li.iehover ul ul,
	ul#navmenu li.iehover ul ul ul {
  		display: none;
		}

	ul#navmenu li:hover ul,
	ul#navmenu ul li:hover ul,
	ul#navmenu ul ul li:hover ul,
	ul#navmenu li.iehover ul,
	ul#navmenu ul li.iehover ul,
	ul#navmenu ul ul li.iehover ul {
		display: block;
		}



