.breadcrumb {margin-bottom:0 !important}
div#content-sub {margin-left:2%;margin-right:2%;margin-bottom:20px;background-color: #114377;width:98%;margin-left:auto;margin-right:auto;overflow:hidden;display:block;}
.domain-mott-umhealth-leroux-sandbox div#content-sub {background-color: #275185;}
div#portal-title {}
div#portal-title h1 {margin-right:16px;padding-top:10px;padding-left:20px;}
div#portal-title h1 a {color:#fff;}
div#portal-title h1 a:hover {color:#ffe38f;}
div#portal-head {float:right;height:100px;margin:0;width:670px;}
div.content-nav div.block-content {magin:0; padding:0;}

div#block-menu-block-uofm-contextual-menu div.block-content h2.block-title {margin:0;margin-bottom:-4px;}
div#block-menu-block-uofm-contextual-menu div.block-content h2.block-title a.active {background: none repeat scroll 0 0 #dfdcd5;}
div#block-menu-block-uofm-contextual-menu div.block-content h2.block-title a:hover {background: none repeat scroll 0 0 #dfdcd5;}
div#block-menu-block-uofm-contextual-menu div.block-content h2.block-title a {display:block;font-weight:bold;padding:1em 0 1em 5px; margin:0;}


#main  div#content-sub ul.menu li {display:inline;margin-right:-4px;}
#main  div#content-sub ul.menu li a {padding-top:7px;padding-bottom:7px;border-right:solid 1px #114377;color:#fff;font-weight:bold;padding-left:25px;padding-right:25px;}
#main  div#content-sub ul.menu li a:hover {color:#0c3f71;background-color:#dfdcd5;}
#main  div#content-sub ul.menu li a.active {color:#0c3f71;background-color:#fff;}
#main  div#content-sub ul.menu li a.app {color:#ffcc33;}
#main  div#content-sub ul.menu li a.app:hover {color:#0c3f71;}
#main  div#content-sub ul.menu li a.app.active {color:#0c3f71;}
#main  div#content-sub ul.menu li.last {}
#main  div#content-sub ul.menu li.first a {border-left:solid 1px #114377;border-left:solid 1px #114377;}
#main  div#content-sub div.block-menu {clear:both;height:33px;background-color:#587ba8;}
#main  div#content-sub ul.menu {text-align:center;padding-top:4px;}

@media all and (max-width: 479px){
    div#portal-title {clear:both;}
    div#portal-head {display:none;}
    #main  div#content-sub ul.menu li {display:block;margin-right:1em;margin-left:1em;clear:both;}
    
    #main  div#content-sub ul.menu li a {display:block;padding-top:7px;padding-bottom:7px;border-right:none;color:#0c3f71;border-bottom:solid 1px #c4bdac;color:#0c3f71;font-weight:bold;padding-left:25px;padding-right:25px;margin:0;}
    #main  div#content-sub ul.menu li a:hover {color:#0c3f71;background-color:#ededed;}
    #main  div#content-sub ul.menu li a.active {color:#0c3f71;background-color:#dfdcd5;}
    #main  div#content-sub ul.menu li a.app {color:#0c3f71;}
    #main  div#content-sub ul.menu li a.app:hover {color:#0c3f71;}
    #main  div#content-sub ul.menu li a.app.active {color:#0c3f71;}
    #main  div#content-sub ul.menu li.last {}
    #main  div#content-sub ul.menu li.first a {border-left:none;}
    #main  div#content-sub div.block-menu {height:auto;display:block;clear:both;background-color:#fff;}
    #main  div#content-sub ul.menu {text-align:left;padding-top:4px;clear:both;}
}

@media all and (min-width: 480px) and (max-width: 959px){
div#portal-title {clear:both;}
div#portal-head {clear:both;height:100px;margin:0;}
    #main  div#content-sub ul.menu li {display:block;margin-right:1em;margin-left:1em;clear:both;}

    #main  div#content-sub ul.menu li a {display:block;padding-top:7px;padding-bottom:7px;border-right:none;color:#0c3f71;border-bottom:solid 1px #c4bdac;color:#0c3f71;font-weight:bold;padding-left:25px;padding-right:25px;margin:0;}
    #main  div#content-sub ul.menu li a:hover {color:#0c3f71;background-color:#ededed;}
    #main  div#content-sub ul.menu li a.active {color:#0c3f71;background-color:#dfdcd5;}
    #main  div#content-sub ul.menu li a.app {color:#0c3f71;}
    #main  div#content-sub ul.menu li a.app:hover {color:#0c3f71;}
    #main  div#content-sub ul.menu li a.app.active {color:#0c3f71;}
    #main  div#content-sub ul.menu li.last {}
    #main  div#content-sub ul.menu li.first a {border-left:none;}
    #main  div#content-sub div.block-menu {height:auto;display:block;clear:both;background-color:#fff;}
    #main  div#content-sub ul.menu {text-align:left;padding-top:4px;clear:both;}
    
}



@media all and (min-width:960px){
    
    .breadcrumb {margin-bottom:0 !important}
    div#content-sub {margin-left:2%;margin-right:2%;margin-bottom:20px;background-color: #114377;width:98%;margin-left:auto;margin-right:auto;}
    div#portal-title {float:left;}
    div#portal-title h1 {margin-right:16px;padding-top:10px;padding-left:20px;}
    div#portal-title h1 a {color:#fff;}
    div#portal-title h1 a:hover {color:#ffe38f;}
    div#portal-head {clear:right;height:100px;margin:0;}
    div.content-nav div.block-content {magin:0; padding:0;}
    
    div#block-menu-block-uofm-contextual-menu div.block-content h2.block-title {margin:0;margin-bottom:-4px;}
    div#block-menu-block-uofm-contextual-menu div.block-content h2.block-title a.active {background: none repeat scroll 0 0 #dfdcd5;}
    div#block-menu-block-uofm-contextual-menu div.block-content h2.block-title a:hover {background: none repeat scroll 0 0 #dfdcd5;}
    div#block-menu-block-uofm-contextual-menu div.block-content h2.block-title a {display:block;font-weight:bold;padding:1em 0 1em 5px; margin:0;}
    
    
    #main  div#content-sub ul.menu li {display:inline;margin-right:-4px;}
    
    #main  div#content-sub ul.menu li a {padding-top:7px;padding-bottom:7px;border-right:solid 1px #114377;color:#fff;font-weight:bold;padding-left:25px;padding-right:25px;}
    #main  div#content-sub ul.menu li a:hover {color:#0c3f71;background-color:#dfdcd5;}
    #main  div#content-sub ul.menu li a.active {color:#0c3f71;background-color:#fff;}
    #main  div#content-sub ul.menu li a.app {color:#ffcc33;}
    #main  div#content-sub ul.menu li a.app:hover {color:#0c3f71;}
    #main  div#content-sub ul.menu li a.app.active {color:#0c3f71;}
    #main  div#content-sub ul.menu li.last {}
    #main  div#content-sub ul.menu li.first a {border-left:solid 1px #114377;border-left:solid 1px #114377;}
    #main  div#content-sub div.block-menu {clear:both;height:33px;background-color:#587ba8;}
    #main  div#content-sub ul.menu {text-align:center;padding-top:4px;}
    
}