/* removed these to accommodate older existing tables: table, caption, tbody, tfoot, thead, tr, th, td - also removed sup & sub */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}
/* tds have a 1px padding by default - reset from above */
td {padding: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/* remember to define focus styles */
:focus {outline: 0;}
/* remember to highlight inserts somehow */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}



/* ------------------------------------------------------- */
/* ------ ABOVE is the RESET - BELOW is the REBUILD ------ */
/* ------------------------------------------------------- */

blockquote {
    padding: 18px;
    margin: 18px 36px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-bottom-color: #aaa;
}

hr {border: 0; background: #eee; color: #eee; height: 2px; margin: 18px 0;}

ul {list-style-type: disc;}
ul ul {list-style-type: circle;}
ul ul ul {list-style-type: square;}
ul ul ul ul {list-style-type: circle;}
ol {list-style-type: decimal;}
ol ol {list-style-type: lower-alpha;}
ol ol ol {list-style-type: decimal;}
ol ol ol ol {list-style-type: lower-alpha;}
ul, ol {margin: 18px 0 18px 40px;}
ul ul, ul ol, ol ol, ol ul {margin: 6px 0 6px 40px;}

/* prevents a 15px space at the bottom of single articles - blog separators are reset later */
span.article_separator {display: none;}

/* joomla structure protection */
table.contentpaneopen {width: 100%;}
.contentpaneopen td {padding: 0;}

/* tables in content */
.contentpaneopen table {margin: 0px 0px 18px 0px;}
.contentpaneopen table td, #tinymce table td {padding: 9px; border: 1px solid rgba(220,190,164,0.2); vertical-align: top;}
.contentpaneopen table th, #tinymce table th {background: #ddd; color: #333; border: 1px solid #ddd; padding: 9px 0;}
/* borderless option */
.contentpaneopen table.borderless td {border: 0; padding: 0;}
#tinymce table.borderless td {border: 1px dotted #e0e0e0; padding: 0;}

/* old form protection */
#formContainer table {border-collapse: separate;}
#formContainer table td {font-size: 13px;}



/* --------------------------------------------- */
/* ------ TYPOGRAPHY --------------------------- */
/* --------------------------------------------- */

/*body, #tinymce td, #content-padding, input {
    font: 14px 'Helvetica, 'Open Sans', sans-serif;
    line-height: 1.5em;
    color: #2F2F2F;
}

p {margin: 0px 0px 17px;}

h1, h2, h3, h4, h5, h6, td.contentheading {}
h1, td.contentheading {
    font-size: 24px;
    color: #2f2f2f;;
    line-height: 34px;
    padding: 0 0 20px 0;
}

h2 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}

h3 {
    font-size: 14px;
    color: #2f2f2f;;
    line-height: 26px;
    margin-bottom: 10px;
}

h4 {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 10px;
    color: #888888;
}

h5 {
    font-size: 12px;
    color: #2f2f2f;;
    margin-bottom: 10px;
}

h6 {
    font-size: 11px;
    margin-bottom: 10px;
    color: #368A9C;
}

h1:first-child, h2:first-child, h3:first-child,
h4:first-child, h5:first-child, h6:first-child,
ul:first-child, ol:first-child {margin-top: 0px;}

a, a:visited {
text-decoration: underline;
}

a:hover, a:active {
text-decoration: none;
}*/



/* ---------------------------------- */
/* ------ MISC TOOLS ---------------- */
/* ---------------------------------- */

.clarence {clear: both !important;}
.spacey {margin: 0px 3px;} /* often wraps |s in link lists or small info */
.hidden {display: none !important;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.no-float {float: none !important;}
.no-margin {margin: 0 !important;}
.no-left-margin {margin-left: 0 !important;}
.no-right-margin {margin-right: 0 !important;}
.no-top-margin {margin-top: 0 !important;}
.no-bottom-margin {margin-bottom: 0 !important;}
.v-margin-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.v-margin-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.h-margin-10 {margin-left: 10px !important; margin-right: 10px !important;}
.h-margin-20 {margin-left: 20px !important; margin-right: 20px !important;}
.top-margin-10 {margin-top: 10px !important;}
.top-margin-20 {margin-top: 20px !important;}
.bottom-margin-10 {margin-bottom: 10px !important;}
.bottom-margin-20 {margin-bottom: 20px !important;}
/* '.home' on the default menu item + '.hide-on-home' on the module */
body.home .hide-on-home {display: none !important;}


/* ----------------------------------- */
/* ------ LAYOUT --------------------- */
/* ----------------------------------- */

/* #bkg is the body - refer to it with this id to avoid inheritance by tinymce */
#bkg {}
.site-width {padding: 20px 10px; margin: 0 auto; width: 980px; position: relative;}

#header .site-width {min-height: 49px; }

.mc-logo-link {overflow: hidden;float: left; margin: 0;}
.mc-logo-link img {max-width: 100%; height: auto;}

#primary-nav-container .site-width, #featured-content .site-width {padding: 0}
#primary-nav-container {
  background: #a4a4a4; border-bottom: 1px solid #123456;
}



/*#featured-content {
  background-size: 320px auto;
  background-color: #eee;
  color: white;
  font-size: 24px;
  line-height: 32px;
  position: relative;

}

#featured-content .color-overlay {transition: 0.3s;}

#featured-content .site-width {padding: 0; height: 320px;}

#featured-content h3 {
  color: white;
  font-size: 36px;
  line-height: 48px;
  font-weight: bold;
  margin: 0;
  padding: 40px 0 20px;
}

#featured-content p {display: none;}
#featured-content p:first-of-type {display: block; margin: 0; color: white; height: 180px; overflow: hidden;}
#featured-content p a {
  color: white;
  text-decoration: none;
  border-bottom: 1px dashed white; }
  #featured-content p a:hover, #featured-content p a:active {text-decoration: none; border-bottom: 1px solid white;}


#featured-content h6 {
  margin: 0;
  padding: 0;
  text-align: center;
  position: absolute;
  bottom: 40px;
  width: 100%;
}

#featured-content h6 a {
  display: inline-block;
  color: white;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
  font-weight: bold;
  font-size: 36px;
  border: 2px solid white;
  padding: 0 30px;
  border-radius: 3px;
}

#featured-content h6 a:hover, #featured-content h6 a:active {opacity: 1;}*/


/* Alter lines 189-243 to */


#featured-content {
    background-size: 320px auto;
    background-color: #eee;
    color: white;
    /* font-size: 24px; */
    /* line-height: 32px; */
    position: relative;
    text-align: center;
    /* height: 320px; RB20170928 */
}
#featured-content .moduletable {
	height: 320px;
} /*  RB20170928 */
#featured-content h3 {
    color: white;
    /* font-size: 36px; */
    font-size: 3.0em;
    line-height: 1.25em;
    font-weight: bold;
    margin: 0;
    padding: 60px 0 20px;
}
#featured-content p:first-of-type {
    display: block;
    font-size: 1.4em;
    line-height: 1.25em;
    font-weight: 400;
    /* margin: 0; RB20170928 */
    color: white;
    overflow: hidden;
    margin:0 auto;
    max-width: 700px;
}
#featured-content h6 {
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: 60px;
    width: 100%;
}
#featured-content h6 a {
    display: inline-block;
    color: white;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.0em;
    border: 2px solid white;
    padding: 0 36px;
    border-radius: 4px;
}
 
#featured-content h6 a:hover, #featured-content h6 a:active {background-color: rgba(0,0,0,0.15);}





/*
for containing floats */
.site-width:after {
  content: "";
  display: block;
  clear: both;
}

#component-wrap {min-height: 400px; margin-top: 15px;}
#content-wrap.r-mid #content-padding {width: 720px;float: left; }
#content-padding {}

#right-bar, .side-bar {float: right; width: 220px; clear: right;}

#footer {color: #a4a4a4; background: #2F2F2F; font-size: 12px; margin-top: 40px;}


/* Remove default padding, margin, and list-style from header, right-bar and footer lists */
#header ul, #right-bar ul, #footer ul {margin: 0 ; padding: 0; list-style: none;}

/* nivo slider main module - needs width for proper image resizing in Firefox */
.moduletable.slider-width {width: 100%;}

/**** Fix for Nivo Slider with links on the img tag in IE ****/
.nivoSlider a.nivo-imageLink{background: white; filter: alpha(opacity=0); opacity: 0;}

/****************/
/* --- PBMC --- */
/****************/
#pbmc-wrap {padding: 20px 0 0; text-align: center;}
#pbmc {font-size: 11px; line-height: 30px; height: 30px; display: block; width: 170px; margin: 0 auto; text-decoration: none !important;}
.icon-mc-logomark:before, .icon-mc-wordmark:before {font-size: 16px; line-height: 26px; position: relative; top: 4px; left: 1px;}
.icon-mc-wordmark:before {left: 2px;}
.mc-brand-container {display: none;}
#pbmc {color: rgba(0,0,0,0.3);}
#pbmc:hover {color: rgba(255,255,255,0.7);}


/*** Sidebar Styling and Modules ***/
.side-bar h3 {
  font-size: 14px;
  line-height: 19px;
  color: #50778F ;
  margin: 0 0 10px;
  padding: 0 0 6px;
  text-transform: none;
  border-bottom: 1px solid #CEDAE1;
}
#right-bar .moduletable {margin-top: 30px;}
#right-bar .moduletable:first-child {margin-top: 0}
#right-bar {font-size: 14px;line-height: 1.5em;margin-top: 15px;}

div.login-search.side-bar {margin-bottom: 30px;}

/* Button List & Right-Bar Login Button */
.mc-button-list li a, .side-bar a#mcSimpleLogin {
  background: #2F2F2F;
  line-height: 16px;
  text-decoration: none;
  color: white;
  display: block;
  padding: 7px 0;
  text-align: center;
  border-radius: 3px;
}
.mc-button-list li a {margin-bottom: 1px}
.mc-button-list li a:hover, .side-bar a#mcSimpleLogin:hover {opacity: 0.8;}
.side-bar a#mcSimpleLogin {margin-bottom: 40px;}


/*** Header Buttons ***/
#header .login-search {
  width: 329px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -24px;
  height: 35px;
  overflow: hidden;
}
#header a#mcSimpleLogin, .login-search-menu a#mcSimpleLogin {
  background: #a4a4a4;
  width: 164px; float: left;
  line-height: 35px;
  height: 35px;
  text-decoration: none;
  color: #2F2F2F;
  display: block;
  padding: 0;
  text-align: center;
  font-size: 14px;
}
#header a#mcSimpleLogin:after,
#header .moduletable.mc-search:after,
#header .moduletable.mc-search.member-search:after,
.login-search-menu a#mcSimpleLogin:after,
.login-search-menu .moduletable.mc-search:after,
.login-search-menu .moduletable.mc-search.member-search:after {
  content: " \e1d5";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#header a#mcSimpleLogin:hover, .login-search-menu a#mcSimpleLogin:hover {opacity: 0.8; color: white;}

#header .moduletable.mc-search, .login-search-menu .moduletable.mc-search {
  position: relative;
  height: 24px;
  background: #FFF1D2;
  float: right;
  width: 164px;
  border-bottom: 1px solid #fff;
}
#header .mc-search input.inputbox, .login-search-menu .mc-search input.inputbox {
  border: none;
  display: block;
  background: none;
  height: 14px;
  padding: 5px 24px 5px 10px;
  color: #DBD0B7;
  font-size: 11px;
  margin: 0;
  width: 130px;
}

