/* site menu global settings */
#m0   {z-index:5;margin-left:2%;margin-right:2%}
#m0 a {cursor:default;white-space:nowrap}
#m0 li {list-style:none}
#m0 li:hover > ul {display:block}
.n  hr {margin:5px auto 0;width:90%;border:1px solid}

/* large screens */
@media only screen AND (min-width:562px){
  #m0   {position:relative;margin-top:12px}
  #m0 li {position:relative;display:inline;padding:0 0 25px}
  #m0 a {display:none;margin:0 1px}
  #m0 ul ul {padding:5px 7px;line-height:3;background-image:url(imgs/overlay.png);background-repeat:repeat-x;background-position:0 -110px} /* main-menu background */
  #m0 ul ul a {display:inline;padding:8px 1.75%;color:#F0F0F0} /* size of main-menu items */
  #m0 ul ul li.h > a,
  #m0 ul ul li:hover > a {background-color:#404040;background-image:url(imgs/overlay.png);background-repeat:repeat-x;background-position:0 -40px;border-top:solid 1px #F8F8F8}
  #m0 ul ul li span {padding:0 2% 0 0;background-image:url(imgs/m_down_w.png);background-position:right center;background-repeat:no-repeat;background-size:6px 3px} /* sub-menu arrow span */
  #m0 ul ul li.h span {background-image:url(imgs/m_down_b.png);background-size:6px 3px}
  #m0 ul ul li:hover span {background-image:url(imgs/m_up_b.png);background-size:6px 3px}
  #m0 ul ul ul {position:absolute;z-index:3;display:none;top:26px;left:1px;padding:0 0 4px;line-height:1.2;background:#E0E0E0;border:solid 1px #B4B4B4} /* sub-menu position & background */
  #m0 ul ul ul a {display:block;margin:4px 4px 0;padding:8px 8px;min-width:100px;cursor:pointer;background:none;border:none} /* size & spacing of sub-menu items */
  #m0 ul ul ul li.h > a,
  #m0 ul ul ul li:hover > a {background-image:url(imgs/overlay.png);background-repeat:repeat-x;background-position:0 -115px;color:#F0F0F0;border:none}
  #m0 ul ul ul ul {top:0px;left:115px} /* sub-sub-menu position */
}

/* screens <= 561px */
@media only screen AND (max-width:561px){
  #m0  {position:absolute;z-index:6;top:0;left:0;margin:15px;padding:0}
  #m0 ul {margin:0;padding:0}
  #m0 li {position:relative;margin:0;padding:0 0 10px 0}
  #m0 a {display:block;margin:0;padding:10px 22px;background-color:#404040;background-image:url(imgs/overlay.png);background-repeat:repeat-x;background-position:0 -40px;border-top:solid 1px #F8F8F8}
  #m0 .h > a,  /* needs to include the "Menu" button */
  #m0 li:hover > a {background-image:url(imgs/overlay.png);background-repeat:repeat-x;background-position:0 -100px;color:#F0F0F0;border-top:none}
  #m0 ul ul {display:none;position:absolute;top:37px;left:0;margin:0;padding:0;background:#E0E0E0;border:solid 1px #B4B4B4} /* main-menu background */
  #m0 ul ul li {padding:0}
  #m0 ul ul a {margin:6px;padding:10px 15px;background:none;border:none}
  #m0 ul ul ul {top:-1px;left:120px;z-index:3} /* sub-menu position & background */
  #m0 ul ul ul a {margin:3px;padding:8px 20px 8px 15px} /* size & spacing of sub-menu items */
  #m0 ul ul li span {display:block;padding:0 11px 0 0;background-image:url(imgs/m_right_b.png);background-position:right center;background-repeat:no-repeat;background-size:3px 6px} /* sub-menu arrow span */
  #m0 ul ul li.h span,
  #m0 ul ul li:hover span {background-image:url(imgs/m_right_w.png);background-size:3px 6px}
}

/* print */
@media print{
  #m0 ul {padding:6px 10px;border:none}
  #m0 li {display:inline}
  #m0 li > hr {display:none}
  #m0 a {display:none}
  #m0 ul ul {display:inline;padding:0;border:none}
  #m0 .h > a {display:inline;font-weight:normal}
  #m0 a:before {content:"Website location: "}
  #m0 ul ul ul li a:before {content:" » "}
}