/* Example CSS code for a horizontal-type drop down navigation menu */

/* This is the default CSS file, based on standards compliant CSS and
 * tested under Firefox (within a specific wordpress theme -
 * failure_theme)*/

/* Example menu layout
 *
 *  ---------------- --------------- -------------
 * | Top Level 1    | Top Level 2   | Top Level 3 |
 *  ---------------- --------------- -------------
 * | Second Level   |
 *  ---------------- ---------------
 * | Second Level 2 | Third Level 1 |
 *  ---------------- ---------------
 *                  | Third Level 2 |
 *                   ---------------
 */

/* nav-head-nested */


/* Top level */
ul#nav-head-nested {
    margin: 0;
    padding: 0;
}

ul#nav-head-nested li {
    padding: 0;
    margin: 0;
}

/* 2nd level, vertically under top level */
ul#nav-head-nested li ul {
    position: absolute;
	float: right;
    margin-top: 1px;
    margin-left: -1px;
}

ul#nav-head-nested li ul li {
    /* Specify the width here for the drop down menus */
    width: auto;
    clear: both;
}

/* 3rd level and subsequent, horizontally out from previous level */
ul#nav-head-nested li ul li ul {
    position: absolute;
    float: right;
    /* Using percentages to specify where drop down menus appear */
    margin-top: -5%;
    margin-left: 90%;
}

ul#nav-head-nested li ul li ul li {
    margin: 0;
    clear: both;
	width: 200px;
}