/* CSS Document */
	#nav {
		margin: 0px; 
		padding: 0px;
		width: 1026px;
		height: auto;
		font-family: Verdana, Arial, "Gill Sans", sans-serif; 
		font-size: 100%; 
		white-space: nowrap;
		position: absolute;
		}
	
	#nav ul {
		margin: 0px; 
		padding: 0px;
		height: auto;
		list-style-type: none;
		background-color: #000000;
		}

#nav li {
float: left;
height: 100%;
list-style-type: none;
}

.toplevel{
margin: 0px;
height: 100% !important;
width: 171px;
background-color: #000000;
}

.toplevel a{
text-decoration: none;
color: #fb7b1e;
display: block;
height: 100% !important;
padding: 5px 0px 5px 0px;
}

.lowerlevel{
width: 19em;
position: absolute;
display: none;
background-color: #000000;
}

.lowerlevel li{
padding: 0px 5px 0px 5px;
width: 100%;
}

.lowerlevel li a{
display: block;
text-decoration: none;
}

.lowerlevel li a:hover{
background-color: #fb7b1e;
width: 19em;
}

.lowerlevelyoga{
width: 14em;
position: absolute;
display: none;
background-color: #000000;
}

.lowerlevelyoga li{
padding: 0px 5px 0px 5px;
width: 100%;
}

.lowerlevelyoga li a{
display: block;
text-decoration: none;
}

.lowerlevelyoga li a:hover{
background-color: #fb7b1e;
width: 13.6em;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

.toplevel a:hover {
width: 100%;
text-decoration: none;
color: #000000;
background-color: #fb7b1e;
}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

.container	{
clear: left;
}