/* BODY */
body {
    margin:0;
    padding:0;
    min-width:300px;
    background-color:#414142 
}
@media only screen and (max-width:926px) {
    body {
        margin:0;
        padding:0;
        background-image:none 
   }
}
/* END BODY */
/* PAGE HEADING OVERLAY */
#page-header-wrapper {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    background-color:#006851;
    z-index:10000 
}
#page-header-wrapper, #page-header-spacer {
    height:44px 
}
#page-header-spacer {
    visibility:hidden 
}
.page-header {
    position:relative;
    max-width:1200px;
    margin:0 auto;
    height:42px;
    min-width:300px;
    overflow:hidden;
    font-family:"PT Serif", Georgia, serif;
    font-size:14px;
    font-weight:bold;
    padding:0 10px;
    box-sizing:border-box 
}
.page-header, .page-header ul {
    line-height:42px 
}
.page-header ul {
    list-style-type:none;
    margin:0;
    padding:0;
    display:inline-block 
}
.page-header .left {
    left:18px;
    float:left 
}
.page-header .right {
    float:right 
}
.page-header li {
    display:inline-block;
    padding-top:0 !important 
}
.page-header .left li {
    padding:0 8px 
}
.page-header .left li:last-child:after {
    content:"\00a0";
   /* Force content to get the line-height to trigger */
}
.page-header .right li {
    padding:0 8px 
}
.page-header .social {
    position:absolute;
    right:50% 
}
.page-header .right .social li {
    padding:0 
}
.page-header a, .page-header a:hover, .page-header label {
    color:#eee 
}
.page-header a:hover, .page-header label:hover {
    text-decoration:underline 
}
.page-header .home, .page-header .search, .page-header .facebook, .page-header .twitter, .page-header .linkedin, .page-header .youtube, .page-header .instagram {
    display:inline-block;
    width:21px;
    height:22px;
    overflow:hidden;
    vertical-align:middle;
    margin-top:-4px;
    padding:0 1px 
}
.wnmc .page-header .facebook {
    margin-top:10px 
}
.page-header .home:before, .page-header .search:before, .page-header .facebook:before, .page-header .twitter:before, .page-header .linkedin:before, .page-header .youtube:before, .page-header .instagram:before {
    content:" ";
    background-size:21px 22px;
    background-position:center center;
    background-repeat:no-repeat;
    width:21px;
    height:22px;
    display:block 
}
.page-header .home:before {
    background-image:url(../../../images/2019-update/home_icon.svg) 
}
.page-header .search:before {
    background-image:url(../../../images/2019-update/icn_search_2x.svg);
    background-size:21px 20px 
}
.page-header .facebook:before {
    background-image:url(../../../images/2019-update/icn_facebook.svg);
    background-size:20px 22px 
}
.page-header .linkedin:before {
    background-image:url(../../../images/img-linkedin-icon.svg);
    background-size:20px 22px 
}
.page-header .twitter:before {
    background-image:url(../../../images/2019-update/icn_twitter.svg);
    background-size:20px 22px 
}
.page-header .youtube:before {
    background-image:url(../../../images/2019-update/icn_youtube.svg);
    background-size:20px 22px 
}
.page-header .youtube {
   /* Conflicts with legacy global style */
    margin-bottom:0 
}
.page-header .instagram:before {
    background-image:url(../../../images/2019-update/icn_instagram.svg);
    background-size:20px 22px 
}
.page-header a.top-link {
    float:right;
    margin:0 0 10px 0 
}
@media only screen and (max-width:1150px) {
    .nmc .page-header .social {
        position:static 
   }
}
@media only screen and (max-width:1000px) {
    #page-header-wrapper, #page-header-spacer {
        height:auto;
   }
    .page-header {
        position:static;
        margin-left:0;
        padding-bottom:5px;
        padding-top:5px;
        height:auto;
        width:100%;
   }
    .page-header .left {
        display:inline-block;
        float:none;
        text-align:center;
   }
    .page-header .right {
        display:inline;
        float:none;
        text-align:center;
   }
    .page-header .left {
        margin:0 40px;
   }
    .nmc .page-header .left, .nmc .page-header .right {
        display:block;
   }
    .page-header .left li:last-child {
        padding-right:0;
        padding-top:6px;
   }
    .page-header .right li:first-child {
        padding-left:0;
   }
    .page-header, .page-header ul {
        line-height:30px;
   }
    .page-header .social {
        position:static;
        margin:0 40px;
   }
    .page-header a.top-link {
        display:none 
   }
}
@media only screen and (max-width:600px) {
    .page-header .left, .page-header .social {
        margin:0 10px 
   }
}
/* END PAGE HEADING OVERlAY */
/* PAGE HEADING EXPANDING SEARCH FIELD */
.search-form input[name="q"] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    font-family:inherit;
    font-size:100% 
}
.search-form input::-webkit-search-decoration, input::-webkit-search-cancel-button {
    display:none 
}
.search-form input[name="q"] {
    background:transparent url(https://www.nmc.edu/images/img-search-icon.png) no-repeat 2px center;
    background-size:21px 20px;
    padding:6px 13px;
    border:none;
    -webkit-transition:width .5s, background .5s;
    -moz-transition:width .5s, background .5s;
    transition:width .5s, background .5s 
}
.search-form input[name="q"] {
    width:12px;
    color:transparent;
    cursor:pointer;
    text-align:center;
    float:right;
    margin:8px 0 0 7px;
    font-family:"Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
    font-weight:bold 
}
@media only screen and (max-width:983px) {
    .search-form input[name="q"] {
        margin-top:0 
   }
}
.search-form input[name="q"]:focus {
    width:150px;
    color:#000;
    background-color:#fff;
    cursor:auto;
    float:none;
    margin:0 
}
.search-form input[name="q"]:focus+span {
    display:none 
}
.search-form input::-moz-placeholder {
    color:rgba(0, 0, 0, 0.3) 
}
.search-form input::-webkit-input-placeholder {
    color:rgba(0, 0, 0, 0.3) 
}
@media only screen and (max-width:500px) {
   /* REMOVE AFTER REPUBLISH */
    ul#search-wrapper {
        display:block;
        margin:0 auto 5px;
        padding-left:18px;
        text-align:center 
   }
}
@media only screen and (max-width:500px) {
    ul.search-wrapper {
        display:block;
        margin:0 auto 5px;
        padding-left:18px;
        text-align:center 
   }
}
/* END PAGE HEADING EXPANDING SEARCH FIELD */
/* SITE WRAPPER */
#wrapper-new {
    max-width:1200px;
    margin:0 auto;
    padding:0;
    text-align:center;
    background-color:white 
}
/* END SITE WRAPPER */
/* SITE HEADER */
/* HEADER */
#header > a {
    display: block;
    width: 100%;
    height: 110px;
    background-image:url(../../../images/img-wnmc-logo-refresh.png);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-color: #008265;
}
.wnmc #header > a {
    background-image:url(../../../images/img-wnmc-logo-refresh.png)
}
.wnmc #header > a > img {
    visibility: hidden;
}
@media only screen and (max-width:650px) {
    #header {
        background-size:auto 140px;
        background-position:center top;
   }
    #header > a {
        background-size:90% auto 
   }
}
@media only screen and (max-width:400px) {
    #header > a {
        height:100px 
   }
}
/* END SITE HEADER */
/* FOOTER */
#footer {
    background-color:#008265;
    position:relative;
    z-index:999 
}
#footer p {
    margin:0;
    padding:8px 0;
    font-size:12px !important;
    font-weight:bold;
    text-align:center;
    color:white;
    font-family:'Roboto Condensed', sans-serif;
    text-transform:uppercase;
    line-height:2em 
}
#footer p a {
    color:white;
    display:inline-block;
    padding:0 2%;
    white-space:nowrap 
}
#footer p a:hover {
    text-decoration:underline 
}
/* END FOOTER */
/* INTERIOR PAGE LAYOUT */
#content-rt, #content-wide, #content-wider {
    padding:5px 30px 5px;
    text-align:left;
    background:#fff 
}
#content-wider {
    padding:2px 8px 12px 8px 
}
#content-rt {
    width:74%;
   /* 639px+40px / 920px */
    float:right;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box 
}
#content-lt {
    width:26%;
   /* 240px / 920px */
    text-align:left;
    background-color:#757676 
}
#scrolling-link-list-heading {
    color:white;
    font-family:'Roboto Condensed', sans-serif;
    font-size:16px;
    font-weight:bold;
    padding:18px 10px 8px 20px;
    text-align:left;
    text-decoration:none;
    text-transform:uppercase;
    cursor:default;
    display:block 
}
#scrolling-link-list-heading:first-child {
    margin:0 
}
/* JavaScript Scrollbar (programs) */
#wnmc-programs {
    margin:5px 0;
    padding:4px 0 
}
#wnmc-programs #wnmc-programs-lt-scroll-js a {
    padding:0 
}
#programs {
    padding:0 0 20px 20px 
}
#programs-lt-scroll-js, #wnmc-programs-lt-scroll-js {
    width:9px;
    height:290px;
   /* was 173, changed to create taller scrolling link lists */
    position:relative;
    display:block;
    background-color:#979797 
}
#wnmc-programs-lt-scroll-js {
    background-color:#3a4d68 
}
#programs-lt-scroll-up, #wnmc-programs-lt-scroll-up {
    position:absolute;
    left:0;
    top:0;
    width:9px;
    height:9px;
    display:block 
}
#programs-lt-scroll-up:before, #wnmc-programs-lt-scroll-up:before {
    content:url(../../../images/img-scrollbar-white-up.png);
    width:9px;
    height:9px;
    display:block 
}
#programs-lt-scroll-down, #wnmc-programs-lt-scroll-down {
    position:absolute;
    left:0;
    top:282px;
   /* was 165, changed to create taller scrolling link lists */
    width:9px;
    height:9px;
    display:block 
}
#programs-lt-scroll-down:before, #wnmc-programs-lt-scroll-down:before {
    content:url(../../../images/img-scrollbar-white-down.png);
    width:9px;
    height:9px;
    display:block 
}
#programs-lt-scroll-scrub, #wnmc-programs-lt-scroll-scrub {
    position:absolute;
    left:1px;
    top:7px;
    width:7px;
    height:156px;
   /* was 38, changed to create taller scrolling link lists */
    display:block;
    background-color:white;
    overflow:hidden 
}
#content-top-lt #wnmc-programs-lt-scroll-scrub {
    height:105px;
}
#programs-lt-scroll-js img, #wnmc-programs-lt-scroll-js img {
    display:none 
}
/* END JavaScript Scrollbar (programs) */
@media only screen and (max-width:500px) {
    #content-rt, #content-wide, #content-wider {
        padding:2px 0 0 0 
   }
}
@media only screen and (max-width:700px) {
    #content-rt, #content-lt {
        float:none;
        width:auto;
   }
    #content-lt {
        background-color:#9f9f9f;
        padding:25px;
   }
    #scrolling-link-list-heading {
        margin-top:18px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        background-color:#5e708c;
        border-bottom-style:none;
        padding:8px 10px;
        text-decoration:none;
   }
    #programs {
        padding:0;
   }
    #scrolling-link-list-heading:after {
        content:" â–¼";
   }
    .show-scrolling-link-list #scrolling-link-list-heading:after {
        content:" â–²";
   }
    #scrolling-link-list-heading {
        cursor:pointer 
   }
}
/* END INTERIOR PAGE LAYOUT */
/* BREADCRUMB */
#cookie {
    text-align:left;
    line-height:14px 
}
#cookie ul {
    margin:0;
    padding:0;
    list-style-type:none;
    display:inline 
}
#cookie li {
    margin:0;
    padding:0;
    display:inline;
    color:#5e708c;
    text-transform:uppercase;
    font-size:11px 
}
#cookie-rt {
    width:125px;
    text-align:right;
    float:right;
    line-height:14px 
}
#cookie-rt a {
    display:block;
    text-transform:none;
    margin-right:12px 
}
#cookie-rt img {
    display:block;
    float:left;
    margin-right:3px;
    margin-bottom:1px 
}
#cookie-rt li {
    float:left;
    margin-right:12px 
}
#cookie-lt {
    margin:2px 0 5px 0;
    text-align:left;
    float:left;
    line-height:14px 
}
@media only screen and (max-width:500px) {
    #cookie {
        padding:0 8px 
   }
}
/* END BREADCRUMB */
/* INTERIOR PAGE TOP */
#interiorHero {
    margin-bottom:9px 
}
#interiorHero img {
    width:100% 
}
#threeColumnRow h6.inheads, #threeColumnRow h6.inheads a {
    font-family:"Roboto Condensed", sans-serif;
    font-size:20px;
    font-weight:bold;
    margin:5px 0 0 
}
#threeColumnRow h6.inheads {
    color:#5e708c 
}
#threeColumnRow {
    margin-bottom:9px 
}
#threeColumnRow > div.col {
    margin-left:2%;
   /* 9px */
    width:32%;
   /* 207px */
    float:left;
    overflow-x:hidden 
}
#threeColumnRow > div.col:first-child {
    margin-left:0 
}
#threeColumnRow > div.col img {
    width:100% 
}
@media only screen and (max-width:500px) {
    #threeColumnRow {
        margin-bottom:0;
   }
    #threeColumnRow > div.col {
        width:auto;
        margin-left:0;
        float:none;
        padding:0 10px;
   }
    #threeColumnRow img.trio2, #threeColumnRow img.trio3 {
        display:none 
   }
}
/* END INTERIOR PAGE TOP */
/* INTERIOR PAGE BODY */
#columns-in {
    padding:0 0 6px 
}
#columns-in-rt {
    width:32%;
    padding-top:5px;
    float:right 
}
#columns-in-lt {
    width:66%;
    float:left 
}
#columns-in-lt h1, #content-wide-in h1 {
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:24px;
    color:#008265 
}
#columns-in-lt h2, #content-wide-in h2 {
    color:#b9411d 
}
#columns-in-lt h1 a, #columns-in-lt h2 a, #columns-in-lt h3 a, #columns-in-lt h4 a, #columns-in-lt h5 a, #content-wide-in h1 a, #content-wide-in h2 a, #content-wide-in h3 a, #content-wide-in h4 a, #content-wide-in h5 a {
    color:#4b73b3 
}
#columns-in-lt iframe, #columns-in-rt iframe, #columns-in-rt object {
    max-width:100% !important;
   /* Some elements are using inline styles */
    min-width:inherit !important;
   /* Some elements are using inline styles */
    margin:auto;
    display:block 
}
@media only screen and (max-width:500px) {
    #columns-in {
        padding-bottom:0;
   }
    #columns-in-rt, #columns-in-lt {
        float:none;
        width:auto;
   }
    #columns-in-lt {
        padding:0 8px 10px 
   }
}
#columns-in-lt .events.clearing {
    border-top:2px solid #cfcfcf;
    margin-top:12px;
    padding-top:15px;
}
#columns-in-lt > .events.clearing > div > p {
    font-size:15px 
}
/* Nexus page styles */
#columns-in-lt h1.nexus, #content-wide-in h1.nexus {
    font-size:36px;
    line-height:40px;
    font-weight:400;
    color:#b9411d;
    margin-bottom:0 
}
#columns-in-lt h1.nexus + h2, #content-wide-in h1.nexus + h2 {
    padding-top:0 
}
/* END Nexus page styles */
/* END INTERIOR PAGE BODY */
/* LEFT NAV - SUB-NAV */
#leftnav-heading {
    display:none;
    background-color:#3a4d68;
    padding:8px 10px;
    color:white;
    font-size:16px 
}
#leftnav {
    background:#5e708c;
    text-align:left;
    padding:16px 0;
    max-height: 435px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling:touch 
}
#leftnav ul {
    list-style-type:none;
    margin:0;
    padding:0;
    display:block;
    font-size:12px 
}
#leftnav li {
    line-height:1.1em 
}
#leftnav a {
    color:white;
    padding:4px 10px 4px 20px;
    display:block;
    text-transform:uppercase 
}
#leftnav a:hover {
    color:white;
    text-decoration:underline 
}
#leftnav ul li a.leftnav-homelink {
    padding-bottom:5px;
    padding-left:20px;
    background-image:none;
    font-size:14px;
    font-weight:bold;
    line-height:17px 
}
#leftnav ul li a.on.leftnav-homelink {
    background-image:none;
    background-color:transparent 
}
#leftnav ul li ul {
    padding:3px 0 10px 
}
#leftnav ul li ul li a {
    text-transform:none;
    padding-left:38px 
}
#leftnav div.specialnav {
    padding-left:20px 
}
#leftnav div.specialnav ul {
    padding-bottom:5px 
}
#leftnav div.specialnav div {
    margin-left:11px 
}
#leftnav div.specialnav div a {
    padding:2px 20px 0 8px;
    border-bottom:none;
    text-transform:none;
    color:white;
    background:none;
    line-height:22px 
}
#leftnav div.specialnav div a:first-child {
    text-transform:uppercase 
}
#leftnav div.specialnav div a:hover {
    color:white;
    background:none 
}
#leftnav div.specialnav div img {
    padding-left:3px 
}
@media only screen and (max-width:700px) {
    #leftnav-heading {
        display:block;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        text-decoration:none;
   }
    #leftnav-heading:after {
        content:" â–¼";
   }
    .show-leftnav #leftnav-heading:after {
        content:" â–²";
   }
    #leftnav {
        display:none;
   }
    .show-leftnav #leftnav {
        display:block 
   }
}
/* END LEFT NAV - SUB-NAV */
/* LEFT NAV - RESOURCES */
#resources-header {
    background-color:#CB953F;
    color:white;
    font-size:12px;
    margin:12px 0 0;
    padding:8px;
    text-align:left 
}
#resources-nav {
    padding:0 10% 0 16%;
    color:white 
}
#resources-nav h3 {
    font-size:18px;
    font-family:'Roboto Condensed', sans-serif;
    color:white;
    margin-bottom:8px;
    padding-top:1px 
}
#resources-nav ul {
    margin:0;
    padding:0;
    list-style-type:none 
}
#resources-nav li, #resources-nav a {
    display:block;
    color:white 
}
#resources-nav a:hover, #resources-nav a:focus {
    text-decoration:underline 
}
/* END LEFT NAV - RESOURCES */
/* LEFT NAV - PROGRAMS */
#programs {
    text-align:left 
}
#programs-rt {
    width:100%;
    position:relative;
    height:290px;
   /* was 173, changed to create taller scrolling link lists */
    overflow-x:hidden;
    overflow-y:auto 
}
#programs-rt-scroll {
    position:absolute;
    left:0;
    top:0;
    padding-bottom:5px 
}
#programs-lt {
    display:none !important 
}
#wnmc-programs-rt {
    position:relative;
    width:90%;
   /* 200px/240px */
    height:290px;
   /* was 173, changed to create taller scrolling link lists */
    float:right;
    overflow:hidden 
}
#wnmc-programs-rt-scroll {
    position:absolute;
    left:0;
    top:0;
    padding-bottom:5px 
}
#wnmc-programs-lt {
    width:5%;
   /* 12px/240px */
    float:left 
}
#programs-rt div a {
    color:white;
    padding:4px 0 1px;
   /* was 5px 0 0, changed to create taller scrolling link lists */
    display:block;
    line-height:16px 
}
#programs-rt div a:hover {
    color:white 
}
@media only screen and (max-width:920px) {
    #wnmc-programs-lt {
        display:none !important;
   }
    #wnmc-programs-rt {
        float:none;
        width:auto;
        height:auto;
        padding:0 4%;
        overflow:visible;
   }
    #wnmc-programs-rt-scroll {
        position:static 
   }
}
@media only screen and (max-width:700px) {
    #programs {
        display:none;
   }
    .show-scrolling-link-list #programs {
        display:block;
        background-color:#5e708c;
   }
    #programs-lt {
        display:none !important;
   }
    #programs-rt {
        float:none;
        width:auto;
        height:auto;
        padding:0;
        overflow:visible;
   }
    #programs-rt-scroll {
        position:static;
   }
    #programs-rt div a {
        padding-left:20px;
   }
}
/* END LEFT NAV - PROGRAMS */
/* START GALLERY */
#gallery-heading {
    background-color:#d4d4d4;
    margin-top:10px;
    clear:both 
}
#gallery-heading-left, #gallery-heading-right {
    width:68px;
    height:23px;
    margin:2px 
}
#gallery-heading-left {
    float:left;
    margin-right:4px 
}
#gallery-heading-right {
    float:right;
    margin-left:4px 
}
#gallery-heading-center {
    text-align:center;
    font-size:13px;
    font-weight:bold;
    color:#343434;
    padding:7px 0 3px 0 
}
#gallery-main-image {
    margin-top:17px;
    margin-bottom:27px;
    margin-left:auto;
    margin-right:auto;
    display:block 
}
#gallery-viewfull {
    text-align:center;
    padding-bottom:18px;
    font-size:13px;
    display:none 
}
#gallery-thumbs.smugmug {
    padding-left:16px;
    display:block 
}
#gallery-thumbs {
    text-align:center 
}
#gallery-thumbs a {
    display:inline-block;
    margin-right:16px;
    margin-bottom:16px 
}
#gallery-index {
    margin-top:21px 
}
#gallery-index div {
    float:left;
    width:197px;
    margin-right:24px;
    margin-bottom:39px 
}
#gallery-index div img {
    width:197px;
    height:120px 
}
#gallery-index div h1 {
    margin-top:3px 
}
@media only screen and (max-width:700px) {
    #gallery-heading-left, #gallery-heading-right {
        width:23px;
   }
    #gallery-heading-left a, #gallery-heading-right a {
        width:23px;
        height:23px;
        display:block;
   }
    #gallery-heading-left img, #gallery-heading-right img {
        display:none;
   }
    #gallery-heading-left a {
        background-image:url(../../../images/btn-prev-sm.gif);
   }
    #gallery-heading-right a {
        background-image:url(../../../images/btn-next-sm.gif) 
   }
}
/* END GALLERY */
/* MOBILE DIRECTORY LISTING FIX */
pre {
    display:block;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch 
}
pre hr {
    width:99% 
}
@media only screen and (max-width:500px) {
    pre {
        font-size:10px;
        margin:0;
        padding:10px 5px;
   }
    pre img {
        display:none;
   }
    pre hr {
        margin:0;
        color:#fff;
        background-color:#fff;
        border:1px solid #fff 
   }
}
/* END MOBILE DIRECTORY LISTING FIX */
/* DESKTOP AND MOBILE SHOW/HIDE CODE */
.hide {
    display:none 
}
@media only screen and (min-width:801px) {
    .hide-desktop, .hide-desktop-block {
        display:none !important;
   }
    .hide-mobile {
        display:inline 
   }
    .hide-mobile-block {
        display:block 
   }
}
@media only screen and (max-width:800px) {
    .hide-desktop {
        display:inline 
   }
    .hide-desktop-block {
        display:block 
   }
    .hide-mobile, .hide-mobile-block {
        display:none !important 
   }
}
/* END DESKTOP AND MOBILE SHOW/HIDE CODE */