/* containers */
#containNav {
	float:left;
	width:850px;
	xmargin: 90px auto 0 auto;
	xheight:23px;
	margin-top:76px;

}


/* navigation */
#navigation{
	xfloat:right;
	margin-left: 18px;
	margin-top: 1px;
	xwidth: 463px;  /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	xwidth: 463px;
}

html>#navigation {
	width: 782px;
} 



#navItems{
	xheight:23px;
	font-family: Arial, sans-serif;
	font-size:0.70em;
	font-weight: bold;
}

a.mainNavItem, a:Visited.mainNavItem {
	display:block;
	float:left;
	color:#333;
	padding:3px 6px 3px 6px;
	xborder-right: 1px dotted #fff;
	text-decoration:none;
	xborder-bottom: 2px solid #666;
	margin-right:7.5px;
}
a.mainNavItemOver, a:Visited.mainNavItemOver {
	display:block;
	float:left;
	color:#857ffb;
	padding:3px 6px 3px 6px;
	xborder-right: 1px dotted #fff;
	text-decoration:none;
	xborder-bottom: 2px solid #666;
	margin-right:7.5px;
	
	background: none;
	
}
a.mainNavItemOn:hover, a.mainNavItem:hover, a.mainNavItemOver:hover{
	text-decoration:none;
	color:#857ffb;
	background: none;
}

a.mainNavItemOn, a:visited.mainNavItemOn {
	display:block;
	float:left;
	color:#857ffb;
	padding:3px 6px 3px 6px;
	xborder-right: 1px dotted #fff;
	text-decoration:none;
	xborder-bottom: 2px solid #666;
	margin-right:7.5px;
	
	xbackground: #000;
}





/* sub navigation */
#subnavigation{
	clear:both;
	margin:0px 4px 0 4px;
	width: auto;  
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:auto;		
}
/*
#subnavigation{
	clear:both;
	margin:3px 4px 0 4px;	
	height:32px;
	width: 790px;  	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 782px;		
}
*/

html>#subnavigation {
	width: 782px;
}

.dropNavBox {
	background:#857ffb url(imgs/dropNav_bg.jpg) bottom repeat-x;
	xborder-top: 1px solid #666;
	xborder-top: 2px solid #999;
	border-bottom: 0px;
	xbackground: #000;

}


a.subNavItem {
	display:block;
	/*color:#9BA897;*/
	color:#fff;
	padding:2px 10px 4px 10px;
	font-family:arial,helvetica,sans-serif;
	font-size:0.7em;
	text-decoration:none;
	width:auto;
	border-bottom:1px solid #ada9ff;
	white-space:nowrap;
	background: none;
}


a.subNavItemOn, a:visited.subNavItemOn {
	display:block;
	/*color:#9BA897;*/
	color:#fff;
	padding:2px 10px 4px 10px;
	font-family:arial,helvetica,sans-serif;
	font-size:0.60em;
	text-decoration:none;
	width:auto;
	border-bottom:1px solid #ada9ff;
	white-space:nowrap;
	background: #000;
}

a.subNavItem:visited
{
	color:#fff;

}

a.subNavItem:hover
{
	color:#fff;
	text-decoration:none;
	background-color:#333;
}


#sub_home, #sub_about, #sub_dance, #sub_music, #sub_gymnastics, #sub_musical_theater, #sub_pilates, #sub_for_boys, #sub_programs, #sub_contact, #sub_store
{
	display:none;
	position:absolute;
	xbackground-color:gray;
	xbackground:#707070 url("http://www.sanelijodanceandmusicacademy.com/imgs/dropNav_bg.gif") repeat-x bottom;
	xborder: 1px solid #999;
	border-bottom: 0px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	z-index:1;
}











/******left nav ****/




.NavBoxSub {
	margin: 0 15px 20px 15px;
	xborder: 1px solid #ccc;
	xbackground: #fff;
	background:#857ffb url(imgs/dropNav_bg.jpg) bottom repeat-x;
	filter: alpha(opacity=75);
	
	opacity: 0.75;
      -moz-opacity: 0.75;
}
	
	
.NavBot {
	xbackground:#3b3b3a url(http://www.sanelijodanceandmusicacademy.com/imgs/dropNav_botL.png) no-repeat;
	xborder-bottom: 4px solid #3b3b3a;
	background: #333;
}
	

	
.Sub a:visited {
	color: #135a8f;
	}
	
.Sub2 a:visited {
	color: #fff;
	}
	
.Sub3 a:visited {
	color: #000;
	}
	
.Sub a:hover, .SubOn a:hover, .Sub2 a:hover, .Sub2On a:hover, .Sub3 a:hover, .Sub3On a:hover {
	background-color: #000;
	color: #fff;
	}
	
.Sub3 a:hover, .Sub3On a:hover {
	background-color: #666;
	color: #fff;
	}
	
	
.Sub a, .SubOn a {
	top:0px;
	left: 0px;
	display:block;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	color:#fff;
	padding:2px 4px 4px 10px;
	xborder-top: 1px dotted #999;
	xborder-bottom: 1px solid #fff;
	xborder-left: 1px solid #999;
	text-decoration:none;
	font-weight: bold;
	
	}


.Sub a {
	xbackground-color: #ccc;
	}

.SubOn {
	background-color: #000;
	}


	
.Sub2 a, .Sub2On a {
	font: 11px Verdana, Arial, sans-serif;
	color: #fff;
	line-height: 16px;
	top:0px;
	left: 0px;
	display:block;
	padding: 3px 4px 4px 10px;
	border-top: 1px solid #ada9ff;
	text-decoration: none;
	}


.Sub2 a {
	xbackground-color: #e8e8e8;
	}

.Sub2On {
	background-color: #000;
	}
	
	
	



	
.Sub3 a, .Sub3On a {
	font: xx-small Verdana, Arial, sans-serif;
	color: #000;
	line-height: 16px;
	top:0px;
	left: 0px;
	display:block;
	padding: 3px 4px 5px 10px;
	border-top: 1px dotted whitesmoke;
	text-decoration: none;
	}


.Sub3 a {
	background-color: #ccc;
	}

.Sub3On {
	background-color: whitesmoke;
	}