/**
 * Wide drop-down menu
 */

/* Only 2nd level (first subcategory)
-------------------------------------------------------------- */
#nav ul.level0 {
    position:absolute;
    top:48px;
    left:0;
    background-color:#fff;
    width:96%; /* 100% - padding */
    padding:2%;
}

/* If list is wrapped in additional DIV */
/*#nav div ul { position:static; width:auto; border:none; }*/

/* 2nd level only
-------------------------------------------------------------- */
/* 2-level links block: with subcategory title and a list of child categories */
#nav ul.level0 > li {
    display:inline-block;
    float:none;
    vertical-align:top;
    padding-top:10px;
    padding-bottom:10px;
}
#nav ul.level0 > li > a {
    margin-bottom:10px;
    font-size:1.3333em; /*16px*/
    text-transform:uppercase;
}

/* 2nd level+
-------------------------------------------------------------- */
#nav ul li { float:none; }
#nav ul li a { float:none; }

/* 3rd level+
-------------------------------------------------------------- */
#nav ul ul { position:static !important; /*TODO:improve*/ }
#nav ul ul li {
    background:url(../images/img/bullet.png) 3px 6px no-repeat;
    padding-left:15px;
    transition:			background-position 150ms ease-out;
    -moz-transition:	background-position 150ms ease-out;
    -webkit-transition:	background-position 150ms ease-out;
    -o-transition:		background-position 150ms ease-out;
}
#nav ul ul li:hover { background-position:6px 6px; }

/* 4th level
-------------------------------------------------------------- */
#nav ul.level2 { margin:7px 0; padding:0; }
#nav ul.level2 a { font-size:0.9166em; line-height:1.2727em; /*11px 14px*/ opacity:0.6; }
#nav li.level2:hover ul.level2 a {
    opacity:1;
    transition:			opacity 150ms ease-out;
    -moz-transition:	opacity 150ms ease-out;
    -webkit-transition:	opacity 150ms ease-out;
    -o-transition:		opacity 150ms ease-out;
}

/* 4rd level+
-------------------------------------------------------------- */
#nav ul ul ul li { background:none; padding-left:0; }

/* Drop-down box
-------------------------------------------------------------- */
#nav > li ul.level0 { display:none; }

#nav ul li dl {
    float: left;
    margin-right: 22px;
    width:131px;
}
#nav ul li dl.last {
    margin-right: 0;
}
#nav dd.parent { background:url(../images/bullet.png) 3px 7px no-repeat; }
#nav dd {
    padding-left: 15px;
}
#nav dd.parent:hover { background-position: 8px 7px; }
#nav ul li a { float:none; padding:2px 0px; }
#nav ul li a.heading {
    font-family: 'bitterregular';
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#nav li.school a.heading:hover {
    color: #ad6201 ;
}
#nav li.early-year a.heading:hover {
    color: #a1642e;
}
#nav li.art-sup a.heading:hover {
    color: #c82111;
}
#nav li.craft-mat a.heading:hover {
    color: #419c19;
}
#nav li.hobby a.heading:hover {
    color: #137cbd;
}
#nav li.graphic a.heading:hover {
    color: #fa520b;
}
#nav li.needlecraft a.heading:hover {
    color: #8d16d4;
}