#dnnMenu {
	width: 100%;
	}

	#dnnMenu .subMenu ul{width:125%}
	
#footer ul {padding-left: 0;}
#dnnMenu ul,#footer ul, #footer ul ul{margin: 0; width: 100%; list-style: none;padding-bottom:35px;}
#footer ul ul  li {float: none;list-style: none;}
#dnnMenu ul li, #footer ul .item{float:left; max-width: 113px; width: 100%; padding: 0 10px;  list-style: none; background:#848587;}
#footer ul .force-right {float: right; margin-right: 46px;}
#dnnMenu .rootMenu li a{display:block; background:#848587; text-decoration:none; }
#dnnMenu .rootMenu li.selected a, 
#dnnMenu .rootMenu li.rmhover a, #dnnMenu .rootMenu li.breadcrumb a, #dnnMenu .rootMenu li a:hover { background:#848587; text-decoration:none; } /* Center*/ 

#dnnMenu .rootMenu li a div {display:block; background:#848587; }
#dnnMenu .rootMenu li.selected a div, 
#dnnMenu .rootMenu li.rmhover a div, #dnnMenu .rootMenu li.breadcrumb a div, #dnnMenu .rootMenu li a:hover div {background:#848587;} /* Right*/

#dnnMenu .rootMenu li a div div, #footer .extra-footer-menu .item a div div
{display:block;border-top:0px; background:#848587; margin:0; padding:0px; color:white; white-space:wrap;  line-height:normal; font-family:Arial, Helvetica, sans-serif; font-size:17px;  text-shadow:none; text-decoration:none; min-height: 2em; }
#dnnMenu .rootMenu li.selected a div div,  #dnnMenu .rootMenu li.breadcrumb a div div , #dnnMenu .rootMenu li.selected a div div, #dnnMenu .rootMenu li.breadcrumb a:hover div div { border-top:0px; color:white;}
#dnnMenu .rootMenu li.rmhover a div div, #dnnMenu .rootMenu li a:hover div div{ color:white; white-space:wrap;  text-decoration:underline; background:#848587; border-top:0px; text-shadow:none;  } /*Left*/

#dnnMenu .subMenu{display:block; position:absolute; width:auto; margin:0; padding:0; z-index:3; }
#dnnMenu ul ul { z-index:2 !important;}

#dnnMenu ul ul ul  { border:0px;}
#dnnMenu .rootMenu li.hover .subMenu { display:block; white-space:wrap;}
#dnnMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:3; }
#dnnMenu .subMenu li{ float:none; clear:both; width:100%;}
#dnnMenu .subMenu li.haschild { *margin-bottom:-3px; }
#dnnMenu .subMenu li.item a{ border:none; background:#848587;}
#dnnMenu .subMenu li.first > a{ border-top: none; }
#dnnMenu .subMenu li.item a div{ display:block; background:#848587; font-size:14px; color:white; font-weight:normal; white-space:wrap; line-height:15px; padding:6px 0; text-shadow:none;}
#dnnMenu .subMenu li.selected > a div, #dnnMenu .subMenu li.breadcrumb > a div, #dnnMenu .subMenu li.item a:hover div { background:#848587; color:white; cursor:pointer; text-shadow:none;text-decoration:underline}
#dnnMenu .subMenu li.haschild > a { background:url(images/SubArrow.gif) no-repeat right center;}
#dnnMenu .subMenu li.selected.haschild > a div,#dnnMenu .subMenu li.breadcrumb.haschild > a div, #dnnMenu .subMenu li.item.haschild > a:hover div { background:#848587; }

#dnnMenu .subMenuRight{ display:block; position:absolute; left:100%; top:0px; width:auto; margin:0;}
#dnnMenu .subMenu li.hover > .subMenuRight{ display:block; }


/*
@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
#dnnMenu { padding:0 0 15px 0 !important;}
#dnnMenu, #dnnMenu .rootMenu li, #dnnMenu .rootMenu li a div   { float:none !important; display:block;}
#dnnMenu .rootMenu li a div div{display:block;line-height:normal;margin:0 0px 9px 0 !important; border:none; text-transform: uppercase!important; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
color:#444444!important;padding: 10px 35px 10px 10px!important; border:1px solid #ccc !important;  text-shadow:1px 1px 1px #fff;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, .3);  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .3);  box-shadow:0 1px 4px rgba(0, 0, 0, .3);
 
background:url(images/NavArrow.png) right center no-repeat , -webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#dadada)) !important;
background:url(images/NavArrow.png) right center no-repeat , -moz-linear-gradient(#ededed, #dadada) !important;
background:url(images/NavArrow.png) right center no-repeat , linear-gradient(#ededed, #dadada) !important; 
background:url(images/NavArrow.png) right center no-repeat , -o-linear-gradient(#ededed, #dadada) !important;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')";}
#dnnMenu .rootMenu li.selected a div div,  #dnnMenu .rootMenu li.breadcrumb a div div ,
#dnnMenu .rootMenu li.rmhover a div div, #dnnMenu .rootMenu li a:hover div div{ border:1px solid #660099 !important; color:#fff!important; text-shadow:1px 1px 1px #000;
background:url(images/NavArrowOn.png) right center no-repeat , -webkit-gradient(linear, 0 0, 0 bottom, from(#660099), to(#562483)) !important;
background:url(images/NavArrowOn.png) right center no-repeat , -moz-linear-gradient(#660099, #562483) !important;
background:url(images/NavArrowOn.png) right center no-repeat , linear-gradient(#660099, #562483) !important; 
background:url(images/NavArrowOn.png) right center no-repeat , -o-linear-gradient(#660099, #562483) !important;
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#660099', EndColorStr='#562483')"; } 

#dnnMenu .subMenu , #dnnMenu ul ul {display:none !important;}


#dnnMenu{margin-bottom:-13px}
#dnnMenu .rootMenu{margin-top:-15px}
}
*/

@media only screen and (max-width: 981px)  and (min-width: 751px), only screen and (max-width: 981px)  and (min-width: 751px) { /*iPad*/
#ZdnnMenu {margin-left:10px}
#ZdnnMenu .rootMenu li{}
#ZdnnMenu .subMenu{width:60px !important}
#ZdnnMenu ul li.last{
margin-right: 0px !important;
}

}