#header .moduletable.mc-search:after, .login-search-menu .moduletable.mc-search:after {
  content: "\e604";
  background: none;
  position: absolute;
  top: 3px;
  right: 4px;
  color: #DBD0B7
}
#header .moduletable.mc-search.member-search:after, .login-search-menu .moduletable.mc-search.member-search:after {
  content: "\e605";
}

#header .mc-search a.button.mc-search, .login-search-menu .mc-search a.button.mc-search {
  display: none;
}

/* This handles the case of only one search in the header - a class of 'single-search' need to be added to the search module
-------------------------------------------------- */
#header .moduletable.mc-search.single-search {border: 0; height: 49px;}
#header .moduletable.mc-search.single-search input.inputbox {height: 24px; font-size: 14px;}
#header .moduletable.mc-search.single-search:after {top: 15px; font-size: 16px;}

/* This handles the case of only a Login button in header with no searches
-------------------------------------------------- */
.mobile-menu-top.modules-1 ~ .site-container #header a#mcSimpleLogin {float: right;}
.mobile-menu-top.modules-1 .login-search-menu a#mcSimpleLogin {margin-bottom: 0;}

/* Searches in the Sidebar
-------------------------------------------------- */

.side-bar .moduletable.mc-search div.mc-search {margin-top: 0;} /* because of collapsing margins, this is almost certainly not needed */
.side-bar .moduletable.mc-search.member-search {margin-top: 6px;} /* because of collapsing margins, this is almost certainly not needed */

.side-bar .moduletable.mc-search div.mc-search {
  position: relative;
  height: 30px
}
.side-bar .mc-search input.inputbox {
  border: none;
  display: block;
  background: #F1F1F1;
  color: rgba(0,0,0,0.2);
  width: 73.64%; /* ~ 162/220 rounded because of a wierd sub-pixel */;
  height: 20px;
  padding: 5px 2.272727272727%;
  font-size: 12px;
  border-radius: 3px 0 0 3px;
  margin: 0;
}

.side-bar .mc-search a.button.mc-search {
  background: #2F2F2F;
  color: white;
  border-radius: 0 3px 3px 0;
  display: block;
  position: absolute;
  top: 0; right: 0;
  height: 30px;
  line-height: 30px;
  width: 21.818181818182%; /* 48/220 */
  text-align: center;
  text-decoration: none;
  font-size: 12px;
}

.side-bar .mc-search a.button.mc-search:hover {opacity: 0.8;}


/* --- sponsor banners --- */
.bannergroup {width: 100%;}
.banneritem {width: 100%;}
.banneritem img {max-width: 100%; height: auto;}


