#dnnMenu{ height:39px;}
#dnnMenu .topLevel{ position:relative; height:39px; margin:0; padding:0;}
#dnnMenu .topLevel li{ position:relative; float:left; margin:0 10px 0 0; list-style-type:none;cursor:pointer}

#dnnMenu .breadcrumb { background:none; border-radius:0; list-style:none; margin:0; padding:0;}
#dnnMenu .topLevel li a{ display:block; color:#aaa; font-size:16px;}
#dnnMenu .topLevel li.breadcrumb a,#dnnMenu .topLevel li.hover a, #dnnMenu .topLevel li a:hover{ background:#1688ad; border-bottom:2px solid #137798; border-radius:3px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.1); color:#fff; text-decoration:none;}
#dnnMenu .topLevel li a span{ display:block; height:38px; line-height:38px; margin:0; padding:0 18px; }

#dnnMenu .subLevel{ display:none; position:absolute; left:0; top:65px; width:230px; margin:0; padding:0; z-index:1210;}
#dnnMenu .subLevelLeft{ left:-134px}
#dnnMenu .subLevel:before{ position:absolute; left:18px; top:0; margin-top:-8px; border-color: #333333; border-left: 8px solid transparent; border-right: 8px solid transparent; border-style: none solid solid solid; border-width: 0 8px 8px 8px; content:'';}
#dnnMenu .subLevelLeft:before{ left:192px}
#dnnMenu .topLevel li.hover .subLevel{ display:block; white-space:nowrap;}
/*#dnnMenu .topLevel li.breadcrumb .subLevel{ display:block; white-space:nowrap;}*/
#dnnMenu .subLevel ul{ position:relative; margin:0; padding:0 ; background:#EDEDED; border-radius:0; border:1px solid #DDDDDD; border-top:none; z-index:1200;}
#dnnMenu .subLevel li{ float:none; clear:both; width:auto; margin-right:0; padding:0 0 0 15px; border-bottom:1px solid #DDDDDD;font-size:16px;}
#dnnMenu .subLevel li:last-child{ border-bottom:none;}
#dnnMenu .subLevel li.item a{ background:none; color:#868686; border-radius:0; box-shadow:none; border-bottom:none; transition: all 0.2s ease-in 0s;}
#dnnMenu .subLevel li.item a:hover,#dnnMenu .subLevel li.breadcrumb a{ color:#1688ad;}
#dnnMenu .subLevel li.item a span{ height:38px; line-height:38px; padding:0; text-shadow:none;}

#dnnMenu .subLevelRight{ display:none; position:absolute; left:205px; top:0; width:200px;}
#dnnMenu .subLevel li.hover > .subLevelRight{ display:block;}
#dnnMenu .subLevelRight ul{ display:block;}
#dnnMenu .subLevelRight ul li{ position:relative;}
#dnnMenu .subLevelRight ul li.item a { display:block;}
#dnnMenu .subLevelRight ul li.item a span{ display:block; white-space:nowrap; height:35px; line-height:35px;}

@media only screen and (max-width: 980px) {
#dnnMenu .topLevel li a span{ padding:0 10px;}
}

@media only screen and (max-width: 768px) {
#dnnMenu{ height:auto;}
#dnnMenu .topLevel{ height:auto;}
#dnnMenu .topLevel li{ float:none; width:100%; margin-bottom:1px;z-index:100}
#dnnMenu .topLevel li a{ background:#1688ad; border-bottom:1px solid #aaa; border-right:none; padding:0 10px;}
#dnnMenu .topLevel li:first-child a{ border-top:1px solid #aaa;}
#dnnMenu .topLevel li:last-child a{ border-bottom:1px solid #aaa;}
#dnnMenu .topLevel li a span{ padding:0 10px;}
#dnnMenu .subLevel{ display:block; position:relative; left:0; top:0; width:100%;}
#dnnMenu .subLevel:before{ display:none;}
#dnnMenu .subLevel ul{ padding:0; border:none; z-index:1200; }
#dnnMenu .subLevel li{ padding:0 0 0 0; border:none;}
#dnnMenu .subLevel li.item a { border:none; border-bottom:1px solid #393939; padding-left:20px;}
#dnnMenu .subLevel li.item a span{ padding:0 15px;}
}