#dnnMenu{width:100%; height:auto;}
#dnnMenu ul{z-index:223; white-space:nowrap;}
#dnnMenu .topLevel{position:relative;}
#dnnMenu .topLevel li{float:left;margin:0;list-style-type:none;position:relative;margin-left:0px;}

#dnnMenu .topLevel li a{display:block; white-space:nowrap; background:none;}
#dnnMenu .topLevel li a div{display:block;height:70px; margin:0;padding:0 25px; background:url(images/menusep.png) right top no-repeat #353036;}
#dnnMenu .topLevel li a div p{display:inline-block;color:#ffffff; font-weight:normal; text-transform:uppercase; font-size:15px; margin-top:25px;}

#dnnMenu .topLevel li a:hover, #dnnMenu .topLevel li a:active{ white-space:nowrap;text-decoration:none;background:none; }
#dnnMenu .topLevel li a:hover div, #dnnMenu .topLevel li a:active div{background:url(images/menusep.png) right top no-repeat #0094c2;}
#dnnMenu .topLevel li a:hover div p, #dnnMenu .topLevel li a:active div p{color:#ffffff; font-weight:normal;text-decoration:none;text-transform:uppercase; cursor:pointer; margin-top:25px;}

#dnnMenu .topLevel li.breadcrumb a{white-space:nowrap;text-decoration:none; background:none;}
#dnnMenu .topLevel li.breadcrumb a div{background:url(images/menusep.png) right top no-repeat #0094c2;  padding:0 25px;}
#dnnMenu .topLevel li.breadcrumb a div p{color:#ffffff;font-weight:normal;text-decoration:none;  text-transform:uppercase;cursor:pointer; margin-top:25px;}
/*#dnnMenu .topLevel li.haschild a div{background:url(images/haschild.png) 97% 50% no-repeat; padding:0px 20px 0 18px; }
#dnnMenu .topLevel li.haschild a:hover div{background:url(images/haschildsel.png) 97% 50% no-repeat #636363; padding:0px 20px 0 18px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:15px;}
*/
#dnnMenu .topLevel .last a div{display:block;background-image:none;}



#dnnMenu .subLevel{display:none; position:absolute; width:auto; margin:0; padding:0; z-index:1210; border:solid 1px #5b575c; *width:200px;*top:100%;*left:0;  /*IE7*/ }
#dnnMenu .topLevel li.hover .subLevel { display:block; white-space:nowrap;}
#dnnMenu .subLevel ul{ margin:0; padding:0; position:relative; z-index:1200; }
#dnnMenu .subLevel li{ float:none; clear:both; width:100%;}
#dnnMenu .subLevel li.haschild { *margin-bottom:-3px; }
#dnnMenu .subLevel li.item a{ border-top: solid 1px #5b575c; background: #353036; filter:Alpha(Opacity=98); opacity:0.98; *width:200px; /*IE7*/}
#dnnMenu .subLevel li.first > a{ border-top: none; }
#dnnMenu .subLevel li.item a div{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:30px; line-height:30px; padding:0 35px 0 15px; }
#dnnMenu .subLevel li.selected > a div, #dnnMenu .subLevel li.breadcrumb > a div, #dnnMenu .subLevel li.item a:hover div { background:#0094c2; color:#ffffff; cursor:pointer; }
#dnnMenu .subLevel li.haschild > a { background:url(images/child-arrow2.png) no-repeat right center #353036;}
#dnnMenu .subLevel li.selected.haschild > a div,#dnnMenu .subLevel li.breadcrumb.haschild > a div, #dnnMenu .subLevel li.item.haschild > a:hover div { background:url(images/child-arrow.png) no-repeat right center #0094c2; }

#dnnMenu .subLevelRight{ display:none; position:absolute; left:100%; top:0px; width:auto; margin:0; border:solid 1px #5b575c; }
#dnnMenu .subLevel li.hover > .subLevelRight{ display:block; }

#dnnMenu img {max-height: 28px; margin-right: 6px; vertical-align: middle;}

