/** LAYOUT **/
#main_navigation
{
	float:left;
	clear:both;
    margin:1em auto;
    padding:0.3em 0em 0.3em 0em;
    border-top:1px solid #4F7772;
    border-bottom:1px solid #4F7772;
	width:99em;
}

#main_navigation #menu-bth
{
    display:none;
}

#main_navigation ul 
{
    float:none;
	list-style: none;
	width:99em;
	margin:0px auto;
	padding:0em;
	text-transform:uppercase;
}

/** FIRST LEVEL **/
    ul.navOn1 li {
        display:block;
        width:8.5em;
        font-size:1.0em;
        position: relative;
        margin:0em 0em 0em 0em;
        float:left;
        padding:0em 0em 0em 0em;
        min-height:3em;
        z-index:10;
    }
    
    ul.navOn1 li:first-child 
    {
        margin:0 0 0 0em;
        border-left:none;
    }

    ul.navOn1 li a {
        display:block;
        z-index:10;
        font-weight:normal;
        text-align:left;
        color:#fff;
        background:#333;
        padding:1.0em 0.0em 0.6em 2.5em;
        background-image:url(../images/shd/menu-logo-sep.gif);
        background-position:1em 1.3em;
        background-repeat:no-repeat;
        min-height:3em;
        margin:0em;
        font-size:1.0em;
    }
    ul.navOn1 li.wider
    {
        width:14em;
    }
    ul.navOn1 li.double a
    {
        padding:0.3em 0em 0.3em 2.5em;
        min-height:2.4em;
        
    }
    ul.navOn .miMark a
    {
        padding:0em 1.5em 0em 1.5em !important;
        background:#cc0000;
    }
    
    ul.navOn1 li a.menu-on
    {
        background:#4F7772;
        background-image:url(../images/shd/menu-logo-sep-ovr.gif);
        color:#ffffff;
    }
    
    ul.navOn1 li:first-child a {
        border:none;
    }

/** SECOND LEVEL **/
    ul.navOn1 li ul {
        width:11.1em;
        display:none;
        position: absolute;
        z-index:200;
        left: 0; /* Set 1px less than menu width */
    }

    ul.navOn1 li li {
        margin:0px;
        display:block;
        float:left;
        clear:both;
        z-index:200;
    }

    ul.navOn1 ul li a 
    {
        width:11.5em;
        padding: 4px 4px 4px 4px;
        z-index:3000;
        font-weight:normal;
    }

/** THIRD LEVEL **/
    ul.navOn1 li li ul{
        left:100%;
        top:0;
        z-index:3000;
        position:absolute;
	    font-size:1.0em;
    }

/** STYLING & COLOURS **/

    ul.navOn1 li ul {
        background-color:#fff;
        border:1px solid white;
        border-bottom:0;
        padding-top:0px;
    }

    ul.navOn1 li li {
        border-top:0;    
    }

    ul.navOn1 li a,
    ul.navOn1 li a:visited,
    ul.navOn1 li a:link {
        color:#FFFFFF;
        text-decoration:none;
    }
    
    ul.navOn1 li li a,
    ul.navOn1 li li a:visited,
    ul.navOn1 li li a:link
    {
        line-height:1.0em; 
        background-color:#fff;
        border-bottom:1px solid white;
        background-image:none;
        color:#FFFFFF;
        font-size:0.9em;
        text-transform:capitalize;
    }

    /* Hover Colours */
    ul.navOn1 li a:hover,
    ul.navOn1 li a:active,
    ul.navOn1 li a:focus
    {
        background:#4F7772;
        background-image:url(../images/shd/menu-logo-sep-ovr.gif);
        background-repeat:no-repeat;
        background-position:1em 1.3em;
        color:#ffffff;
    }

    ul.navOn1 li li a:hover
    {
        background:#4F7772;
        background-image:url(../images/shd/menu-logo-sep-ovr.gif);
        background-repeat:no-repeat;
        background-position:1em 1.3em;
        color:#ffffff;
    }

    /** Ensures that the parent <a> remains 'on' **/
    ul.navOn1 li:hover>a 
    {
        background:#4F7772;
        background-image:url(../images/shd/menu-logo-sep-ovr.gif);
        background-repeat:no-repeat;
        background-position:1em 1.3em;
        color:#ffffff;
    }

/* MAGIC, MAGIC, MAGIC */
    /* FIRST LEVEL */
    .navOn1 li:hover ul, .navOn1 li.over ul { display: block; }
    .navOn1 li:hover ul ul, .navOn1 li.over ul ul { display: none; }

    /* SECOND LEVEL */
    .navOn1 li:hover li:hover ul, .navOn1 li.over li.over ul{display:block}
    .navOn1 li:hover li:hover ul ul, .navOn1 li.over li.over ul ul{display:none}

    /* THIRD LEVEL */
    .navOn1 li:hover li:hover li:hover ul, .navOn1 li.over li.over li.over ul{display:block}
    .navOn1 li:hover li:hover li:hover ul ul, .navOn1 li.over li.over li.over ul ul{display:none}

    /* FOURTH LEVEL */
    .navOn1 li:hover li:hover li:hover li:hover ul, .navOn1 li.over li.over li.over li.over ul{display:block}
    .navOn1 li:hover li:hover li:hover li:hover ul ul, .navOn1 li.over li.over li.over li.over ul ul{display:none}