/* Mega Menu Reset */
ul ul, ul ol, ol ol, ol ul {
    margin-left:0px; margin-bottom:0px; 
    }
    
ul.dnnmega {
    width: 100%;
    list-style: none; 
    } 
    
    ul.dnnmega ul {
        padding:0; 
        }
        
/*WAM - removed z-index*/

ul.dnnmega li {
    float:left;
    list-style: none none;
    position: relative; 
    }
    
    ul.dnnmega li.root {
        display:block; 
        text-align:center; 
        }
        
    ul.dnnmega li.root span {
        display:block; 
        padding:0 5px; 
        color:#333; 
        font:normal 16px/1.5em "opensans",Tahoma; 
        text-decoration:none; 
        line-height:100px; 
        }  
              
    ul.dnnmega li.root:last-of-type a {
        border-right:0; 
        }
        
        ul.dnnmega li.root a:hover {
            text-decoration:none; 
            }
            
        ul.dnnmega li.root a:hover span {
            color:#21c2f8; 
            }
        
body ul.dnnmega li.mmItemHover a, 
body ul.dnnmega li.mmItemHover a:hover {
    color:#21c2f8; 
    position:relative; 
    z-index:1230; 
    }

    ul.dnnmega li:hover a, 
    ul.dnnmega li a:hover {
        background-position: left bottom; 
        }
        
    ul.dnnmega li .megaborder {
        position:absolute; 
        top:100px; 
        left:0px; 
        z-index:1200; 
        float:left; 
        display:none; /*--Hidden for those with js turned off--*/
        background:none;
        }
        
    ul.dnnmega .megaborder .M {
        display:block; 
        padding-top:12px; 
        padding-bottom:25px;
        min-height:80px; 
        border-top:none; 
        background: #f5f5f5; 
        }


/*-- Sub nav heading style --*/

ul.dnnmega .megaborder ul li.category {
    border-right:1px solid #999; 
    }
    
    ul.dnnmega .megaborder ul li.mmLast {
        border-right:none; 
        }
        
    ul.dnnmega .megaborder ul li.mmRightColumn {
        border-right:none; 
        }
        
ul.dnnmega .megaborder ul li.category a, 
ul.dnnmega .megaborder ul li.category a span {
    background:none; 
    height:auto; 
    border-right:none; 
    box-shadow:none; 
    }

ul.dnnmega li.category {
    display:block; 
    width:180px; 
    float:left;
    }
    
    ul.dnnmega li.category a {
        display:block;
        padding:0;
        margin:0; 
        }
        
    ul.dnnmega li.category a span {
        text-align:left; 
        display:block; 
        font-size:14px; 
        border-bottom:1px solid #d9dada; 
        color:#31393e; 
        border-radius:0px !important; 
        font-weight:normal; font-family:Tahoma; 
        border-top:0; padding:7px 0;
        margin:0 14px 0 18px; 
        line-height:20px; 
        }

ul.dnnmega .megaborder ul li.category a:hover, 
ul.dnnmega .megaborder ul li.category a:hover span {
    color:#21c2f8; 
    }

ul.dnnmega li.category li.leaf, 
ul.dnnmega li.category li.mmLast {
    clear:left;
    float:none;
    position:static; 
    background:url(images/MegaMenuLI.png) no-repeat 16px 7px; 
    padding:0px;
    }
    
ul.dnnmega li.category li.leaf a span {
    text-align:left; 
    padding:3px 0 4px 12px; 
    font-size:12px; 
    line-height:17px; 
    border:0; 
    }
    
ul.dnnmega img.mmIcon {
    margin-right:5px; 
    vertical-align: middle;
    }
    
ul.dnnmega li.root img.mmArrow {
    margin:0; 
    position:absolute; 
    display:none; 
    }
    
ul.dnnmega li.mmHasChild span {
    padding-right:18px; 
    }
    
ul.dnnmega li.mmSelected span {
    color:#21c2f8; 
    }
    
ul.dnnmega li.mmSelected a:hover span {
    color:#21c2f8; 
    }
    
/*--Sub nav heading link style--*/


@media screen and (max-width:1060px) {
    ul.dnnmega li.root span {
        padding:0 7px;
        font-size:14px; 
        line-height:90px;
        } 
        
    ul.dnnmega li .megaborder {
        top:90px; 
        }
}

@media handheld, only screen and (max-width:930px) {
    ul.dnnmega li.root span {
        padding:0 5px; 
        line-height:80px;
        }
        
    ul.dnnmega li .megaborder {
        top:80px; 
        } 
}

@media screen and (max-width:830px) {
    ul.dnnmega li.root span {
        padding:0 3px; 
        line-height:75px; 
        font-size:13px; 
        } 
        
    ul.dnnmega li .megaborder {
        top:75px; 
        }
}

@media screen and (max-width: 767px) {	
	nav#full { display:none; }
	div#mobile { background:#f9f9f9; display:block; border:1px solid #CCCCCC; border-bottom:none; }

	/* Top black bar that holds the toggle button */
	div#mobile #toggle-bar { line-height:36px; height:36px; border-bottom:1px solid #CCCCCC; }

	/* Toggle button #1 ("Menu") */
	div#mobile strong a { margin-left:14px; padding:5px 50px 5px 0; }
    div#toggle-bar a { color:#333; font-weight:normal; }
    div#toggle-bar a:hover { color:#333; text-decoration:none; }
    
	/* Toggle button #2 ("Navicon") */
	div#mobile .navicon { float:right; height:4px; width:38px; margin:0 18px; margin-top:8px; border-top:11px double #BFBFBF; border-bottom:4px solid #BFBFBF; font-size:0; }
       
    /* The dropdown menu */ 
    nav#mobile ul li { clear:both; list-style:none; background:#fff; } 
    nav#mobile ul li a { display:block; margin:0; padding:8px 12px; border-bottom:1px solid #bfbfbf; color:#333; } 
    nav#mobile ul ul { font-size:small; }
    nav#mobile ul ul li { background:#fff; } 
    nav#mobile ul ul a { padding-left:8px; color:#333; }
    nav#mobile ul li a:hover,nav#mobile ul ul a:hover { text-decoration:none; } 
    nav#mobile ul ul a:before { content: "-"; padding-right:6px; }  
    nav#mobile ul ul ul a:before { content: "- -"; padding-right:6px; }    
}