/* 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
}
 .maritime #page-header-wrapper {
    background-color:#013473
}
 #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:37%
}
 .foundation .page-header .social {
	 right:45%
}
 .extended-education .page-header .social, .hagerty-center .page-header .social, .maritime .page-header .social, .wnmc .page-header .social {
	 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
}
.hagerty-center .page-header .facebook, .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 {
	 background-image:url(../../../images/img-header-bg.jpg);
	 background-size:cover;
	 background-position:center center
}
 .maritime #header {
    background-image:none;
    background-color:#013473
}
 #header > a {
	 display:block;
	 width:100%;
	 height:110px;
	 overflow:hidden;
	 background-image:url(../../../images/img-nmclogo-refresh.png);
	 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)
}
 .hagerty-center #header > a {
	 background-image:url(../../../images/img-hagerty-center-logo-refresh.png)
}
 .foundation #header > a {
	 background-image:url(../../../images/img-foundation-logo-refresh.png)
}
 .uc #header > a {
	 background-image:url(../../../images/img-uc-logo-refresh.png)
}
 .maritime #header > a {
	 background-image:url(../../../images/img-glma-logo-refresh.svg);
	 background-color:#425895
}
 .extended-education #header > a {
	 background-image:url(../../../images/img-extended-ed-logo-refresh.png)
}
 #header > a > img, #header > a > span {
	 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
}
 .maritime #footer {
    background-color:#013473
}
 #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
}
 .group-text {
	 white-space:nowrap
}
/* 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
}
.maritime #columns-in-rt, .extended-education #columns-in-rt {
    position:sticky;
    top:45px
}
 #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
}
.maritime #columns-in-lt h1, .maritime #content-wide-in h1 {
    color:#003672
}
#columns-in-lt h2, #content-wide-in h2 {
	 color:#b9411d
}
.maritime #columns-in-lt h2, .maritime #content-wide-in h2, .maritime #columns-in-lt h2 a, .maritime #content-wide-in h2 a {
	 color:#003672;
	 font-size:16px;
	 font-weight:bold
}
 #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
}
 .maritime #leftnav {
	 background-color:#013473;
	 position:sticky;
     top:45px
}
 .extended-education #leftnav {
	 position:sticky;
     top:45px
}
 #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 {
	 height:23px;
	 margin:2px
}
 #gallery-heading-left {
	 float:left;
	 margin-right:4px
}
 #gallery-heading-right {
	 float:right;
	 margin-left:4px
}
#gallery-heading-left > a > p, #gallery-heading-right > a > p {
    font-size: 13px;
    padding: 1px 5px;
}
#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
}
/* 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 */