/* --- simple menu --- */
/* put this class on a menu to achieve a clean, 1-level, horizontal menu */
.simple-menu {margin: 0; list-style: none; float: left;}
.simple-menu li:first-child {border: none;}
.simple-menu li {
    margin: 0; list-style: none; float: left;
    border-left: 1px solid #555;
    padding: 0px 10px;
    line-height: 16px;
}
.simple-menu li:first-child {}
.simple-menu li a {text-decoration: none; color: #555; color:}
.simple-menu li a:hover, .simple-menu li a:active, .simple-menu li a:focus {color: #333;}

/* --- social network menu --- */
.socnets {
  overflow: hidden;
  float: right;
  font-size: 16px;
}
.socnets ul {margin: 0; padding: 0; list-style: none;}
.socnets li {margin-left: 0.25em; float: left; list-style: none;}
.socnets li:first-child {margin-left: 0;}
.socnets a {
  font-size: 1em; /* 1em is 16px for the icon-font */
  /* just playing with basing this off the font size
  it's pretty cool - change the font-size and these values all play nicely */
  width: 1em;
  height: 1em;
  line-height: 1em;
  padding: 0.5em;
  border-radius: 50%;
  transition: 0.2s;
  display: block;
  color: #85A0B1;
  text-decoration: none;
  background: #808080;
}
.socnets a span {text-transform: lowercase;}
.socnets a span {width: 1em; overflow: hidden; display: block; height: 1em;}
.socnets a span:before {width: 1em; height: 1em; display: block}

/* Social Color */
.socnets .color li a.facebook {background: #4862A3; color: white;} /* Facebook */
.socnets .color li a.twitter {background: #55ACEE; color: white;} /* Twitter */
.socnets .color li a.wordpress {background: #0085BE; color: white;} /* Wordpress */
.socnets .color li a.youtube {background: #FF2A27; color: white;} /* YouTube */
.socnets .color li a.youtube2 {background: #FF2A27; color: white;} /* YouTube (alt logo) */
.socnets .color li a.vimeo {background: #44BBFF; color: white;} /*Vimeo*/
.socnets .color li a.googleplus {background: #DD4B39; color: white;} /* Google Plus */
.socnets .color li a.instagram {background: #634D40; color: white;} /* Instagram */
.socnets .color li a.rss {background: #FF9900; color: white;} /* Feed */
.socnets .color li a.pinterest {background: #CB2127; color: white;} /* Pinterest */
.socnets .color li a.flickr {background: #FE0084; color: white;} /* Flickr */
.socnets .color li a.linkedin {background: #0077b5; color: white;} /* LinkedIn */
.socnets .color li a.linkedin2 {background: #0077b5; color: white;} /* LinkedIn (alt logo) */

/* Social Icon */
.socnets .icon a {background: none;}
.socnets .color.icon li a {background: none;}
.socnets .color.icon li a.facebook {color: #4862A3;} /* Facebook */
.socnets .color.icon li a.twitter {color: #55ACEE;} /* Twitter */
.socnets .color.icon li a.wordpress {color: #0085BE;} /* Wordpress */
.socnets .color.icon li a.youtube {color: #FF2A27;} /* YouTube */
.socnets .color.icon li a.youtube2 {color: #FF2A27;} /* YouTube (alt logo) */
.socnets .color.icon li a.vimeo {color: #44BBFF;} /*Vimeo*/
.socnets .color.icon li a.googleplus {color: #DD4B39;} /* Google Plus */
.socnets .color.icon li a.instagram {color: #634D40;} /* Instagram */
.socnets .color.icon li a.rss {color: #FF9900;} /* Feed */
.socnets .color.icon li a.pinterest {color: #CB2127;} /* Pinterest */
.socnets .color.icon li a.flickr {color: #FE0084;} /* Flickr */
.socnets .color.icon li a.linkedin {color: #0077b5;} /* LinkedIn */
.socnets .color.icon li a.linkedin2 {color: #0077b5;} /* LinkedIn (alt logo) */

.socnets .rounded-sq a {border-radius: 3px;}

.socnets a:hover {background: #444; color: #fff;}


#RTT {color: #2F2F2F; text-decoration: none; float: right; clear: right; margin-top: 30px;}
#RTT span {font-size: 16px; position: relative; top: 3px; left: 1px}

.footer-info {float: left; max-width: 75%;}

/* ----------------------------------------- */
/* ------ FIXES and PREVENTIONS ------------ */
/* ----------------------------------------- */

/* its easy to end up with unwanted paragraphs after working in an online editor */
/* zeroing out these ps helps deal with the most common occurrences of that */
#header p {margin: 0;}
#footer p {margin: 0;}

#site-top .site-width, 
#over-content .site-width,
#under-content .site-width {padding: 10px; text-align: center;}

#site-top .site-width *, 
#over-content .site-width *,
#under-content .site-width * {margin: 0; }

/***Table protection**/
.scroll-indicator .table-wrapper {
  overflow: scroll;
  position: relative;
  background: white;
  border: 1px solid #ccc;
}
.scroll-indicator {
  padding-bottom: 15px;
  background: #333 url(https://ns.memberclicks.net/jmc-assets/misc/scroll-indicator.png) 95% bottom no-repeat;
  position: relative;
}
div.table-wrapper > table {margin: 0; background: transparent;}
div.table-wrapper table table {margin: 0}


/* Large Image Protection */
.img-wrapper { display: inline-block;}
div#component-wrap img {max-width: 100%; height: auto;}
div#component-wrap .slider-wrapper img {max-width: none;}


/* ----------------------------------------- */
/* ------ HORIZONTAL MENU with SUBS -------- */
/* ----------------------------------------- */

/* ------------------------ */
/* --- essential styles --- */
/* ------------------------ */
ul.resp-menu {background: none;}
.resp-menu, .resp-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 99;
    max-width: 980px;
}

.resp-menu ul {
    position: absolute;
    top: -999em;
    /* left offset of submenus need to match (see below) */
    width: 220px;
}
.resp-menu ul li {width: 100%;}
.resp-menu li:hover {
    /* fixes IE7 'sticky bug' */
    visibility: inherit;
}
.resp-menu li:hover li {display: block;}
.resp-menu li {
    float: left;
    position: relative;
    z-index: 99;
}
.resp-menu a, .resp-menu .separator {
    display: block;
    position: relative;
}
.resp-menu li:hover ul {
    left: 0;
    top: 50px; /* match top ul list item height */
    z-index: 99;
}

ul.resp-menu li:hover li ul {top: -999em;}
ul.resp-menu li li:hover ul {
    left: 219px; /* match ul width */
    top: -1px;
}

.resp-menu > li.turn-left ul {left: auto; right: 1px;}
.resp-menu > li.turn-left li:hover ul,
.resp-menu > li.third-level li:hover ul {left: auto; right: 220px;}

#primary-menu .resp-menu > li.turn-left a, 
#primary-menu .resp-menu > li.turn-left .separator,
#primary-menu .resp-menu > li.third-level li li a, 
#primary-menu .resp-menu > li.third-level li li .separator {text-align: right;}

/* ------------------- */
/* --- custom skin --- */
/* ------------------- */
/* #primary-nav-container .resp-menu > li:first-child  {border-left: 1px solid white;} */
/* 1st level */
.resp-menu li > a, .resp-menu li > .separator {
    text-decoration:none;
    padding: 0 20px;
    height: 50px;
    border: 0;
    line-height: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    border-right: 1px solid #234567;
    text-transform: uppercase;
}

.resp-menu > li {border-top: 0;}

.resp-menu > li:hover > a, 
.resp-menu > li:hover > .separator {background: #949494;
}
.resp-menu > li.active > a, .resp-menu > li.active > .separator {
}

/* 2nd level */
#primary-menu .resp-menu li li:first-child {border-top: 1px solid white;}
.resp-menu li li > a, .resp-menu li li > .separator {
    font-size: 12px;
    height: auto;
    line-height: 16px;
    min-height: 16px;
    padding: 7px 12px;
    text-shadow: none;
    background: #949494;
    font-weight: normal;
    text-transform: none;
    border: 0;
    border-bottom: 1px solid white;
    border-bottom: 1px solid rgba(255,255,255,0.25);
}

.resp-menu li li:last-child > a, .resp-menu li li:last-child > .separator {border-bottom: 0;}

.resp-menu li li:hover > a, .resp-menu li li:hover > .separator {
    background: #848484;
}

.resp-menu li li.active > a,
.resp-menu li li.active > .separator {text-decoration: underline;}

/* 3rd level */
#primary-menu .resp-menu li li li:first-child, .resp-menu li li li:first-child {
  border-top: 1px solid white;
  border-top: 1px solid rgba(255,255,255,0.25);
  }
.resp-menu li li li a, .resp-menu li li li .separator {}
.resp-menu li li li.hover a {}


/*******************/
/* Off Screen Menu */
/*******************/
.mobile-menu {
    background: #333;
    width: auto;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    display: none;
    margin: 0;
    padding: 0;
    z-index: 1;
}
.mobile-menu-top, .mobile-menu-bottom {display: none;}

body.show-mobile > .mobile-menu,
body.show-mobile > .mobile-menu-top,
body.show-mobile > .mobile-menu-bottom {display: block;}

.site-container, .site-overlay {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    }


a#menu-toggle {display: none; z-index: 2;cursor: pointer; }

body.show-mobile > .site-container, body.show-mobile > .site-container .site-overlay {
    left: 56%;
    overflow-y: hidden;
    position:fixed;
    background: rgba(33,33,33,0.8);
    z-index: 7;
}

body.show-mobile > .mobile-menu-top,
body.show-mobile > .mobile-menu-bottom {
  width: 100%;
  height: auto;
  background: #434343;
  position: fixed;
  z-index: 3;
  top: 0; left: 0;
  box-shadow: 0 0 100px 0px #000
}

body.show-mobile > .mobile-menu-bottom {top: auto; bottom: -89px; height: 100px; width: 100%;}

.login-search-menu {padding: 50px 0 20px; width: 56%}
.login-search-menu a#mcSimpleLogin {
  float: none;
  width: auto;
  margin: 0 20px 20px;
  font-size: 14px;
  color: white;
  }
.login-search-menu a#mcSimpleLogin:after {font-size: 32px; float: right; margin-top: 8px; margin-right: 1px; color: white;}

.login-search-menu .moduletable.mc-search {background: #222;}
.login-search-menu .moduletable.mc-search {float: none; width: auto; margin: 0 20px 2px; border: 0; height: 49px; line-height: 49px;}
.login-search-menu .moduletable.mc-search:after {font-size: 32px; top: 8px; right: 8px; color: rgba(255,255,255,0.7);}
.login-search-menu .mc-search input.inputbox {width: 80%; height: 39px; line-height: 39px; font-size: 13px; color: rgba(255,255,255,0.7);}

.mobile-menu ul.resp-menu {margin: 0; float: none; padding: 260px 0 50px; width: 56%}
.mobile-menu ul.resp-menu li {float: none; width: auto; display: block;}
.mobile-menu ul.resp-menu li ul {
  position: static;
  display: block;
  width: auto
}

.mobile-menu ul.resp-menu li li li {border: 0; padding-left: 20px;}

.mobile-menu ul.resp-menu li a, .mobile-menu ul.resp-menu li .separator {
  font-size: 14px;
  line-height: 20px;
  padding:  2px 20px;
  height: auto;
  background: none;
  color: #c0c0c0;
  color: #808080;
  text-decoration: none;
  border: 0
}
.mobile-menu ul.resp-menu > li > a, .mobile-menu ul.resp-menu > li > .separator {color: #FFDF8F; font-weight: bold;}
.mobile-menu ul.resp-menu > li {margin-bottom: 10px;}

.mobile-menu ul.resp-menu li li li a:before, .mobile-menu ul.resp-menu li li li .separator:before {
  content: "\00BB  "
}

.mobile-menu ul.resp-menu li:hover a, .mobile-menu ul.resp-menu li:hover .separator {background: none;}

/*** Fix to remove extra padding if only two modules in login-search position ***/
.mobile-menu-top.modules-2 ~ .mobile-menu ul.resp-menu {padding-top: 210px;}

/*** Fix to remove extra padding if only a login button exists with no searches ***/
.mobile-menu-top.modules-1 ~ .mobile-menu ul.resp-menu {padding-top: 140px;}



/* ------------------------- */
/* ------ SEARCH PAGE ------ */
/* ------------------------- */
#mc-search-form .mc-button:hover {background: #333; color: white;}
.mc-result .highlight {background: #ff9; padding: 0px 5px;} /* text highlight on search terms in results */



/* ----------------------------------------- */
/* ------ LOGIN PAGE ----------------------- */
/* ----------------------------------------- */
/* precede with #content-padding to ensure we don't affect the login module */
#content-padding #form-login {max-width: 500px; margin: 0 auto; position: relative; overflow: hidden;}
#content-padding #form-login label {font-weight: bold; color #2F2F2F;}
#content-padding #form-login input.inputbox {
    width: 92%;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    background: white;
    padding: 6px;
    color: #a4a4a4;
}
#content-padding #form-login input.inputbox:focus {border-color: #a4a4a4; color: #2F2F2F; box-shadow: none;}
#content-padding #form-login #form-login-remember label {font-size: 14px; font-weight: normal; color: #2F2F2F;}

#content-padding #form-login #modlgn_remember {width: auto; border: 0;}
#content-padding #form-login #modlgn_remember:focus {background: #2F2F2F; color: white; box-shadow: none;}

#content-padding #form-login input.button {
  border: 0;
  background: #2F2F2F;
  color: white;
  border-radius: 3px;
  padding: 7px;
  width: 50%;

  -webkit-appearance: none;     /* for iOS */
  -webkit-border-radius: 3px;   /* for iOS */
}

#content-padding #form-login input.button:hover {cursor: pointer; opacity: 0.8;}

#content-padding #form-login .forgot-username,
#content-padding #form-login .forgot-password {
  font-size: 0.8em;
  display: inline-block;
  margin-top: 40px;
  float: left;
}

#content-padding #form-login .forgot-username {margin-left: 20px;}



/* -------------------------------------------------- */
/* ------ GENERAL ARTICLE STYLES -------------------- */
/* -------------------------------------------------- */
/* some of these styles apply to the various article-related layouts like blogs but they cascade from here */

/* for front-end editing */
#editor-xtd-buttons a {color: #2F2F2F;}

/* logged-in admin edit tooltip - this is the tooltip itself, the button is in the next section */
div.tool-tip {z-index: 99999;}
div.tip-top {z-index: 99999;}
div.tip-text {
    font-size: 11px;
    color: #ddd;
    background: #333;
    border: 2px solid #555;
    border-top-width: 1px;
    padding: 6px 9px 9px 9px;
    z-index: 99999;
    box-shadow: 0px 3px 18px rgba(0,0,0,0.35);
}
div.tip-title {
    font-size: 11px;
    color: white;
    font-weight: bold;
    background: #333;
    border: 2px solid #555;
    border-bottom-width: 1px;
    padding: 9px 9px 6px 9px;
    z-index: 99999;
    box-shadow: 0px 3px 18px rgba(0,0,0,0.35);
}

/* article icons, pdf, print, email */
table.contentpaneopen td.buttonheading div.content-wrapper {width: 20px !important;}
.buttonheading a img {display: none;}
.buttonheading a {display: block; width: 16px; height: 16px; margin-left: 2px; opacity: 0.5;}
.buttonheading a:hover, .buttonheading a:focus {opacity: 1;}
.buttonheading a[title=PDF] {background: url(https://ns.memberclicks.net/jmc-assets/icons/article-1.png) 0 -100px;}
.buttonheading a[title=PDF]:hover {background-position: 0 0;}
.buttonheading a[title=Print] {background: url(https://ns.memberclicks.net/jmc-assets/icons/article-1.png) -100px -100px;}
.buttonheading a[title=Print]:hover {background-position: -100px 0;}
.buttonheading a[title=Email] {background: url(https://ns.memberclicks.net/jmc-assets/icons/article-1.png) -200px -100px;}
.buttonheading a[title=Email]:hover {background-position: -200px 0;}
/* admin edit button */
.buttonheading .hasTip a {background: url(https://ns.memberclicks.net/jmc-assets/icons/article-1.png) -300px -100px;}
.buttonheading .hasTip a:hover {background-position: -300px 0;}

/* article title if enabled */
td.contentheading {font-weight: bold; font-size: 16px;}
td.contentheading a {}

 /* written by */
.contentpaneopen span.small {font-size: 11px; color: #666;}
/* publish date */
td.createdate {font-size: 11px; color: #999; height: 36px;}
/* edit date */
td.modifydate {font-size: 11px; color: #999;}

/* 'read more' links */
.readon {
    display: inline-block;
    color: white;
    margin-top: 9px;
    padding: 3px 9px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 12px;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.7);
    background: #666;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.readon:hover, .readon:active {
    /* important allows for the default state to be reset without affecting this hover */
    background: #333 !important;
}

/* 'more articles' list at the bottom */
div.blog_more {margin: 18px 0;} /* entire section */
div.blog_more strong {} /* heading */
div.blog_more ul {margin: 0 40px 0;}

/* prev and next links at the bottom of single articles */
/* not the same as the blog - the blog nav lacks hooks to style */
.contentpaneopen table.pagenav th {background: transparent; border: 0;} /* prev and next are both in th's */
.contentpaneopen table.pagenav td {border: 0;} /* prevent inheritance - this td is just used for spacing */
.contentpaneopen .pagenav a {text-decoration: none;}



/* ---------------------------------------------- */
/* ------ CATEGORY BLOG & FRONT PAGE ------------ */
/* ---------------------------------------------- */

div.componentheading {display: none}
#community-wrap div.componentheading {display: block;}

/* columned article headings */
td.article_column td.contentheading {font-size: 14px; margin-bottom: 19px;}

/* leftmost blog column */
td.article_column {padding: 0;}

/* other blog columns */
td.article_column.column_separator {padding: 0 0 0 18px;}

/* horizontal blog separators - bottom stripe on all blog articles, even lead */
.blog span.article_separator {display: block; height: 2px; background: #ddd; margin: 18px 0;}
/* columned blog article separators can be specified here if needed */
.blog table span.article_separator {}



/* ---------------------------------------------- */
/* ------ CATEGORY LIST ------------------------- */
/* ---------------------------------------------- */
td.sectiontableheader {text-align: left; padding: 5px; width: auto;}
td.sectiontableheader a img {margin-left: 10px; position: relative; top: 2px;}
tr.sectiontableentry1 a, tr.sectiontableentry2 a {}
td.contentdescription {width: 100%;} /* Needed to fill the available space in IE8 */



/* ---------------------------------------------- */
/* ------ POLL RESULTS PAGE --------------------- */
/* ---------------------------------------------- */
/* without #poll, some of these apply to the module also */
#poll {width: 100%;}
#poll #id {width: auto !important; margin: 0 0 20px 20px;}
#poll .pollstableborder {width: 100%; border-bottom: 1px solid #ccc;}
#poll .pollstableborder td {padding: 9px !important;}
.pollstableborder th {padding-bottom: 18px;}
.pollstableborder th img {display: none;}
.pollstableborder {width: auto;}
.smalldark {font-size: 85%;} /* info at the bottom */

/* !NOTE! - multiple pages use these layout elements */
/* changing them here will also cause changes on the CatList page */
/* Polls use .sectiontableentry0 & 1, while CatList uses 1 & 2 */
.sectiontableentry0 td, .sectiontableentry1 td, .sectiontableentry2 td {
    border: 0 !important;
    background: none !important;
    font-size: 100% !important;
    text-align: left !important;
    vertical-align: middle !important;
    padding: 9px !important;
    font-weight: normal !important;
}
.sectiontableentry0 td, .sectiontableentry2 td {background: #eee !important;}



/* ---------------------------------------------- */
/* ------ ARCHIVE LIST -------------------------- */
/* ---------------------------------------------- */
#archive-list {margin: 18px 0 0 0;}
#archive-list li {padding: 18px;}
#archive-list li.row1 {}
#archive-list li.row2 {background: #eee;}
#archive-list h4 {}
#archive-list .metadata {margin: 9px 0 0; font-size: 11px; font-weight: normal; color: #666;}
#archive-list .metadata span.created-date {}
#archive-list .metadata span.author {float: right;}
#archive-list div.intro {margin-top: 9px;}



/* ------------------------ */
/* --- CC BOARD STYLING --- */
/* ------------------------ */
td.ccbheaderrow table.ccbnormaltable td {padding: 5px;} /* tds containing the menu and user info */
td.ccbtopleftgray, td.ccbtopmiddlegray, td.ccbtoprightgray {background: #2F2F2F !important;}
td.ccbleftbody, td.ccbheaderrow, td.ccbrightbody, td.ccbbotleft,
td.ccbbotmiddle, td.ccbbotright, td.ccbdatacolumn, td.ccbpostarea,
tr.ccbfrmrowheader, tr.ccbboardsummary {background: #eee !important;}
.bbcode_quote {border-color: #ddd; background: #fff;}
div.bbcode_quote_head {color: #aaa;}
div.bbcode_quote_body {color: #555;}
a.ovalbuttongray {
  background: #2F2F2F; /* - */
  display: block;
  float: left;
  font: inherit;
  line-height: inherit; /* - */
  height: auto; /* - */
  color: white;
  padding: 0 7px;
  text-decoration: none;
  margin-right: 10px;
  border-radius: 3px;
  font-size: inherit; line-height: 2em; /* - */
  }
a:link.ovalbuttongray {color: white;}
a.ovalbuttongray:hover, a.ovalbuttongray:active {color: white; opacity: 0.8;}
a.ovalbuttongray span {
  background: none;
  display: normal;
  color: inherit;
  padding: 0;
  }
a.ovalbuttongray:hover span {
  color: inherit;
  background: none;
  }
a.squarebutton {
  background: #aaa; /* - */
  display: block;
  float: right;
  font: inherit;
  line-height: inherit; /* - */
  height: auto; /* - */
  padding: 0 7px;
  margin-left: 4px;
  text-decoration: none;
  color: white;
  }
a:link.squarebutton {color: white;}
a:hover.squarebutton, a:active.squarebutton {color: white; opacity: 0.7;}
a.squarebutton span {
  background: none;
  display: normal;
  color: inherit;
  padding: 0;
  }
a.squarebutton:hover span {color: white; background: none;}

/* -------------------------------------------- */
/* --- MEMBER LANDING, 'MY NAME IS' STICKER --- */
/* -------------------------------------------- */
#my-name-is {
height: 262px;
position: relative; border-radius: 4px; overflow: hidden; margin: 0 0 10px 0;
background: url(https://ns.memberclicks.net/jmc-assets/misc/new-my-name-is.png) right top no-repeat;/* default black suit */
/*  background: url(https://ns.memberclicks.net/jmc-assets/misc/my-name-is-blue-polo.png) right no-repeat; /* blue polo shirt */
/*  background: url(https://ns.memberclicks.net/jmc-assets/misc/my-name-is-female.png) right no-repeat; /* female suit */
/*  background: url(https://ns.memberclicks.net/jmc-assets/misc/my-name-is-gray-t.png) right no-repeat; /* gray t-shirt */
/*  background: url(https://ns.memberclicks.net/jmc-assets/misc/my-name-is-medical.png) right no-repeat; /* medical lab coat */
/*  background: url(https://ns.memberclicks.net/jmc-assets/misc/my-name-is-tan-sweater.png) right no-repeat; /* tan sweater */
/*  background: url(https://ns.memberclicks.net/jmc-assets/misc/my-name-is-worker.png) right no-repeat; /* general worker */
}
#my-name-is:before, #my-name-is:after {
  position: absolute;
  left: auto;
  right: 11px; 
  width: 354px;
  color: white;
  text-align: center;
  font-family: Arial, sans-serif;
}
#my-name-is:before {
  content: "HELLO";
  top: 20px;
  font-size: 45px;
  font-weight: bold;
  line-height: 45px;
}
#my-name-is:after {
  content: 'my name is';
  top: 70px;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
}
#my-name-is .info {
  position: absolute; right: 11px; top: 105px;
  width: 354px; height: 120px; overflow: hidden; text-align: center;
  background: white;
}
#my-name-is h2 {
  font-size: 30px; color: #555; margin: 0;
}
#my-name-is h3 {
  font-size: 16px; color: #666; margin: 10px 0 0; line-height: 20px;
}
#my-name-is h4 {
  font-size: 16px; color: #666; margin: 0; padding: 0;
  position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;
}
#my-name-is h2, #my-name-is h3, #my-name-is h4 {font-family: 'Comic Sans MS', cursive, sans-serif;}

#profile-update-message {
  position: absolute; left: 0px; bottom: 4px; margin: 0; padding: 5px 10px;
  font-size: 12px; color: #999; border-radius: 0 4px 4px 0; background: rgba(0,0,0,0.8);
  line-height: 18px;
}
#profile-update-message a:link {color: white;}
#profile-update-message a:hover, #profile-update-message a:active {color: white;}

/* ----------------------------------- */
/* --- MEMBER LANDING, QUICK LINKS --- */
/* ----------------------------------- */
.member-landing-quick-links {
  border-radius: 4px;
  margin: 0 0 10px 0; padding: 10px 5px;
  background: #eee;
}
.member-landing-quick-links ul {margin: 0; padding: 0; list-style: none; overflow: hidden;}
.member-landing-quick-links ul li {float: left; border-left: 1px solid #bbb; padding: 0px 5px;}
.member-landing-quick-links ul li:first-child {border: 0;}



/* -------------------------- */
/* --- HOME PAGE TEMPLATE --- */
/* -------------------------- */
.home-template-01 {}
.home-main {
  border-bottom: 1px solid #a4a4a4;
  padding-bottom: 23px;
}
.home-sub {
  width: 340px;
  float: left;
  margin-top: 40px
}
.home-sub:nth-child(odd) {margin-right: 40px;}



/* ---------------------- */
/* --- DIY H6 BUTTONS --- */
/* ---------------------- */
h6 a, .button-grid a {
  background: #2F2F2F;
  color: white;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
  padding: 8px;
  border-radius: 3px;
  display: block;
  text-align: center;
  max-width: 350px;
  margin: 0 auto;
  text-decoration: none;
}
.home-sub h6 a {max-width: none}
.button-grid a {
  margin: 10px auto;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
h6 a:hover, h6 a:active, .button-grid a:hover {opacity: 0.8;}

/* Grid Layout */
.grid-layout, .button-grid, .mc-columns .content-wrapper {
  -webkit-columns: 216px 3;
  -moz-columns: 216px 3;
  columns: 216px 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin-bottom: 20px;
}

.grid-layout img, .mc-columns .content-wrapper img {float: left; margin: 0 10px 10px 0; display: block;}

.grid-box, .button-grid p, ul.button-grid li {
  display: inline-block; 
  width: 100%;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 0;
}

table.grid-table td {border: 0; padding: 0;}
blockquote.button-grid, blockquote.grid-layout {margin: 0; padding: 0; border: 0; background: none;}
ul.button-grid, ul.button-grid li {margin: 0; list-style: none; padding: 0}


/* Floats */ 
.mc-image-left, .mc-image-left-large {float: left; margin: 0 13px 10px 0; clear: left;}
.mc-image-right, .mc-image-right-large {float: right; margin: 0 0 10px 13px; clear: right;}



/* ------------------- */
/* --- BREAKPOINTS --- */
/* ------------------- */

/*
Baseline is Tablet Landscape */
#phone-portrait, #phone-landscape, #tablet-portrait, #tablet-landscape {
  display: none; position: absolute; top: -100%; left: -100%; height: 1px; width: 1px;
}

#tablet-landscape {display: block;}

.full-width .side-bar {display: none;}
.full-width #content-wrap.r-mid #content-padding {width: 100%;}
@media screen and (min-width: 1000px) {
  .full-width .home-sub {width: auto; max-width: 470px}
}

/*
Tablet Portrait */
@media screen and (max-width: 1000px) {
  a[href*="task=edit"] {display: none;} /* the front-end edit button */
  #primary-nav-container, #tablet-landscape, .login-search {display: none;}
  #tablet-portrait {display: block;}
  .mc-logo-link {width: 80%}
  a#menu-toggle {
    height: 32px;
    line-height: 32px;
    width: 32px;
    font-size: 32px;
    background: transparent;
    position: absolute;
    top: 50%; right: 3.90625%;
    margin-top: -16px;
    display: block;
    text-decoration: none;
  }

  a#menu-toggle-x {
    left: 56%;
    margin-left: -48px;
    top: 10px;
    right: auto;
    text-align: center;
    background: none;
    z-index: 4;
    position: fixed;
    color: #FFD26A;
    border-radius: 50%;
    border: 2px solid #FFD26A;
    box-shadow: none;
    height: 16px;
    width: 16px;
    line-height: 16px;
    font-size: 16px;
    padding: 4px;
    display: none;
    text-decoration: none;
  }
  body.show-mobile > a#menu-toggle-x.icon-menu-x {display: block;}
  .site-width {padding: 30px 3.90625%; width: auto;}

  /*#featured-content {background-size: auto 310px; font-size: 18px; line-height: 24px;}
  #featured-content .site-width {height: 310px; padding: 0;}
  #featured-content h3 {font-size: 24px; line-height: 32px; padding: 30px 30px 20px;}
  #featured-content h6 {bottom: 30px;}
  #featured-content p {padding: 0 30px; height: 130px; overflow: hidden;}*/


/* Alter lines 1300-1304 to */


#featured-content {background-size: auto 280px; /* font-size: 1.4em; RB20170928 */ line-height: 1.25em; font-weight: 400; }
#featured-content .moduletable {
	height: 280px;
} /*  RB20170928 */
#featured-content .site-width {height: 280px; padding: 0;}
#featured-content h3 {color: white; /* font-size: 36px; */ font-size: 2.4em; line-height: 1.25em; font-weight: bold; margin: 0; padding: 40px 0 20px; }
#featured-content h6 { margin: 0; padding: 0; text-align: center; position: absolute; bottom: 40px; width: 100%; }
#featured-content h6 a { display: inline-block; color: white; height: 40px; line-height: 40px; text-decoration: none; font-weight: bold; border: 2px solid white; padding: 0 36px; border-radius: 4px; }
#featured-content p:first-of-type { display: block; font-size: 1.2em; line-height: 1.25em; font-weight: 400; margin: 0 auto /*  RB20170928 */; color: white; overflow: hidden; }





  #content-wrap.r-mid #content-padding {width: auto; float: none;}
  #right-bar {float: none; width: auto;}
  .home-sub,
  .side-bar .moduletable {
    width: 47.881355932203%; 
    float: left; 
    margin: 30px 0 0;
    padding: 0;
    background: none;

  }
  .home-sub:nth-child(odd),
  .side-bar .moduletable:nth-child(odd) {margin-right: 4.237288135593%; clear: left;}

  #right-bar.side-bar .moduletable {margin-top: 30px}

  #right-bar {font-size: 14px;}

  .mobile-menu-top {min-height: 48px;}
  .mobile-menu-top.modules-0 ~ .mobile-menu ul.resp-menu {padding-top: 70px;}

}

/* Just for the Hero Text */
/* @media screen and (max-width: 780px){
  #featured-content {font-size: 15px; line-height: 20px;}
}*/


/* Alter lines 1330-1332 to */

@media screen and (max-width: 780px){
/*  #featured-content { font-size: 1.4em; line-height: 1.25em; font-weight: 400; } RB20170928 */
}




/* 6 Plus Landscape */
@media screen and (max-width: 736px){
    .login-search-menu a#mcSimpleLogin,
    .login-search-menu .moduletable.mc-search {height: 30px; line-height: 30px; margin: 0 20px 2px 20px;}
    .login-search-menu a#mcSimpleLogin {margin-bottom: 10px;}
    .login-search-menu .mc-search input.inputbox {height: 20px; line-height: 20px}
    .login-search-menu a#mcSimpleLogin:after {margin-right: 5px}
    .login-search-menu a#mcSimpleLogin:after,
    .login-search-menu .moduletable.mc-search:after {font-size: 16px;}
    .mobile-menu ul.resp-menu {padding-top: 180px;}
    .mobile-menu-top.modules-2 ~ .mobile-menu ul.resp-menu {padding-top: 160px;}
    .mobile-menu-top.modules-1 ~ .mobile-menu ul.resp-menu {padding-top: 120px;}
}

/* Phone Landscape */
@media screen and (max-width: 650px) {
  #tablet-portrait {display: none;}
  #phone-landscape {display: block}

  .site-width {padding: 3.125%;}

  /*#featured-content {background-size: auto 280px; font-size: 18px; line-height: 20px;}
  #featured-content .site-width {height: 280px;}
  #featured-content h3 {font-size: 20px; line-height: 24px; padding: 10px;}
  #featured-content h6 {bottom: 20px;}
  #featured-content h6 a {padding: 0 15px; font-size: 18px; height: 40px; line-height: 40px;}
  #featured-content p {padding: 0 10px; height: 170px; overflow: hidden;}*/




  /* Alter lines 1355-1360 to */

#featured-content {background-size: auto 240px; /* font-size: 1.1em; RB20170928  RB20170928 */ line-height: 1.25em; font-weight: 700; }
#featured-content .moduletable {
	height: 240px;
} /*  RB20170928 */
#featured-content .site-width {height: 240px;}
#featured-content h3 { color: white; /* font-size: 36px; */ font-size: 2em; line-height: 1.25em; font-weight: bold; margin: 0; padding: 40px 0 15px; }
#featured-content h6 { margin: 0; padding: 0; text-align: center; position: absolute; bottom: 30px /* RB20170928 */; width: 100%; }
#featured-content h6 a { display: inline-block; color: white; height: 32px; line-height: 32px; text-decoration: none; font-weight: bold; font-size: 14px; border: 2px solid white; padding: 0 36px; border-radius: 4px; }
#featured-content p:first-of-type /* added ':first-of-type' here  RB20170928 */ { display: block; font-size: 0.9em; /* RB20170928 */ line-height: 1.25em; font-weight: 400 /* RB20170928 */; padding-left: 30px /* RB20170928 */; padding-right: 30px /* RB20170928 */;  margin: 0; color: white; overflow: hidden; }


  a#menu-toggle {right: 3.125%; top: 40px}

  a#menu-toggle-x {
    left: 78.125%; /* match width of body.show-mobile > .site-container*/
    margin-left: -38px; /* width of element plus right margin */
  }
  .login-search-menu a#mcSimpleLogin,
  .login-search-menu .moduletable.mc-search {margin-left: 10px; margin-right: 10px;}

  body.show-mobile > .site-container, body.show-mobile > .site-container .site-overlay {left: 78.125%}
  .mobile-menu ul.resp-menu {width: 78.125%}
  .login-search-menu {width: 78.125%; padding-bottom: 8px;}
  .mobile-menu-top.modules-2 ~ .mobile-menu ul.resp-menu {padding-top: 150px;}
  .mobile-menu-top.modules-1 ~ .mobile-menu ul.resp-menu {padding-top: 110px;}
  .login-search-menu .mc-search input.inputbox {width: 75%}


  .mobile-menu ul.resp-menu li a, .mobile-menu ul.resp-menu li .separator {padding: 2px 10px;}
  #right-bar .moduletable {float: none; width: auto; margin-right: 0;}
  .footer-info, .socnets, #RTT {float: none; text-align: center; margin: 0 0 20px 0; display: block; max-width: none}
  .socnets li {display: inline-block; float: none; margin: 0 4px;}
  #RTT {margin: 0;}

  .sub-modules div.home-sub {float: none; width: auto; margin-right: 0;}

  /***Member Landing Page***/
  #profile-update-message {
    width: 97%; 
    border-radius: 4px;
    bottom: -32px;
    padding-left: 1.5%; padding-right: 1.5%;
  }
  #my-name-is {
    background-image: none;
    background-position: center 20px;
    background-repeat: no-repeat;
    border-radius: 3px;
    padding-top: 100px;
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 36px;
    overflow: visible;
  }
  #my-name-is:before, #my-name-is:after {
    left: 0;
    right: auto;
    width: 100%;
  } 
  #my-name-is .info {
    width: auto;
    background: white;
    position: static;
    text-align: center;
    height: auto;
    padding-top: 5px;
    border-width: 1px;
    border-style: solid;
  }
  #my-name-is h3 {margin-bottom: 20px;}
  #my-name-is h4 {position: relative; margin-bottom: 5px;}
  .member-landing-quick-links ul li {border: 0;}

  /* Fix for filter box in Category List layout */
  table.contentpane td input.inputbox[name="filter"] {width: 40%} 

  .mc-image-left, .mc-image-right {max-width: 40% !important;}
  .mc-image-left-large, .mc-image-right-large {display: block; float: none; margin: 10px 0; width: auto;}
}







/* Just for the Hero Text */
/*@media screen and (max-width: 475px){
  #featured-content {font-size: 15px; line-height: 18px;}
} */

/* Just for the Hero Text */
/*@media screen and (max-width: 320px){
  #featured-content {font-size: 13px; line-height: 16px;}
}*/


/* Current Lines 1431-1439 */

/*@media screen and (max-width: 475px){
  #featured-content {font-size: 15px; line-height: 18px;}
}

@media screen and (max-width: 320px){
  #featured-content {font-size: 13px; line-height: 16px;}*/
}

/* Alter lines 1431-1439 to */

/*@media screen and (max-width: 475px){
  #featured-content { font-size: 1.1em; line-height: 1.25em; font-weight: 700; }
}

@media screen and (max-width: 320px){
  #featured-content { font-size: 1.1em; line-height: 1.25em; font-weight: 700; }
}*/



@media screen and (max-width: 475px){ 
#featured-content h3 { 
padding: 30px 0 20px; 
} 
#featured-content p:first-of-type { 
font-size: 0.85em; 
padding-left: 30px; 
padding-right: 30px; 
} 
#featured-content h6 { 
bottom: 20px /* RB20170928 */; 
} 
#featured-content h6 a { 
font-size: 0.85em; 
} 
}

@media screen and (max-width: 320px){ 
#featured-content h3 { 
font-size 1.8em; 
padding: 30px 0 20px; 
} 
#featured-content p:first-of-type { 
font-size: 0.85em; 
padding-left: 30px; 
padding-right: 30px; 
} 
#featured-content h6 { 
bottom: 20px /* RB20170928 */;
} 
#featured-content h6 a { 
font-size: 0.85em; 
} 
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* ^^^^^^^^^^^ PLEASE DON'T EDIT ANYTHING ABOVE THIS LINE WITHOUT TALKING TO KS or BG ^^^^^^^^^^^ */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* vvvvvvvvvvv            STYLING AND COLOR CHANGES CAN ALL BE FOUND BELOW            vvvvvvvvvvv */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */



/*
Hero image is always this: /assets/site/hero.jpg in Media Manager - a 2000px by 400px image */
#featured-content {background: #eee url(https://ns.memberclicks.net/assets/site/hero.jpg) center top no-repeat;}
/*
Hero image color overlay - by default this darkens the image by 15% - tweak as needed - or use as a colorizer */
#featured-content .color-overlay {background-color: rgba(0,0,0,0.15);transition: background-color 0.5s; /* height: 320px;  RB20170928 */ }
/*
Hero image color overlay - you can change the color when the hero is hovered and how long the transition will take - the transition above is how long for the fade back to default */
#featured-content:hover .color-overlay {background-color: rgba(0,0,0,0.30); transition: background-color 0.5;}
/*


/*Hero image header and paragraph - leave all text white for best results - if you *REALLY* need to, add subtle text-shadow */
/* #featured-content h3 {text-align: center;}
#featured-content p {text-align: center;}/*
/*
/* Hero image button - follow same suggestions as above - you can leave this alone most of the time */
/* #featured-content h6 {}
#featured-content h6 a {transition: 0.2s; background: none;}
#featured-content h6 a:hover, #featured-content h6 a:active {background-color: rgba(0,0,0,0.15);} /*


/* Alter lines 1465-1471 to */


/* #featured-content h3 { color: white; /* font-size: 36px; */  /* font-size: 3.0em; line-height: 1.25em; font-weight: bold; margin: 0; padding: 60px 0 20px; } */
/* featured-content p { display: block; font-size: 1.4em; line-height: 1.25em; font-weight: 400; margin: 0; color: white; overflow: hidden; } */
/* #featured-content h6 { margin: 0; padding: 0; text-align: center; position: absolute; bottom: 60px; width: 100%; } */  
/* #featured-content h6 a:hover, #featured-content h6 a:active {background-color: rgba(0,0,0,0.15);} */

#featured-content h6 a { display: inline-block; color: white; /* height: 40px; line-height: 40px; RB20170928 */ text-decoration: none; font-weight: bold; border: 2px solid white; padding: 0 32px  /* RB20170928 */; border-radius: 4px; transition: 0.2s; background: none; } 



/* GENERAL
-------------------------------------------------- */
a                               {color: #368A9C;}

/* menu in side with class of mc.-button-list */
.mc-button-list li a            {background-color: #368A9C; color: #fff;}

/* menu icon that appears in the header */
a#menu-toggle {color: #123456; text-decoration: none;}

/* H6 A - the DIY buttons in content */
h6 a, .button-grid a            {background-color: #368A9C; color: #fff;}
h1                              {color: #2f2f2f;}
h2                              {color: #2f2f2f;}
.moduletable h3                 {color: #2F2F2F; border-color: #DEDEDE;} /* module titles */
.home-main                      {border-color: #DEDEDE;} /* divline in home page layout */
/* CC BOARD - horizontal bars */
td.ccbtopleftgray, 
td.ccbtopmiddlegray,
td.ccbtoprightgray              {background: #2F2F2F !important;}

#my-name-is                     {background-color: #368A9C;}
#my-name-is .info               {border-color: #368A9C;}


/* SIDE MENU at BREAKPOINTS
-------------------------------------------------- */
/* the X that closes the sliding menu */
a#menu-toggle-x                  {color: #368A9C; border-color: #368A9C; display: none;}

/* menu items in sliding menu */
.mobile-menu a, .mobile-menu .separator               {color: #808080 !important;} /* all but top level */
.mobile-menu ul.resp-menu > li > a, 
.mobile-menu ul.resp-menu > li > .separator           {color: #BBB !important;} /* top level */

/* login button */
.login-search-menu a#mcSimpleLogin                    {background-color: #368A9C;}


/* LOGIN BUTTONS & SEARCHES - colors
-------------------------------------------------- */
/* HEADER */
#header a#mcSimpleLogin                           {background: #123456; color: white;} /* login */
#header .moduletable.mc-search                    {background: #EFEBEB;} /* search box */
#header .mc-search input.inputbox, 
#header .moduletable.mc-search:after              {color: #A8A5A5;} /* search text & icons */
/* SIDEBAR */
.login-search.side-bar a#mcSimpleLogin            {background: #2F2F2F; color: #fff;}
.login-search.side-bar a.button.mc-search         {background: #2F2F2F; color: #fff;}

/* LOGIN & SEARCH HIDING & SETUP
-------------------------------------------------- */
/* you dont want the login-search component to be in both the side-bar AND the header, so choose one to hide below */
#header div.login-search {}
div.login-search.side-bar {display: none;}
/* both site search and member search need a class of .mc-search  */
/* member search also needs a class of .member-search             */
/* if you only have one search in the header, that search also needs a class of .single-search */


/* MAIN MENU - bar & 1st level
-------------------------------------------------- */
#primary-nav-container                                              {background-color: #123456;} /* bar color */
.resp-menu > li > a, .resp-menu > li > .separator                   {color: #fff;} /* text */
.resp-menu > li:hover > a, .resp-menu > li:hover > .separator       {background:  #234567; color: #fff;} /* hover */

/* MAIN MENU - 2nd level
-------------------------------------------------- */
.resp-menu li li > a, .resp-menu li li > .separator                 {background: #234567; color: #EFEBEB;}
.resp-menu li li:hover > a, .resp-menu li li:hover > .separator     {background: #123456; color: #fff;} /* hover */

/* MAIN MENU - 3rd level
-------------------------------------------------- */
.resp-menu li li li a, .resp-menu li li li .separator               {background: #234567; color: #EFEBEB;}
.resp-menu li li li:hover a, .resp-menu li li li:hover .separator   {background: #123456; color: white;} /* hover */


/* FOOTER
-------------------------------------------------- */
#footer                     {background: #123456;}
.footer-info                {color: #fff;}
.footer-info    a           {color: #2f2f2f}


/* SOCIAL NETWORK MENU - classes that can go on the MENU are: 
.rounded-sq (rounded square instead of a circle)
.color      (use this and remove all colors below to get the brand colors on the background)
.icon       (displays just the icon with no circle if you unset the background here)
-------------------------------------------------- */
.socnets a                  {background: #fff;; color: #123456;}
/* #footer .socnets a:hover    {background: #fff; color: #123456;} */

/* BACK TO TOP + ARROW
-------------------------------------------------- */
#RTT                        {color: #2f2f2f;;} /* words */
#RTT span                   {color: #2f2f2f;;} /* arrow */
#RTT:hover                  {color: #2f2f2f;} /* words hover */
#RTT:hover span             {color: #2f2f2f;} /* arrow hover */

/* POWERED BY MEMBERCLICKS
-------------------------------------------------- */
#pbmc                       {color: #2f2f2f;;}
#pbmc:hover                 {color: #2f2f2f}





/* CALENDAR STYLES
-------------------------------------------------- */
.mc-event-details .event-time-separator {
    display: none;
}
.mc-event-details .event-time-separator.dash {
    display: inline;
}
.mc-event-details .event-start-date:after,
.mc-event-details .event-stop-date:after {
    content: '';
    display: block
}

li.ev_td_li .event-list-item {margin: 10px 0}


/* THE END...
-------------------------------------------------- */









/* CUSTOM CSS PROVIDED BY CUSTOMER
-------------------------------------------------- */







/* 

INTERNATIONAL NEUROETHICS SOCIETY
Style Guide 0.9
Updated: 2017-09-05
Author: Robert Beets, Red Root LLC

*/


/* general reset 
---------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers 
---------------------------------------------------------------------- */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.25em;
}
.content-wrapper ul,ol {
  list-style: none;
  margin-left:25px;
}
.content-wrapper ul { 
  list-style: circle; 
  }
.content-wrapper ol { 
  list-style: decimal; 
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
.content-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}
.content-wrapper hr {
border-top: 1px solid #EBE7E0;
margin:60px 0 60px 0;
}
.content-wrapper img { margin-bottom:0px; }

/* BASIC ELEMENTS & STRUCTURE 
---------------------------------------------------------------------- */

body {
font-family: Helvetica, 'Open Sans', sans-serif;
font-weight: 300;
font-size: 1.0em;
color:#2f2f2f;
line-height: 1.25em;
background:#FFFFFF;
}
a, a:visited { text-decoration:none;color:#368A9C; }
p a, ul a, ol a { font-weight:300; }
p a:hover { text-decoration: underline; }
em, i { font-style: italic; }
strong { font-weight: 600; }
p strong a, 
p a strong, 
ul strong a, 
ul a strong, 
ol strong a,  
ol a strong { 
font-weight:600; 
}

/* Header */

#header {
}

/* Content */

#content {
margin:0px;padding:0px;
}

/* Frame */
.frame {
width:auto;
margin:0px 4%;
padding:0px 20px
}

/* Footer */

footer, #footer {
text-align: left;
font-size: 0.85em;
color:#6F6F71;
border-top: 1px solid rgba(74,119,122,0.03);
background: rgba(74,119,122,0.05);
padding:10px 0px;
margin:40px 0 0;
}
footer a { color:#368A9C; }
footer a:hover { color: #368A9C; }
footer article { margin:15px 0px; }

/* Aside */
.aside {
font-size:0.85em;
line-height:1.3em;
padding: 15px 13px 1px 20px; 
margin: 3px 0px 30px 0px; 
border-radius: 4px; 
border: 1px solid #f2f2f2;
background: #f9f9f9;
}
.aside p, .aside ul li { color:#7f7f7f; }
.aside ul { margin-left:15px; }
.aside p a, .aside a { font-weight:400; }

/* Aside w trim */
.trim { border: 1px solid #368A9C; }

/* Aside w red bg */
.alarm { border: 1px solid #BD202D;background: #BD202D; }
.alarm p, .alarm ul li { color:#FFFFFF; }
.alarm a { color:#FFFFFF; }

/* Secondary Nav */
.mtgnav {
text-align:center;
font-size:0.85em;
line-height:1.7em;
padding: 15px 16px 1px 16px; 
margin: 3px 0px 30px 0px; 
border-radius: 4px; 
border: 1px solid #dedede;
background: #ffffff;
}
.mtgnav p, .mtgnav ul li { color:#7f7f7f; }
.mtgnav ul { list-style-type:none;margin-left:0px;padding-left:0px; }
.mtgnav p a, .mtgnav a { font-weight:400; }

/* Meeting Banner */
.mtgbanner {
color:#7f7f7f;
font-size:0.85em;
line-height:1.4em;
padding: 16px 0px 16px 0px; 
margin: 3px 0px 30px 0px;
border-radius: 0px; 
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
border-left:none;
border-right:none;
background:#ffffff;
}
.mtg2017 {
background: url(https://ns.memberclicks.net/assets/images/meeting/mtg2017.png) top left no-repeat;
}
.mtg2018 {
background: url(https://ns.memberclicks.net/assets/images/meeting/mtg2018.png) top left no-repeat;
}
.mtg2019 {
background: url(https://ns.memberclicks.net/assets/images/meeting/mtg2019.png) top left no-repeat;
}
.mtg2020 {
background: url(https://ns.memberclicks.net/assets/images/meeting/mtg2020.png) top left no-repeat;
}

/* TYPOGRAPHY 
---------------------------------------------------------------------- */

p, ul, ol {
font-size:1.0em; 
font-weight:300;
color:#3f3f3f; }

h1, h2, h3, h4, h5, h6 {
font-weight:300;
color:#2f2f2f;
}

h2, h3, h4, h5, h6, p, ul, ol {
max-width:720px;
}

h1, h3 { margin-bottom:10px; }
h5 { margin-bottom:0px; }
h2 { margin-bottom:20px; }
h4 { margin-bottom:0px; }
h6 { margin-bottom:20px; }
p, ul, ol { margin-top:0px;margin-bottom:15px; }

h1 { margin-top:0px; }
h2 { margin-top:40px; }
h3 { margin-top:30px; }
h3+ h4 { margin-top:15px; }
h4 { margin-top:3px; }
h4 + h5 { margin-top:15px; }
h5 { margin-top:25px; }
h6 { margin-top:3px; }

h1 { font-size:2.0em;line-height:1.1em; }
h3 { font-size:1.4em;line-height:1.2em;font-weight:300; }
h2 { font-size:1.4em;line-height:1.1em;font-weight:700; }
h4 { font-size:0.8em;line-height:1.2em;text-transform:uppercase; }
h5 { font-size:1.0em; line-height:1.2em;font-weight:700; }
h6 { font-size: 0.85em;line-height:1.2em;font-weight:700;text-transform: uppercase; }

h4 { color:#888888; }
h6 { color:#368A9C; }

h6 a { 
font-weight: 700;
font-size: 0.85em;
max-width: none;
opacity: 1.0;
display:inline-block;
padding: 0px 24px; 
margin: 3px auto; 
color:#368A9C; 
line-height: 34px; 
text-align: center; 
text-decoration: none; 
border-radius: 4px; 
border: 1px solid #368A9C;
background: #f9f9f9;
}
h6 a:hover {
color:#ffffff;
border: 1px solid #368A9C;
background: #368A9C;
} 

.alert, 
.alert a, 
.alert a:hover, 
.alert a:visited { 
color:#BE1E2D;
}
.alert a,  
.alert a:visited {
text-decoration:none;  
}
.alert a:hover {
text-decoration:underline;  
}
.support { color:#888888; }
.caption, .image p, .video p {
margin-top:1px;
margin-left:3px;
margin-bottom: 0px;
font-size: 0.85em;
line-height: 1.25em;
color: #888888;
}
.image { margin-bottom:10px; }
.border img { border: 1px solid #f2f2f2; }

/* Schedule */

.nospacing h3 { font-weight:400; }

.nospacing h1 { margin-top:0px; }
.nospacing h2 { margin-top:0px; }
.nospacing h3 { margin-top:2px; }
.nospacing h4 { margin-top:2px; }
.nospacing h5 { margin-top:0px; }
.nospacing h6 { margin-top:0px; }
.nospacing p { margin-top:2px; }
.nospacing ul { margin-top:2px; }

.nospacing h1 { margin-bottom:10px; }
.nospacing h2 { margin-bottom:0px; }
.nospacing h3 { margin-bottom:2px; }
.nospacing h4 { margin-bottom:2px; }
.nospacing h5 { margin-bottom:0px; }
.nospacing h6 { margin-bottom:0px; }
.nospacing p { margin-bottom:2px; }
.nospacing ul { margin-bottom:2px; }

#featured-content h3,
#featured-content h6,
#featured-content p {
max-width:1200px;
}

/* Homepage */

.home-sub h3 { margin-top:0px; }



/* LINKS 
---------------------------------------------------------------------- */

a.minor { display:inline; }
a.mid {
display: block;
text-transform: uppercase;
font-size: 0.85em;
margin:3px 0px;
font-weight: 700;
}
a.mid:hover {  }
p a.mid { margin: 20px 0px; }
a.major {
display:inline-block;
padding: 0px 32px; 
margin: 0px auto; 
color: #368A9C; 
line-height: 34px; 
font-size: 0.8em; 
font-weight:700; 
text-align: center; 
text-transform: uppercase; 
text-decoration: none; 
border-radius: 4px; 
border: 1px solid rgba(220,190,164,0.2);
background: rgba(220,190,164,0.1);
}
a.major:hover { color: #FFFFFF;border: 1px solid #368A9C;background: #368A9C;text-decoration: none; }
section article.array a.major { margin: 10px 10px; }

/* ELEMENT WIDTHS 
---------------------------------------------------------------------- */

.uber { width:100%; }
.full { width:100%; }
.one { width:100%; }
.w600 { width:100%; }
.w500 { width:100%; }
.w400 { width:100%; }
.w300 { width:300px; }
.w250 { width:250px; }
.w200 { width:200px; }
.w150 { width:150px; }
.w100 { width:100px; }
.w50 { width:50px; }

.w600 img { width:100%; }
.w500 img { width:100%; }
.w400 img { width:100%; }
.w300 img { width:300px; }
.w250 img { width:250px; }
.w200 img { width:200px; }
.w150 img { width:150px; }
.w100 img { width:100px; }
.w50 img { width:50px; }

/* FLOATS
---------------------------------------------------------------------- */
.right {
float:none;
margin: 0 0 20px 0;
}
.left {
float:none;
margin:0 0 20px 0;
}
.center {
float:center;
margin:0 0 20px 0;
}

/* MEDIA
---------------------------------------------------------------------- */

.mc-logo-link img { width:200px; }
.headshot { width:150px;margin-top:35px; }
.headshot img { width:150px; }


/* TABLES 
---------------------------------------------------------------------- */

/* RB20170928 Changed several pieces of this section to account for the automatic .table-wrapper that the cms applies */

.table-wrapper { /* RB20170928 */
margin-bottom: 20px;
}
.content-wrapper table {
border-collapse: collapse;
width:auto;
}
.content-wrapper .table-wrapper td { /* RB20170928 */
font-size: 0.9em;
padding: 3px 5px;
border: 1px solid rgba(220,190,164,0.2);
}
.content-wrapper table.noborder td {
border:none;
}

/* Table Specialty Row Styles */
.content-wrapper tr.header {
background-color: rgba(220,190,164,0.1);
font-weight: 400;
}

/* Table Text Alignment */
.content-wrapper .table-wrapper table.centered, .content-wrapper .table-wrapper tr.centered, .content-wrapper .table-wrapper td.centered { /* RB20170928 */
text-align: center;
}
.content-wrapper .table-wrapper table.lefted, .content-wrapper .table-wrapper tr.lefted, .content-wrapper .table-wrapper td.lefted { /* RB20170928 */
text-align: left;
}
.content-wrapper .table-wrapper table.righted, .content-wrapper .table-wrapper tr.righted, .content-wrapper .table-wrapper td.righted { /* RB20170928 */
text-align: right;
}

/* SCREEN WIDTHS 
---------------------------------------------------------------------- */

/* Width 501+ 
---------------------------------------------------------------------- */

@media screen and (min-width: 501px) {

.headshot {
float:right;
clear:right;
margin:10px 10px 20px 30px;
}
.w500 { width:500px; }
.w500 img { width:500px; }
.w400 { width:400px; }
.w400 img { width:400px; }

}

/* Width 651+  
---------------------------------------------------------------------- */

@media screen and (min-width: 651px) {

.w600 { width:600px; }
.w600 img { width:600px; }
.aside {
float:right;
clear:right;
width:185px;
margin:0 0 20px 40px;
}
.mtgnav {
float:right;
clear:right;
width:185px;
margin:0 0 20px 40px;
}

footer, #footer { padding:30px; }
.right { float:right;clear:right;margin: 0 0 20px 30px; }
.left { float: left;clear:left;margin: 0 30px 20px 0; }
.center { float: center;clear:both;margin: 0 0 20px 0; }

}

/* Width 821+  
---------------------------------------------------------------------- */

@media screen and (min-width: 821px) {

}

/* Width 1001+  
---------------------------------------------------------------------- */

@media screen and (min-width: 1001px) {

.frame {
width:980px;
margin:0px auto;
}
.mc-logo-link img { width:240px; }
.headshot {
margin:10px 260px 0px 30px;
}

}

/* Width 1201+  
---------------------------------------------------------------------- */

@media screen and (min-width: 1201px) {

}

/* Width 1288+  
---------------------------------------------------------------------- */

@media screen and (min-width: 1288px) {

}
/* -------------------------------------------------------------------------- */
/* ------------------------CLIENT PROVIDED CSS------------------------------- */
/* -------------------------------------------------------------------------- */


/* 

INTERNATIONAL NEUROETHICS SOCIETY
Style Guide 1.6
Updated: 2020-09-28
Author: Robert Beets, Prime Root

*/


/* general reset 
---------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers 
---------------------------------------------------------------------- */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.25em;
}
.content-wrapper ul,ol {
  list-style: none;
  margin-left:25px;
}
.content-wrapper ul { 
  list-style: circle; 
  }
.content-wrapper ol { 
  list-style: decimal; 
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
.content-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}
.content-wrapper hr {
border-top: 1px solid #EBE7E0;
margin:60px 0 60px 0;
}
.content-wrapper img { margin-bottom:0px; }

/* BASIC ELEMENTS & STRUCTURE 
---------------------------------------------------------------------- */

body {
font-family: Helvetica, 'Open Sans', sans-serif;
font-weight: 300;
font-size: 1.0em;
color:#2f2f2f;
line-height: 1.25em;
background:#FFFFFF;
}
a, a:visited { text-decoration:none;color:#368A9C; }
p a, ul a, ol a { font-weight:300; }
p a:hover { text-decoration: underline; }
em, i { font-style: italic; }
strong { font-weight: 600; }
p strong a, 
p a strong, 
ul strong a, 
ul a strong, 
ol strong a,  
ol a strong { 
font-weight:600; 
}

/* Header */

#header {
}

/* Content */

#content {
margin:0px;padding:0px;
}

/* Frame */
.frame {
width:auto;
margin:0px 4%;
padding:0px 20px
}

/* Footer */

footer, #footer {
text-align: left;
font-size: 0.85em;
color:#6F6F71;
border-top: 1px solid rgba(74,119,122,0.03);
background: rgba(74,119,122,0.05);
padding:10px 0px;
margin:40px 0 0;
}
footer a { color:#368A9C; }
footer a:hover { color: #368A9C; }
footer article { margin:15px 0px; }

/* Aside */
.aside {
font-size:0.85em;
line-height:1.3em;
padding: 15px 13px 1px 20px; 
margin: 3px 0px 30px 0px; 
border-radius: 4px; 
border: 1px solid #f2f2f2;
background: #f9f9f9;
}
.aside p, .aside ul li { color:#7f7f7f; }
.aside ul { margin-left:15px; }
.aside p a, .aside a { font-weight:400; }

/* Aside w trim */
.trim { border: 1px solid #368A9C; }

/* Aside w red bg */
.alarm { border: 1px solid #BD202D;background: #BD202D; }
.alarm p, .alarm ul li { color:#FFFFFF; }
.alarm a { color:#FFFFFF; }

/* Secondary Nav */
.mtgnav {
text-align:center;
font-size:0.85em;
line-height:1.7em;
padding: 15px 16px 1px 16px; 
margin: 3px 0px 30px 0px; 
border-radius: 4px; 
border: 1px solid #dedede;
background: #ffffff;
}
.mtgnav p, .mtgnav ul li { color:#7f7f7f; }
.mtgnav ul { list-style-type:none;margin-left:0px;padding-left:0px; }
.mtgnav p a, .mtgnav a { font-weight:400; }

/* Meeting Banner */
.mtgbanner {
color:#7f7f7f;
font-size:0.85em;
line-height:1.4em;
padding: 16px 0px 16px 0px; 
margin: 3px 0px 30px 0px;
border-radius: 0px; 
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
border-left:none;
border-right:none;
background:#ffffff;
}
.mtg2017 {
background: url(https://ns.memberclicks.net/assets/images/meeting/mtg2017.png) top left no-repeat;
}
.mtg2018 {
background: url(https://ns.memberclicks.net/assets/images/meeting/mtg2018.png) top left no-repeat;
}
.mtg2019 {
background: url(https://ns.memberclicks.net/assets/images/meeting/mtg2019.png) top left no-repeat;
}
.mtg2020 {
background: url(https://ns.memberclicks.net/assets/images/meeting/mtg2020.png) top left no-repeat;
}
/* Homepage Boxes */
.card-sort {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.card { 
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	margin: 20px;
	border-radius: 8px;
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
	border: 1px solid #f9f9f9;
}
.card img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.card p {
	text-align: left;
	margin-bottom: 0px;
	padding: 12px 15px 15px 20px;
	font-weight: ;
}
.card-imgleft img {
	width: 150px;
	float: left;
	margin-right: 20px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.card-imgleft p {
	margin-bottom: 0px;
	padding: 12px 15px 15px 0px;
	font-weight: ;
}
.card-imgright img {
	width: 150px;
	float: right;
	margin-left: 20px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.card-imgright p {
	text-align: left;
	margin-bottom: 0px;
	padding: 12px 0px 15px 15px;
	font-weight: ;
}
.branded {
	background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%),url('https://www.neuroethicssociety.org//assets/meeting/2020/meeting-featured-a.jpg') center no-repeat; 
	background-size: cover;
}
.branded p {
	color: #FFFFFF;
	font-weight: 700;
}
.cta p {
	display: inline-block;
	padding: 20px;
	margin-bottom: 0px;
}
.cta h6 {
	display: inline-block;
	padding: 18px;
	margin-bottom: 0px;
}
.card-separator {
	margin: 30px auto;
	border-top: 1px solid #f2f2f2;
}
.block {
	display: block;
	margin: 20px;
}
.centered {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* TYPOGRAPHY 
---------------------------------------------------------------------- */

p, ul, ol {
font-size:1.0em; 
font-weight:300;
color:#3f3f3f; }

h1, h2, h3, h4, h5, h6 {
font-weight:300;
color:#2f2f2f;
}

h2, h3, h4, h5, h6, p, ul, ol {
max-width:720px;
}

h1, h3 { margin-bottom:10px; }
h5 { margin-bottom:0px; }
h2 { margin-bottom:20px; }
h4 { margin-bottom:0px; }
h6 { margin-bottom:20px; }
p, ul, ol { margin-top:0px;margin-bottom:15px; }

h1 { margin-top:0px; }
h2 { margin-top:40px; }
h3 { margin-top:30px; }
h3+ h4 { margin-top:15px; }
h4 { margin-top:3px; }
h4 + h5 { margin-top:15px; }
h5 { margin-top:25px; }
h6 { margin-top:3px; }

h1 { font-size:2.0em;line-height:1.1em; }
h3 { font-size:1.4em;line-height:1.2em;font-weight:300; }
h2 { font-size:1.4em;line-height:1.1em;font-weight:700; }
h4 { font-size:0.8em;line-height:1.2em;text-transform:uppercase; }
h5 { font-size:1.0em; line-height:1.2em;font-weight:700; }
h6 { font-size: 0.85em;line-height:1.2em;font-weight:700;text-transform: uppercase; }

h4 { color:#888888; }
h6 { color:#368A9C; }

h6 a { 
font-weight: 700;
font-size: 0.85em;
max-width: none;
opacity: 1.0;
display:inline-block;
padding: 0px 24px; 
margin: 3px auto; 
color:#368A9C; 
line-height: 34px; 
text-align: center; 
text-decoration: none; 
border-radius: 4px; 
border: 1px solid #368A9C;
background: #f9f9f9;
}
h6 a:hover {
color:#ffffff;
border: 1px solid #368A9C;
background: #368A9C;
} 

.alert, 
.alert a, 
.alert a:hover, 
.alert a:visited { 
color:#BE1E2D;
}
.alert a,  
.alert a:visited {
text-decoration:none;  
}
.alert a:hover {
text-decoration:underline;  
}
.support { color:#888888; }
.caption, .image p, .video p {
margin-top:1px;
margin-left:3px;
margin-bottom: 0px;
font-size: 0.85em;
line-height: 1.25em;
color: #888888;
}
.image { margin-bottom:10px; }
.border img { border: 1px solid #f2f2f2; }

/* Schedule */

.nospacing h3 { font-weight:400; }

.nospacing h1 { margin-top:0px; }
.nospacing h2 { margin-top:0px; }
.nospacing h3 { margin-top:2px; }
.nospacing h4 { margin-top:2px; }
.nospacing h5 { margin-top:0px; }
.nospacing h6 { margin-top:0px; }
.nospacing p { margin-top:2px; }
.nospacing ul { margin-top:2px; }

.nospacing h1 { margin-bottom:10px; }
.nospacing h2 { margin-bottom:0px; }
.nospacing h3 { margin-bottom:2px; }
.nospacing h4 { margin-bottom:2px; }
.nospacing h5 { margin-bottom:0px; }
.nospacing h6 { margin-bottom:0px; }
.nospacing p { margin-bottom:2px; }
.nospacing ul { margin-bottom:2px; }

#featured-content h3,
#featured-content h6,
#featured-content p {
max-width:1200px;
}

/* Homepage */

.home-sub h3 { margin-top:0px; }



/* LINKS 
---------------------------------------------------------------------- */

a.minor { display:inline; }
a.mid {
display: block;
text-transform: uppercase;
font-size: 0.85em;
margin:3px 0px;
font-weight: 700;
}
a.mid:hover {  }
p a.mid { margin: 20px 0px; }
a.major {
display:inline-block;
padding: 0px 32px; 
margin: 0px auto; 
color: #368A9C; 
line-height: 34px; 
font-size: 0.8em; 
font-weight:700; 
text-align: center; 
text-transform: uppercase; 
text-decoration: none; 
border-radius: 4px; 
border: 1px solid rgba(220,190,164,0.2);
background: rgba(220,190,164,0.1);
}
a.major:hover { color: #FFFFFF;border: 1px solid #368A9C;background: #368A9C;text-decoration: none; }
section article.array a.major { margin: 10px 10px; }

/* ELEMENT WIDTHS 
---------------------------------------------------------------------- */

.uber { width:100%; }
.full { width:100%; }
.one { width:100%; }
.w600 { width:100%; }
.w500 { width:100%; }
.w400 { width:100%; }
.w300 { width:300px; }
.w250 { width:250px; }
.w200 { width:200px; }
.w150 { width:150px; }
.w100 { width:100px; }
.w50 { width:50px; }

.w600 img { width:100%; }
.w500 img { width:100%; }
.w400 img { width:100%; }
.w300 img { width:300px; }
.w250 img { width:250px; }
.w200 img { width:200px; }
.w150 img { width:150px; }
.w100 img { width:100px; }
.w50 img { width:50px; }

/* FLOATS
---------------------------------------------------------------------- */
.right {
float:none;
margin: 0 0 20px 0;
}
.left {
float:none;
margin:0 0 20px 0;
}
.center {
float:center;
margin:0 0 20px 0;
}

/* MEDIA
---------------------------------------------------------------------- */

.mc-logo-link img { width:200px; }
.headshot { width:150px;margin-top:35px; }
.headshot img { width:150px; }


/* TABLES 
---------------------------------------------------------------------- */

/* RB20170928 Changed several pieces of this section to account for the automatic .table-wrapper that the cms applies */

.table-wrapper { /* RB20170928 */
margin-bottom: 20px;
}
.content-wrapper table {
border-collapse: collapse;
width:auto;
}
.content-wrapper .table-wrapper td { /* RB20170928 */
font-size: 0.9em;
padding: 3px 5px;
border: 1px solid rgba(220,190,164,0.2);
}
.content-wrapper table.noborder td {
border:none;
}

/* Table Specialty Row Styles */
.content-wrapper tr.header {
background-color: rgba(220,190,164,0.1);
font-weight: 400;
}

/* Table Text Alignment */
.content-wrapper .table-wrapper table.centered, .content-wrapper .table-wrapper tr.centered, .content-wrapper .table-wrapper td.centered { /* RB20170928 */
text-align: center;
}
.content-wrapper .table-wrapper table.lefted, .content-wrapper .table-wrapper tr.lefted, .content-wrapper .table-wrapper td.lefted { /* RB20170928 */
text-align: left;
}
.content-wrapper .table-wrapper table.righted, .content-wrapper .table-wrapper tr.righted, .content-wrapper .table-wrapper td.righted { /* RB20170928 */
text-align: right;
}


/* SCREEN WIDTHS 
---------------------------------------------------------------------- */

/* Width 501+ 
---------------------------------------------------------------------- */

@media screen and (min-width: 501px) {

.headshot {
float:right;
clear:right;
margin:10px 10px 20px 30px;
}
.w500 { width:500px; }
.w500 img { width:500px; }
.w400 { width:400px; }
.w400 img { width:400px; }

}

/* Width 651+  
---------------------------------------------------------------------- */

@media screen and (min-width: 651px) {

.w600 { width:600px; }
.w600 img { width:600px; }
.aside {
float:right;
clear:right;
width:185px;
margin:0 0 20px 40px;
}
.mtgnav {
float:right;
clear:right;
width:185px;
margin:0 0 20px 40px;
}

footer, #footer { padding:30px; }
.right { float:right;clear:right;margin: 0 0 20px 30px; }
.left { float: left;clear:left;margin: 0 30px 20px 0; }
.center { float: center;clear:both;margin: 0 0 20px 0; }

}

/* Width 821+  
---------------------------------------------------------------------- */

@media screen and (min-width: 821px) {

}

/* Width 1001+  
---------------------------------------------------------------------- */

@media screen and (min-width: 1001px) {

.frame {
width:980px;
margin:0px auto;
}
.mc-logo-link img { width:240px; }
.headshot {
margin:10px 260px 0px 30px;
}

}

/* Width 1201+  
---------------------------------------------------------------------- */

@media screen and (min-width: 1201px) {

}

/* Width 1288+  
---------------------------------------------------------------------- */

@media screen and (min-width: 1288px) {

}


/* MENU CHANGES */

/* 
- USING !IMPORTANT DECLARATIONS HERE SO IT OVERWRITES CORE STYLE IN TESTING, BUT IF CHANGING CORE STYLES IN MARIETTA, !IMPORTANT CAN LIKELY BE OMITTED.
- ALSO LIKE SUB-MENU HOVER COLOR TO BE #1F1F1F BACKGROUND AND #FFFFFF TEXT COLOR, BUT I WAS NOT ABLE TO DETERMINE HOW THAT WAS APPLIED/DECLARED BY INSPECTING THE ELEMENTS IN MY BROWSER
- MEMBER LOGIN BUTTON SHOULD ALSO USE #2F2F2F / #4F4F4F BACKGROUND AND HOVER COMBO
*/

#primary-nav-container {
    background-color: #2f2f2f !important;
}
#primary-nav-container {
    background: #a4a4a4;
    border-bottom: 1px solid #2f2f2f;
}
.resp-menu li > a, .resp-menu li > .separator {
    border-right: 1px solid #3f3f3f !important;
}
.resp-menu > li:hover > a, .resp-menu > li:hover > .separator {
    background: #3f3f3f;
    color: #fff;
}
#primary-menu .resp-menu li li:first-child {
    border-top: 1px solid #3f3f3f !important;
}
.resp-menu li li > a, .resp-menu li li > .separator {
    background: #2f2f2f !important;
    color: #EFEBEB;
}
.resp-menu li li > a, .resp-menu li li > .separator {
    font-size: 12px;
    height: auto;
    line-height: 16px;
    min-height: 16px;
    padding: 7px 12px;
    text-shadow: none;
    background: #949494;
    font-weight: normal;
    text-transform: none;
    border: 0;
    border-bottom: 1px solid #3f3f3f !important;
}

/* FOOTER CHANGES */

/* 
- I DON'T USE THESE BOXES AND THEY GIVE AN EXTRA 40-60PX PADDING AT THE BOTTOM OF THE HOMESCREEN. MAKING IT DISPLAY NONE REMOVES THIS EXTRA SPACE AND CLEANS UP THE LOOK FOR OUR PURPOSES. THIS LIKELY NEEDS TO HAPPEN AT THE CORE MARIETTA STYLES.
*/

.sub-modules { display:none; }
.home-main {
    border-bottom: none;
    padding-bottom: 0px !important;
}

/* CUSTOM STYLE ADDITION */

/* 
- THESE NEW CLASSES AND STYLE DECLARATIONS SHOULD BE ADDED INTO THE CUSTOM CSS WE ALREADY HAVE. IT MIGHT BE AT THE BOTTOM OF THE MARIETTA STYLE OR IT'S ACTUALLY IN A SEPARATE FILE THAT AGGREGATES INTO ONE OF THE MAIN CSS FILES AT: https://www.neuroethicssociety.org/templates/marietta-jt/css/editor.css / LINE 1801 / 'CUSTOM CSS PROVIDED BY CUSTOMER'. I'VE ALSO INCLUDED THE CUSTOMER STYLE SHEET WITH THESE ADDITIONS IF IT'S WORKS THAT YOU JUST OVERWRITE WHAT'S ALREADY IN A FOLDER. 
*/

.card-sort {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.card { 
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	margin: 20px;
	border-radius: 8px;
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
	border: 1px solid #f9f9f9;
}
.card img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.card p {
	text-align: left;
	margin-bottom: 0px;
	padding: 12px 15px 15px 20px;
	font-weight: ;
}
.card-imgleft img {
	width: 150px;
	float: left;
	margin-right: 20px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.card-imgleft p {
	margin-bottom: 0px;
	padding: 12px 15px 15px 0px;
	font-weight: ;
}
.card-imgright img {
	width: 150px;
	float: right;
	margin-left: 20px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.card-imgright p {
	text-align: left;
	margin-bottom: 0px;
	padding: 12px 0px 15px 15px;
	font-weight: ;
}
.branded {
	background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%),url('https://www.neuroethicssociety.org//assets/meeting/2020/meeting-featured-a.jpg') center no-repeat; 
	background-size: cover;
}
.branded p {
	color: #FFFFFF;
	font-weight: 700;
}
.cta p {
	display: inline-block;
	padding: 20px;
	margin-bottom: 0px;
}
.cta h6 {
	display: inline-block;
	padding: 18px;
	margin-bottom: 0px;
}
.card-separator {
	margin: 30px auto;
	border-top: 1px solid #f2f2f2;
}
.block {
	display: block;
	margin: 20px;
}
.centered {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}