/* 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; margin-left:4px; margin-top:-4px;
        }
        
    ul.dnnmega li.root span {
        display:block; 
        padding:7px 2px; 
        color:#fff; 
        font:normal 16px/1.5em "opensans",Tahoma; line-height:79px;
        text-decoration:none; 
        -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; 
        }  
              
    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 span {
            }
               
        ul.dnnmega > li.root > a:hover span {
            color:#21c2f8; background:#f8f7f7;
            -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; 
            }
        
        ul.dnnmega > li.root:hover > a span {
            color:#21c2f8; background:#f8f7f7;
            -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; 
            }
            
ul.dnnmega > li.mmSelected > a span {
    color:#fff;
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; 
    }
    
ul.dnnmega > li.mmSelected > a:hover span {
    color:#21c2f8; background:#f8f7f7;
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; 
    }
            
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:93px; 
        right:0px; 
        z-index:1200; 
        float:left; 
        display:none; /*--Hidden for those with js turned off--*/
        background:none;
        }
        
    ul.dnnmega .megaborder .M {
        display:inline-block; 
        height:100%; 
        border-top:none; 
        background: #044c7c; 
        }

/*-- Sub nav heading style --*/
    
    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:inherit !important;
    }
    
    ul.dnnmega li.category a {
        display:block;
        padding:0;
        margin:0; 
        }
        
    ul.dnnmega li.category a span {
        text-align:Right; 
        display:block; 
        font-size:14px; 
        border-bottom:1px solid #5c5c5c; 
        color:#e2e1e1; 
        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:#25B8E2;
    }

ul.dnnmega li.category li.leaf, 
ul.dnnmega li.category li.mmLast {
    clear:left;
    float:none;
    position:static; 
    padding:0px; margin-top:7px;
    }
    
ul.dnnmega li.category li.leaf a span {
    text-align:left; 
    padding:4px 0; 
    font-size:14px; 
    line-height:16px; 
    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:16px; 
	padding-left:16px; 
    }
 
.SmallMenu ul.dnnmega > li.root span { line-height:44px; }   
    
/*--Sub nav heading link style--*/


@media screen and (max-width:1250px) {
    ul.dnnmega li.root span { padding:7px 2px; }   
} 

@media handheld, only screen and (max-width:1060px) {
    ul.dnnmega li.root span { font-size:13px; }
}

@media handheld, only screen and (max-width:930px) {
    ul.dnnmega li.root span { font-size:13px; margin-left:11px; }
}

@media screen and (max-width:830px) {
    ul.dnnmega li.root span { padding:7px 1px; }        
}


@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 80px 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; width:38px; margin:0 0 0 18px; height:10px; }
    div#mobile .navicon em.fa { margin-top:6px; font-size:24px; }
    
    /* 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; }    
}
.ML{position:absolute;right:0;}