@media (max-width:500px){
#dnnMenu{ width:100%;}
#dnnMenu ul{z-index:223; white-space:nowrap;}
#dnnMenu .topLevel{position:relative;}
#dnnMenu .topLevel li{float:none;margin:0;list-style-type:none;position:relative;margin-left:0px; margin-bottom:2px; border:1px #302931 solid; overflow:auto;}

#dnnMenu .topLevel li a{display:block; white-space:nowrap; background:none;}
#dnnMenu .topLevel li a div{display:block;height:auto; margin:0;padding:0 25px; background:#353036;}
#dnnMenu .topLevel li a div p{display:inline-block;color:#ffffff; font-weight:normal; text-transform:uppercase; font-size:15px;line-height:29px; margin:0;}

#dnnMenu .topLevel li a:hover, #dnnMenu .topLevel li a:active{ white-space:nowrap;text-decoration:none;background:none; }
#dnnMenu .topLevel li a:hover div, #dnnMenu .topLevel li a:active div{background:#0094c2;}
#dnnMenu .topLevel li a:hover div p, #dnnMenu .topLevel li a:active div p{color:#ffffff; font-weight:normal;text-decoration:none;text-transform:uppercase; cursor:pointer; line-height:29px; margin:0;}

#dnnMenu .topLevel li.breadcrumb a{white-space:nowrap;text-decoration:none; background:none;}
#dnnMenu .topLevel li.breadcrumb a div{background:#0094c2;  padding:0 25px;}
#dnnMenu .topLevel li.breadcrumb a div p{color:#ffffff;font-weight:normal;text-decoration:none;  text-transform:uppercase;cursor:pointer; line-height:29px; margin:0;}


#dnnMenu .subLevel{display:none; position:relative; width:98%; margin:2px auto; padding:0; z-index:1210; border:none; *width:98%;  /*IE7*/ }
#dnnMenu .topLevel li.hover .subLevel { display:block; white-space:nowrap; width:98%;}
#dnnMenu .subLevel ul{ margin:0; padding:0; position:relative; z-index:1200; }
#dnnMenu .subLevel li{ float:none; clear:both; width:100%; border:solid 1px #302931; margin:2px 0;}
#dnnMenu .subLevel li.haschild { *margin-bottom:0; }
#dnnMenu .subLevel li.item a{ border-top:none; background: #353036; filter:Alpha(Opacity=95); opacity:0.95; *width:100%; /*IE7*/}
#dnnMenu .subLevel li.first > a{ border-top: none; }
#dnnMenu .subLevel li.item a div{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:30px; line-height:30px; padding:0 35px 0 15px; }
#dnnMenu .subLevel li.selected > a div, #dnnMenu .subLevel li.breadcrumb > a div, #dnnMenu .subLevel li.item a:hover div { background:#0094c2; color:#ffffff; cursor:pointer; }
#dnnMenu .subLevel li.haschild > a { background:url(images/haschildsel.png) no-repeat 95% 50% #353036;}
#dnnMenu .subLevel li.selected.haschild > a div,#dnnMenu .subLevel li.breadcrumb.haschild > a div, #dnnMenu .subLevel li.item.haschild > a:hover div { background:url(images/haschildsel.png) no-repeat 95% 50% #0094c2; }

#dnnMenu .subLevelRight{ display:none; position:relative; left:0; top:0px; width:96%; margin:2px auto; border:none; }
#dnnMenu .subLevel li.hover > .subLevelRight{ display:block; }

#dnnMenu img {max-height: 28px; margin-right: 6px; vertical-align: middle;}
}

@media handheld and (max-width:500px){

#dnnMenu{ width:100%;}
#dnnMenu ul{z-index:223; white-space:nowrap;}
#dnnMenu .topLevel{position:relative;}
#dnnMenu .topLevel li{float:none;margin:0;list-style-type:none;position:relative;margin-left:0px; margin-bottom:2px; border:1px #302931 solid; overflow:auto;}

#dnnMenu .topLevel li a{display:block; white-space:nowrap; background:none;}
#dnnMenu .topLevel li a div{display:block;height:auto; margin:0;padding:0 25px; background:#353036;}
#dnnMenu .topLevel li a div p{display:inline-block;color:#ffffff; font-weight:normal; text-transform:uppercase; font-size:15px;line-height:29px; margin:0;}

#dnnMenu .topLevel li a:hover, #dnnMenu .topLevel li a:active{ white-space:nowrap;text-decoration:none;background:none; }
#dnnMenu .topLevel li a:hover div, #dnnMenu .topLevel li a:active div{background:#fe911d;}
#dnnMenu .topLevel li a:hover div p, #dnnMenu .topLevel li a:active div p{color:#ffffff; font-weight:normal;text-decoration:none;text-transform:uppercase; cursor:pointer; line-height:29px; margin:0;}

#dnnMenu .topLevel li.breadcrumb a{white-space:nowrap;text-decoration:none; background:none;}
#dnnMenu .topLevel li.breadcrumb a div{background:#fe911d;  padding:0 25px;}
#dnnMenu .topLevel li.breadcrumb a div p{color:#ffffff;font-weight:normal;text-decoration:none;  text-transform:uppercase;cursor:pointer; line-height:29px; margin:0;}


#dnnMenu .subLevel{display:none; position:relative; width:98%; margin:2px auto; padding:0; z-index:1210; border:none; *width:98%;  /*IE7*/ }
#dnnMenu .topLevel li.hover .subLevel { display:block; white-space:nowrap; width:98%;}
#dnnMenu .subLevel ul{ margin:0; padding:0; position:relative; z-index:1200; }
#dnnMenu .subLevel li{ float:none; clear:both; width:100%; border:solid 1px #302931; margin:2px 0;}
#dnnMenu .subLevel li.haschild { *margin-bottom:0; }
#dnnMenu .subLevel li.item a{ border-top:none; background: #353036; filter:Alpha(Opacity=95); opacity:0.95; *width:100%; /*IE7*/}
#dnnMenu .subLevel li.first > a{ border-top: none; }
#dnnMenu .subLevel li.item a div{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:30px; line-height:30px; padding:0 35px 0 15px; }
#dnnMenu .subLevel li.selected > a div, #dnnMenu .subLevel li.breadcrumb > a div, #dnnMenu .subLevel li.item a:hover div { background:#fe911d; color:#ffffff; cursor:pointer; }
#dnnMenu .subLevel li.haschild > a { background:url(images/haschildsel.png) no-repeat 95% 50% #353036;}
#dnnMenu .subLevel li.selected.haschild > a div,#dnnMenu .subLevel li.breadcrumb.haschild > a div, #dnnMenu .subLevel li.item.haschild > a:hover div { background:url(images/haschildsel.png) no-repeat 95% 50% #fe911d; }

#dnnMenu .subLevelRight{ display:none; position:relative; left:0; top:0px; width:96%; margin:2px auto; border:none; }
#dnnMenu .subLevel li.hover > .subLevelRight{ display:block; }

#dnnMenu img {max-height: 28px; margin-right: 6px; vertical-align: middle;}
}