/* CORE */

.menutop, .menutop * {
	margin:0;
	padding:0;
}
.menutop {
	float:left;
	position:relative;
	padding-left:142px;
	background:url(../images/lessons-menu-left.png) left no-repeat; 
}
.menutop li {
	list-style:none;
	position:relative;
	width:100%;
	height:25px;
	float:none;
}
.menutop li a.item {
	cursor:pointer;
}
.menutop li span.item {
	cursor:default;
	outline:none;
}
.menutop li .item {
	display:block;
	float:left;
	display:block;
	margin:0;
	height:25px;
	line-height:25px;
}
.menutop li li .item, .menutop li .item, .menutop li.active li .item {
	display:block;
	margin:0;
	text-decoration:none;
	float:none;
}
.menutop li .fusion-submenu-wrapper, .menutop li ul {
	float: none;
	left: -999em;
	position: absolute;
	z-index: 1;
}
.menutop li:hover li ul, .menutop li.sfHover li ul {
	top: -999em;
}
.menutop li:hover ul, .menutop li.sfHover ul {
	top: 0;
}
.menutop li li {
	position:relative;
	float:none;
}
/* Drop Downs */
.menutop ul {
	width:175px;
	position:relative;
}
/* Level 1 */
.menutop li .item {
	text-decoration:none;
	display:block;
	padding:0 15px;
	text-decoration:none;
	font-family: 'Yanone Kaffeesatz';
	font-size: 20px;
	font-weight: lighter;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);

}
.level1 .f-mainparent-itemfocus .item {
}
.menutop li:hover > .item {
}
.menutop li:hover > .daddy:hover {
	background-image:url(../images/top-light.png);
	background-position: 100% 100%;
	display:block;

}
/* Level 2 */
.menutop .level2 li > .item {
	background:#6685B3;
	color: #FFFFFF;
	font-size:18px;
}
.menutop .level2 li:hover > .daddy, .menutop .level2 li > .daddy {
	background-image:url(../images/level2-parent.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
.menutop .level2 .f-menuparent-itemfocus .item, .menutop .level2 li:hover .item {
	background:#5070A0;
	color:#ffffff;
}
.menutop .level2 .f-menuparent-itemfocus .daddy, .menutop .level2 li:hover .daddy {
	background-image:url(../images/level3-parent.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
/* Level 3 */
.menutop .level3 li > .item {
	background:#6685B3;
	color: #FFFFFF;
	font-size:16px;

}
.menutop .level3 li:hover > .daddy, .menutop .level3 li > .daddy {
	background-image:url(../images/level3-parent.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
.menutop .level3 .f-menuparent-itemfocus .item, .menutop .level3 li:hover .item {
	background:#5070A0;
	border-color:#bbb #999 #999 #bbb;
	color:#ffffff;
}
.menutop .level3 .f-menuparent-itemfocus .daddy, .menutop .level3 li:hover .daddy {
	background-image:url(../images/level4-parent.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
/* Level 4 */
.menutop .level4 li > .item {
	background:#6685B3;
	color: #FFFFFF;
	font-size:16px;
}
.menutop .level4 li:hover > .daddy, .menutop .level4 li > .daddy {
	background-image:url(../images/level4-parent.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
.menutop .level4 .f-menuparent-itemfocus .item, .menutop .level4 li:hover .item {
	background:#999;
	border-color:#aaa #888 #888 #aaa;
	color:#333;
}
/* regular hover */
.menutop li:hover .item:hover, .menutop li.active .item:hover {
	background-color:#5070A0;
	color:#fff
}
.menutop li:hover .daddy:hover, .menutop ul li.active:hover > .daddy:hover {
	background-image:url(../images/hover-parent.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
/* seperator hover */
.menutop span.item:hover, .menutop li:hover span.item:hover {
	background-color:#5070A0;
	color:#fff
}
.menutop li:hover span.daddy:hover {
	background-image:url(../images/sep-parent.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
/* Root Items */
.menutop li.root {
	width:auto;
	float:left;
	height:34px;
}
.menutop li.root > .item {
	float:left;
	width: auto;
	height:34px;
	line-height:32px;
}
.item {
	width:auto!important;
	}
.menutop li.root:hover > .daddy:hover {
	background-image:url(../images/top-light.png);
	background-position: 100% 100%;
}
.menutop li.root > .daddy, .menutop li.root:hover > .daddy {
	background-image: url(../images/top-light.png);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
/* Active Items */
.menutop li.active > .item {
	background-color:#5A7BAD;
	border-color:#F86134 #D24916 #D24916 #F86134;
	color:#fff;
}
.menutop li.active > .daddy {
	background-image:url(../images/active-parent.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.menutop li.root.active > .daddy, .menutop li.root.active:hover > .daddy {
	background-image:url(../images/top-light.png);
	background-position: 100% 100%;
}
/* No JS */
.menutop li:hover > .fusion-submenu-wrapper, .menutop li:hover > ul {
	left:170px;
	top:0;
}
.menutop li.root:hover > .fusion-submenu-wrapper, .menutop li.root:hover > ul {
	top:32px;
	left:0;
}
.menutop li:hover ul, .menutop li.sfHover ul {
	left: 0;
	top:32px;
}
.menutop ul {
	width:175px;
}
.menutop li li:hover > ul, .menutop li li.sfHover > ul {
	left:175px;
	top: 0;
}
.menutop .level2 li {
	position:relative;
	float:left;
	width:100%;
}
/* Fusion Pill */
.fusion-pill-l {
	height: 35px;
	margin:0 0 0 12px;
	top:6px;
	width:50px;
	position:absolute;
	left:0;
}
.fusion-pill-r {
	margin-left: -12px;
	height: 35px;
}
/* Fusion JS */
.fusion-js-container {
	display:block;
	height:0;
	left:0;
	overflow:visible;
	position:absolute;
	top:0;
	z-index:1!important;
	background:transparent !important;
}
.fusion-js-subs {
	display:none;
	margin:0 0 0 -2px;
	overflow:hidden;
	padding:0 2px;
	position:absolute;
}