/*  Unique fixes, per year   */
#illusionquest .blktitl1, #illusionquest .blktitl2  {font-family:serif;}
#page_illusionquest .dtltitle {font-family:serif;}
#tsdanceparty .titli  {font-style:italic;}
#tsdanceparty .linkshr {margin-bottom:2em;}
#page_tsdanceparty .dtltitle  {font-style:italic;}
@media(min-width:768px) {
#legos .lcol {height:280px;}       /* only on the wide list, bullets list  */
}
#page_jazztrio .subtl1 {font-size:1.2em;}
#page_aubrey_atwater .subtl1 {font-size:.9em;}
#page_cctrivia .subtl1 {font-size:1.1em;}
#page_hornsrock .subtl1 {font-size:1em;}
#page_luminousbeing .subtl1 {font-size:1.1em;}
#page_accordions .subtl1 {font-size:1em;}
#page_simplybest .subtl1 {font-size:.9em;}
#page_suede .subtl1 {font-size:1em;}

.newcbtn2 {display:none;}




.bulls1 {font-weight:900; margin-left:1rem;font-size:1.5rem;padding-right:1rem;}
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {padding: .3em 10px;}
.townphoto1995 h1, .townphoto1996 h1, .townphoto1997 h1, .townphoto1998 h1, .townphoto1999 h1, .townphoto2000 h1, .townphoto2001 h1, .townphoto2002 h1, .townphoto2002flags h1, .townphoto2003 h1  {line-height:3.5rem;}
.townphoto2004 h1, .townphoto2005 h1, .townphoto2006 h1, .townphoto2007 h1, .townphoto2008 h1, .townphoto2009 h1, .townphoto2010 h1, .townphoto2011 h1, .townphoto2012 h1, .townphoto2013 h1  {line-height:3.5rem;}
.townphoto2014 h1, .townphoto2015 h1, .townphoto2016 h1, .townphoto2017 h1, .townphoto2018 h1, .townphoto2019 h1, .townphoto2020 h1, .townphoto2021 h1, .townphoto2022 h1, .townphoto2023 h1  {line-height:3.5rem;}
.townphoto2024 h1, .townphoto2025 h1  {line-height:3.5rem;}
.catblkshowt24 {display:none;}
.catblkshowt25 {display:block;}
.catblkshowt26 {display:block;}
.nav-links-dtl {display:block;}


/* Special formats for iPad portrait, where width > mobile formattinmg, but < 900 default container width.  See 9/29/22 changes  */

/*  History pages - buttons, programs, - scalable 3-wide columns, coppapse to 1 col at 500 px */
.historytopl {float:left;padding:20px;margin-top:20px;width:calc(100% - 300px);max-width:60%;}
.historytopr {float:left;padding:20px;margin-top:20px;}	
/*  new top history pages */
.historytopl2 {padding:20px;margin-top:20px;/*width:calc(100% - 300px);max-width:60%;*/}
.historytopr2 {float:right;padding:20px;margin-top:-50px;}
@media (max-width:768px) {
.historytopr2 {float:none;margin-top:0px;}	
}
.cols3c1, .cols3c2, .cols3c3 {float:left;padding:10px 4% 10px 3%;margin-top:10px;width:26%;}
.h1yr   {margin-bottom:12px;text-align:center;font-size: x-large; color:black;font-weight:bold;}
.histimg  {valign:top;display:block;margin:auto;width:100%;max-width:150px;} 
@media(max-width:500px) {
.cols3c1, .cols3c2, .cols3c3 {float:none;padding:20px 4% 20px 3%;margin-top:20px;margin:auto;}
}
/*  History Gallery pages - Back link upper right */
.backlink  {display:inline-block;position:relative;float:right;z-index:255;font-size:16px;}
/*  History Gallery pages - menu dropdown */
.dropdown {display:inline-block;position:relative;float:right;z-index:255;font-size:16px;}

.dropdown-options {
  display: none;
  position: absolute;
  overflow: auto;
  font-size:1em;
  line-height:1.4em;
  text-align:right;
  color:black;
  padding:0 10px 0 10px;
  background-color:buttonface;
  border-width: 2px;
    border-style: outset;
    border-color: buttonborder;
    border-image: initial;
}

.dropdown:hover .dropdown-options {
  display: block;
}



/*   Formatting orig wide pages for smaller screens */
/*   Separate from menus - content boxes, sidebars, footers  */
/*  making new classes of merged U files work on small screen  */
@media (max-width:768px) {
.content_box {width:100%;}
.content {width:100%;margin:0;padding:0;border:none;}
.no_sidebars .content {
    border-width: 0;
    width: 100%;
}
.no_sidebars .format_text_box {
    margin: 0 5px 0 10px;
}
.sidebars {display:none;}	

}
.c2colgrp .c2col1 {float:left;width:50%;}
.c2colgrp .c2col2 {float:left;width:49%;}
@media (max-width:768px) {
.c2colgrp .c2col1, .c2colgrp .c2col2 {float:none;width:90%;margin:auto;}
}

.c3colgrp .c3col1 {float:left;width:33%;}
.c3colgrp .c3col2 {float:left;width:33%;}
.c3colgrp .c3col3 {float:left;width:33%;}
.c3colgrpbrk {display:inline;}
@media (max-width:768px) {
.c3colgrp .c3col1, .c3colgrp .c3col2, .c3colgrp .c3col3 {float:none;width:80%;margin:auto;}
.c3colgrpbrk {display:none;}
}

.c4colgrp {width:95%;margin:auto;margin-bottom:1em;}
.c4colgrp .c4col12, .c4colgrp .c4col1, .c4colgrp .c4col2, .c4colgrp .c4col34, .c4colgrp .c4col3, .c4colgrp .c4col4 {float:left;}
.c4colgrp .c4col12, .c4colgrp .c4col1, .c4colgrp .c4col3 {width:50%;}
.c4colgrp .c4col34, .c4colgrp .c4col2, .c4colgrp .c4col4 {width:49%;}
.c4colendsep {clear:both;}
@media (max-width:768px) {
.c4colgrp .c4col12, .c4colgrp .c4col34 {float:none;width:90%;margin:auto;}
.c4colgrp .c4col1, .c4colgrp .c4col3 {width:60%;}
.c4colgrp .c4col2, .c4colgrp .c4col4 {width:39%;}
.c4colsep23 {clear:both;margin-bottom:1em;}
}
.ulnoindent {padding-left:.5em;}



/*		Common style - outer containers, headers, menu
			common across old pages and JQM mobile pages with wide page menu
			*/
				
				/*   Formatting orig wide pages for smaller screens - outer containers and headers */
html 	{font-size: 10px;}		/* menu css uses rem, which refs back to root em - html em; overriding font-sizes apply elsewhere */	
.ui-body-d {font-size:16px;font-family: Helvetica,Arial,sans-serif;} 	/* adjust JQM pages back to default (no body font-size on old jqm pages */
.content_box, #hpcontentbox, .fncj-main {font-size: 10px;}  /*  in adn to  body font-size 10px on large screen, this keeps body f-s at 10 for old wide pages on all screens */
@media (max-width:768px) {
body {margin:0;padding:0} 
.format_text {	/* for smaller screen format, adjust font on old non-jqm pages to match normal 1em-equiv of jqm text */
    line-height: 1.3em;
    font-size: 1.6em;
}
}

/* tailoring for FNC */
@media (max-width:399px) {
.fncj-mobile-topbar {
    background-image: url(../images/FNCbannerv11-2018-resp.png);
    background-repeat: no-repeat;
}
}
@media (min-width:400px) {
.fncj-mobile-topbar {
    background-image: url(../images2/web/FNCbanner-thin60wide.jpg);
    /*  background-image: url(../images/FNCbannerv12-2018-resp.png); */
    background-repeat: no-repeat;
	background-position: center;
}
}
.header #logo, .header #tagline {
	display: none;
}				
				
				
.fncj-main {font-family:Dosis,Helvetica,Arial,sans-serif}
.fncj-main{max-width:100%;/*overflow-x:hidden;*/color:#333;font-size:1.4em;line-height:1.5}
.fncj-navigation__checkbox{display:none}
.fncj-navigation__inner{/*display:none;border-top:1px solid #ededed;border-bottom:1px solid #ededed*/}

.fncj-navigation__checkbox:checked+.fncj-main .fncj-navigation__icon,.fncj-navigation__checkbox:checked+.fncj-main .fncj-navigation__icon:after,.fncj-navigation__checkbox:checked+.fncj-main .fncj-navigation__icon:before,.fncj-navigation__icon,.fncj-navigation__icon:after,.fncj-navigation__icon:before{border-radius:1000px;border-top-style:solid;display:block}
.fncj-navigation__checkbox:checked+.fncj-main .fncj-navigation__icon:after,.fncj-navigation__checkbox:checked+.fncj-main .fncj-navigation__icon:before,.fncj-navigation__icon:after,.fncj-navigation__icon:before{content:'';position:absolute;width:100%}
.fncj-navigation__checkbox:checked+.fncj-main .fncj-navigation__icon{width:26px;position:relative;margin:8px 0;border-top-width:3px;-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fncj-navigation__checkbox:checked+.fncj-main .fncj-navigation__icon:after,.fncj-navigation__checkbox:checked+.fncj-main .fncj-navigation__icon:before{width:17.33px;border-top-width:3px;transition:.2s all ease-in}
.fncj-navigation__checkbox:checked+.fncj-main .fncj-navigation__icon:before{top:-2px;right:-1.5px;-ms-transform:rotate(45deg) scaleX(.7);transform:rotate(45deg) scaleX(.7);-ms-transform-origin:right;transform-origin:right}
.fncj-navigation__checkbox:checked+.fncj-main .fncj-navigation__icon:after{top:-4px;right:-1.5px;-ms-transform:rotate(-45deg) scaleX(.7);transform:rotate(-45deg) scaleX(.7);-ms-transform-origin:right;transform-origin:right}

.navigation-colors a, .navigation-colors a:link, .navigation-colors a:visited{/*font-family:Tahoma,Verdana,Geneva,sans-serif,"websafe";*/font-weight:normal;font-style:normal}
.navigation-vertical-alignment a, .navigation-vertical-alignment a:link, .navigation-vertical-alignment a:visited{}
.navigation-alignment a, .navigation-alignment a:link, .navigation-alignment a:visited{}

	
/* Display of wide drop-down menu */

@media (min-width:769px)  {
			
body {
  /*  background-image: url("../images/uploads/fncredmed.jpg");  */
	background-color:#D13833;
    color: #111111;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 10px;
	padding: 0; margin: 0; 
}

.container {
    margin: 0 auto;
	width:100%;         /*   change 9/29/22  width was 92.8 = 928, too wide on iPad portrait, so make dev width, max 928*/
    max-width: 92.8em;
}

.page {
    margin: 0 auto;
    padding: 0;
	width:100%;         /*  same 9/29/22 as above container  */
    max-width: 900px;
    background: none repeat scroll 0 0 #FFFFFF;
}

}			
	
  /*  Hdr-Nav responsive       was 770    tried  */
@media (min-width:769px) and (hover:hover) {
.header {
    background-image: url("../images/FNCbanner-noyear.jpg");
    background-repeat: no-repeat;
/*	background-size: cover;    not needed?  No effect?  */
    border-width: 0;
    height: 124px;
    margin: 0;
    padding: 0;
 /*   width: 900px;  */
	margin-left:  calc(50% - 450px);   /*  for iPad where responsive boundary is 750, but image 900 */
    border-color: #DDDDDD;
    border-style: double;
    clear: both;
}


.menu:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}		

.fncj-navigation__inner{/*display:none;*/ border-top:1px solid #ededed;border-bottom:1px solid #ededed}
.fncj-navigation .j-nav-level-0{padding-right:70px}
.fncj-navigation__inner .j-nav-level-0{padding:0;margin:0;list-style-type:none}

.fncj-main .fncj-section__gutter{padding-top:inherit}
.fncj-navigation{position:relative}
.fncj-navigation__inner{display:block}

/*.fncj-mobile-navigation,*/.fncj-mobile-topbar{display:none}

.fncj-mobile-navigation .fncj-nav__toggle-button{display:none}

.fncj-navigation__label{display:none}
	
.fncj-main .fncj-section__gutter{padding-top:inherit}
.fncj-navigation{position:relative}
.fncj-navigation__inner{display:block}

#fncmenu {width:auto;}

.fncj-navigation__inner .j-nav-level-0 {      /* in place of  #fncmenu > ul */
    margin: 0px;
    list-style: none;
    width: 100%;
    height: 21px;
    border-width: 0;
    padding: 3px 0;
    /* font: normal 8pt verdana, arial, helvetica; */
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 11px;;
	}
.fncj-navigation__inner .j-nav-level-0 li{		/* in place of #fncmenu > ul li  */
	display:inline-block;margin:0;padding:0;position:relative;
	/* font-size:12px;font-size:1.2rem;line-height:1.5;  */
	margin-left: 5px;  /*  5 px,   was 7 in fncmenu */
	width: 13%;		/* 120px  from fncmenu;   13% for scaling efforrt test, submenus were short width */
	max-width:122px;   /*  goes with 13% so element does not get too wide */
	line-height:1.1;    /* added to make item 22 px hi */
	}
	.fncj-navigation__inner .j-nav-level-1, .fncj-navigation__inner .j-nav-level-2, .fncj-navigation__inner .j-nav-level-1 li{width:100%;}  /*    for scaling test; causes sub items to be short width */
.fncj-navigation__inner .j-nav-level-0 li:hover .j-nav-level-1{display:block;opacity:1;z-index:650001}

/*  #fncmenu > ul li:hover a,   THIS ONE causes the top item to stay hover-state when sub-items are hovered !! */  
#fncmenu > ul li a:hover   /*,#fncmenu > ul li a:active  */  {
  padding: 3px 0;
  display: block;
  text-align: center;
  text-decoration: none;
/*  background: #2deb4c;  */
/*  color: #ffffff;  */
/*  width: 146px;  */
  border: 2px solid #cccccc;   /*  RSC */
/*  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;  */
  z-index: 1000;
}





.fncj-navigation__inner .j-nav-level-1{
	position:absolute;top:100%;left:0;display:none;opacity:0;margin:0;padding:0;
 /*	border-top:10px solid transparent;    */
	transition:opacity .3s ease-in-out;
  /*	#fncmenu > ul li ul   */
    margin: 0;
    padding: 1px 1px 0;
    list-style: none;
    top: 21px;
    left: -5px;    	/* was -1 in fncmenu */
}
.fncj-navigation__inner .j-nav-level-1 li{display:inline-block}
.fncj-navigation__inner .j-nav-level-1 li:hover .j-nav-level-2{display:block;opacity:1}
.fncj-navigation__inner .j-nav-level-1 a{
	margin-bottom:2px;margin-right:2px;
  /*	width:130px;   */
	border:1px solid #ededed;display:block;word-wrap:break-word
	}

.fncj-navigation__inner .j-nav-level-2{
	position:absolute;transition:opacity .3s ease-in-out;
	display:none;left:100%;margin:0;opacity:0;padding:0;top:0
	}
.fncj-navigation__inner .j-nav-level-2 li{
	display:inline-block;
	margin-left:0;        /* add to cancel margin 5 of general li */
	}
.fncj-navigation__inner .j-nav-level-2 li:hover .j-nav-level-2{
	display:block;opacity:1
	}
.fncj-navigation__inner .j-nav-level-2 a:link,.fncj-navigation__inner .j-nav-level-2 a:visited{
 /*	width:130px;   */
	margin-bottom:2px;display:block;word-wrap:break-word
	}
	
	
	
	
	
	
	
	
/*
.fncj-navigation__inner a:active,.fncj-navigation__inner a:focus,.fncj-navigation__inner a:hover{background-color:#1382b9;color:#fff}
.fncj-navigation__inner a:active,.fncj-navigation__inner a:focus,.fncj-navigation__inner a:hover{background-color:#88b913;color:#fff}
.fncj-mobile-navigation .j-nav-current>a:link,.fncj-mobile-navigation .j-nav-current>a:visited,.fncj-mobile-navigation .j-nav-parent>a:link,.fncj-mobile-navigation .j-nav-parent>a:visited,.fncj-mobile-navigation a:active,.fncj-mobile-navigation a:focus,.fncj-mobile-navigation a:hover{background-color:#1382b9;color:#fff}
.fncj-mobile-navigation .j-nav-current>a:link,.fncj-mobile-navigation .j-nav-current>a:visited,.fncj-mobile-navigation .j-nav-parent>a:link,.fncj-mobile-navigation .j-nav-parent>a:visited,.fncj-mobile-navigation a:active,.fncj-mobile-navigation a:focus,.fncj-mobile-navigation a:hover{background-color:#88b913;color:#fff}
.fncj-navigation__inner .j-nav-current>a:link,.fncj-navigation__inner .j-nav-current>a:visited,.fncj-navigation__inner .j-nav-parent>a:link,.fncj-navigation__inner .j-nav-parent>a:visited{background-color:#88b913;color:#fff}@keyframes slideIn{0%{left:-100%;opacity:0}100%{left:0;opacity:1}}	
.fncj-navigation__inner .j-nav-current>a:link,.fncj-navigation__inner .j-nav-current>a:visited,.fncj-navigation__inner .j-nav-parent>a:link, .fncj-navigation__inner .j-nav-parent>a:visited{background-color:#1382b9;color:#fff}@keyframes slideIn{0%{left:-100%;opacity:0}100%{left:0;opacity:1}}
*/


.fncj-navigation__inner .tlde, .fncj-navigation__inner a:link,.fncj-navigation__inner a:visited {
	color:#666;text-decoration:none;display:block;
	text-shadow:none;
	padding:10px 20px;
/*	background-color:#fff;   */
	margin:0;
	transition:background-color .3s ease-in-out,color .3s ease-in-out;word-wrap:break-word;
	/* from #fncmenu > ul li a:link, #fncmenu > ul li a:visited */
    border: 1px solid #000000;
    padding: 4px 0;
    text-align: center;
    color: #000007;
    z-index: 100;
	letter-spacing:2px;
}

#fncmenu .mnupos1 {background: #E42D55;}
#fncmenu .mnupos2 {background: #7EC15D;}
#fncmenu .mnupos3 {background: #F6D019;}
#fncmenu .mnupos4 {background: #9999FF;}
#fncmenu .mnupos5 {background: #F67325;}
#fncmenu .mnupos6 {background: #38A4BC;}
#fncmenu .mnupos7 {background: #E4362D;}

#fncmenu > ul li ul li.sep2 {
    border-top-style: double;
    border-top-width: 5px;
}
#fncmenu > ul li ul li.sep1 {
	text-shadow:none;
    font-weight: bold;
    letter-spacing: 1.3px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
}
#fncmenu > ul li ul li.has-sub > a::after {   /* RSC  puts in > for 3rd level */
    top: 1px;
  /*  background: #ffffff; 
    width: 12px;
    height: 15px;
    border-radius: 2px;
----------------
    position: absolute;
    right: 0px;
    display: block;
    content: ">";
    font-size:16px;
    font-weight:bold;
*/
}
#fncmenu > ul li ul li.has-sub > a {letter-spacing:1px;}




    
}


  /*  Hdr-Nav responsive      was 769   tried 780, then back */
@media (max-width:768px),  (hover: none) {
.header   {display:none;}		/*  TEMP  FNC header area  */
/* Position content below the fixed banner/menu bar for touch menu */
.content_box {padding-top:60px;}      /* orig wide pages */
.ui-page  {padding-top:60px;}         /* orig JQM pages */

.fncj-navigation__checkbox:checked+.fncj-main .fncj-mobile-topbar{-ms-transform:translateX(min(400px, 80%));transform:translateX(min(400px, 80%))}    /*  was 80% */
.fncj-navigation__checkbox:checked+.fncj-main .fncj-mobile-navigation{left:0;opacity:1}
.fncj-navigation__checkbox:checked+.fncj-main .fncj-section__gutter{-ms-transform:translateX(80%);transform:translateX(80%)}
 
.fncj-mobile-topbar{position:fixed;z-index:11;width:100%;height:60px;top:0;left:0;box-shadow:0 0 20px rgba(0,0,0,.1);/*background:rgba(255,255,255,.9)*/;transition:transform .3s ease-in-out}
.fncj-mobile-navigation{position:fixed;z-index:100;opacity:0;top:0;left:-80%;width:min(400px, 80%);/*rsc 11/22 var/calc width, was 80%  */height:100%;background-color:#fff;box-shadow:0 0 45px rgba(51,51,51,.15);transition:left .3s ease-in-out,opacity .3s ease-in-out}

.fncj-mobile-navigation .fncj-nav__toggle-button{box-sizing:border-box;width:42px;width:4.2rem;height:42px;height:4.2rem;position:absolute;right:0;outline:0;cursor:pointer;border:none;background-color:rgba(230,230,230,.7);-webkit-tap-highlight-color:transparent;text-align:center;display:block;border-radius:0;top:0}
.fncj-mobile-navigation .fncj-nav__toggle-button:after,.fncj-mobile-navigation .fncj-nav__toggle-button:before{clear:both;display:table}fieldset{padding:0}
.fncj-mobile-navigation .fncj-nav__toggle-button:before{-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fncj-mobile-navigation .fncj-nav__toggle-button:after{-ms-transform:rotate(90deg);transform:rotate(90deg)}
.fncj-mobile-navigation .fncj-nav__toggle-button:after,.fncj-mobile-navigation .fncj-nav__toggle-button:before{content:"";position:absolute;border-radius:.1rem;width:16.8px;width:1.68rem;height:2px;height:.2rem;left:12.6px;left:1.26rem;top:20px;top:2rem;background-color:#676767;transition:all .3s ease-in-out}
.fncj-mobile-navigation .fncj-nav__item--last-opened>.fncj-nav__toggle-button:after,.fncj-mobile-navigation .fncj-nav__item--last-opened>.fncj-nav__toggle-button:before{-ms-transform:rotate(0);transform:rotate(0)}
.fncj-mobile-navigation .fncj-mobile-navigation-container{height:100%;overflow-y:scroll}
.fncj-mobile-navigation .j-nav-variant-nested{position:relative;padding-bottom:100px}
.fncj-mobile-navigation ul{list-style:none;margin:0;padding:0}
/* added tlde   top-level dropdown expansion */
.fncj-mobile-navigation a:link,.fncj-mobile-navigation a:visited,.fncj-mobile-navigation .tlde{display:block;background-color:#fff;color:#666;padding:11px 50px 10px 10px;text-decoration:none;border-left:3px solid transparent;text-transform:uppercase;font-size:14px!important;font-size:1.4rem!important;line-height:1.5!important;transition:background-color .3s ease-in-out,color .3s ease-in-out}
.fncj-mobile-navigation .j-nav-has-children{position:relative}
.fncj-mobile-navigation .j-nav-has-children>ul{position:relative;display:none}
.fncj-mobile-navigation .fncj-nav__item--last-opened>ul{display:block}
/*  .fncj-navigation .j-nav-level-0{min-width: clamp(100%, 150%,500px);}     rsc 10/22 calc width of responsive menu popout, in place of 80% */
/* padding for 2nd level nav stacked items;  left indent orig; rsc add top/bottom to tightn up ; was 11 top, 10 bottom */ 
.fncj-mobile-navigation .j-nav-level-1 li>a:link,.fncj-mobile-navigation .j-nav-level-1 li>a:visited{padding-left:25px; padding-top:8px;padding-bottom:7px;}
.fncj-mobile-navigation .j-nav-level-2 li>a:link,.fncj-mobile-navigation .j-nav-level-2 li>a:visited{padding-left:35px}

.fncj-navigation__label{position:absolute;display:inline-block;padding:10px;top:10px;left:10px;z-index:13;cursor:pointer}

.fncj-navigation__icon,.fncj-navigation__icon:after,.fncj-navigation__icon:before{border-color:#333;transition:all .3s;border-top-width:3px}
.fncj-navigation__icon{width:30px;position:relative;margin:8px 0}
.fncj-navigation__icon:before{top:-11px}
.fncj-navigation__icon:after{top:5px}
.fncj-section__gutter{transition:transform .3s ease-in-out}

}


@media (max-width:768px) {
.container {width:100%;margin:0 auto;}
.page {width:100%;}
}
@media (max-width:768px) {
a.goanchor::before {
    display: block;
    content: " ";
    margin-top: -60px;
    height: 60px;
    visibility: hidden;
}
}

@media only screen and (min-device-width :320px) and (max-device-width :480px),
/* @media */  (max-width: 799px)
{ 

}

@media (min-width:1170px){
	.fncj-section__gutter{max-width:1040px;margin-top:35px;border-radius:2px;box-shadow:0 0 3px 3px rgba(51,51,51,.3)}
	}



/*  ==========================================================================
    Common menu controls - what items to display different times of the year */
.fncmenuc > ul li.item1a {display:none;}  /* Buy buttons main menu item not in horizontal menu  SEE NARROW MENU BELOW */
.fncmenuc > ul li.item1b {display:none;}  /* Buy buttons main menu item not in horizontal menu */
.fncmenuc > ul li ul li.item2a {display:none;}  /* Performances Preview menu item */
.fncmenuc > ul li ul li.item2b {display:none;}  /* All activities list menu item */
.fncmenuc > ul li ul li.item2c {display:none;}  /* whats new menu item */
.fncmenuc > ul li ul li.item2d {display:none;}  /* for kids menu item */
.fncmenuc > ul li ul li.item2e {display:none;}  /* button free menu item */
.fncmenuc > ul li ul li.item2f {display:none;}  /* buy buttons, under event menu */ 
.fncmenuc > ul li ul li.item2g {display:none;}   /* sched charts and printable schedules */
.fncmenuc > ul li ul li.item2h {display:none;}   /* printable schedules item in sitemap */
.fncmenuc > ul li ul li.item2j {display:list-item;}   /* show ;last year' heading under performance menu */
.fncmenuc > ul li ul li.item2n {display:none;}   /* show ;last year' activities list under performance menu */
.fncmenuc > ul li ul li.item2k {display:none;}   /* venues item */
.fncmenuc > ul li ul li.item2m {display:list-item;}   /* last years photo  gallery */
.fncmenuc > ul li ul li.item3a {display:list-item;}  /* faq */
.fncmenuc > ul li ul li.item3b {display:list-item;}  /* button info */
.fncmenuc > ul li ul li.item3c {display:none;}  /* food */
.fncmenuc > ul li ul li.item3d {display:none;}  /* buses */
.fncmenuc > ul li ul li.item3e {display:none;}  /* parking */
.fncmenuc > ul li ul li span.item3cs {display:none;}  /* show (last year) under food  none/inline */
.fncmenuc > ul li ul li.item3h {display:none;}  /* restaurants */
.fncmenuc > ul li ul li.item3k {display:none;}  /* volunteer open positions */
.fncmenuc > ul li ul li.item3m {display:none;}  /* buy buttons, under general info menu */ 
.fncmenuc > ul li ul li.item3n {display:none;} /* HQ  */
.fncmenuc > ul li ul li.item4c {display:none;}  /* be a friend */
.fncmenuc > ul li ul li.item4d {display:list-item;}  /* Be a venue volunteer */
.fncmenuc > ul li ul li.item4e {display:none;}  /* Amazon smile */
.fncmenuc > ul li ul li.item4h {display:none;}  /* thank volunteers */
.fncmenuc > ul li ul li.item4m {display:list-item;}   /*  Volunteer  */
.fncmenuc > ul li ul li.item4p {display:none;}  /*  All volunteering  */
.fncmenuc > ul li ul li.item4s {display:none;}  /* volunteer open positions */
.fncmenuc > ul li ul li.item4v {display:none;} /* HQ merchandise, under support purchase  */
.fncmenuc > ul li ul li.item5e {display:none;}
.fncmenuc > ul li ul li.item5g {display:none;}  /* last year all ent */
.fncmenuc > ul li ul li.item5n {display:none;}  /* mural */
.fncmenuc > ul li ul li.item5r {display:none;}  /* last years schedule */
.fncmenuc > ul li ul li.item5o {display:none;}  /*  Entertainmen */
.fncmenuc > ul li ul li.item5p {display:none;}  /*  Entertainment: 2016  */
.fncmenuc > ul li ul li.item5q {display:none;}  /*  Entertainment: 2015  */
.fncmenuc > ul li ul li.item5s {display:none;}  /*  Entertainment: 2017  */
.fncmenuc > ul li ul li.item5v {display:none;}  /*  Entertainment: 2018  */
.fncmenuc > ul li ul li.item5x {display:none;}  /*  Entertainment: 2019  */
.fncmenuc > ul li ul li.item6b {display:none;} /* Newsletter   */
.fncmenuc > ul li ul li.item6c {display:list-item;} /* Policies   */
.fncmenuc > ul li ul li.item6d {display:none;} /* HQ  */
.fncmenuc > ul li ul li.item6f {display:list-item;} /* Committee Info  */
.fncmenuc > ul li ul li.item6q {display:none;}  /* committee open positions */

/*  Special Overrides  */

/* Touch screen & narrow menu modifications - do not display or do not display on phones & tablets - same dimensions as menu controls  */
@media (max-width:768px), (hover:none) {
.sep2 {margin-left:25px;margin-right:50px;padding-left:calc(50% - 85px);font-weight:bold;background:greenyellow;}
.fncj-nav__list-item-1 .fncj-nav__toggle-button {display:none;}
.fncmenuc > ul li.item1a {display:none;}  /* Buy buttons main menu item not in horizontal menu */
.fncmenuc > ul li.item1b {display:none;}  /* Buy buttons main menu item not in horizontal menu */

.fncmenuc > ul li.item1a {display:none;}  /* Buy buttons narrow menu */
.fncmenuc > ul li.item1b {display:none;}  /* Buy buttons narrow menu  */
.lbrkwide {display:none;}                 /* inter-line break on Be a Volunteer menu ietm */
}
/* Narrower / phone menu modifications - do not display on phones , but leave on touch iPads / tablets. Dimension <= 767px (iPad)
         hide history pages in the menu for devices <500 px wide  OR  <500 height   */
	/* Override 12/2022 with max 50 instead of 500 */
@media (max-device-width:50px), (max-device-height:50px) {
.fncmenuc > ul li ul li.item5a {display:none;}  /* history buttons */
.fncmenuc > ul li ul li.item5j {display:none;}  /* history separator for exhibits */
.fncmenuc > ul li ul li.item5k {display:none;}  /* history programs */
.fncmenuc > ul li ul li.item5l {display:none;}  /* history town photos */
.fncmenuc > ul li ul li.item5m {display:none;}  /* history photo galleries */
.fncmenuc > ul li ul li.item5o {display:none;}  /* history entertainment */
}
/* Sitemap page uses same menu */
#sitemapdiv .sep1 {display:none;}
#sitemapdiv {font-size:1.3em;line-height:1.4em;}
#sitemapdiv ul ul {margin:0;}


	
/*  Hybrid pages jqm within new header / menu */	
@media (min-width: 769px) {
.ui-page.pgcontain1 {
    max-width: 700px !important;
}
}

/*  collect all font sizes and styling together */

/* test of font size line height to see how apply across all pages */
.format_text {	/* for large screen format */   /*  override L51 above */
    line-height: 2rem;
    font-size: 1.5rem;
}



/*  from resp J18 */
.blktitl2 {font-size:1.5em;font-weight:bold;line-height:1.1em;}
.tagline2 {font-family:Corbert, Corbert-win, san-serif-font, Arial, Helvetica, sans-serif;}
@media only screen and (min-device-width :320px) and (max-device-width :480px), (max-width: 768px) {   /* last # was 799  */
.blkU {font-size:16px;} /* match jqm ui-inner */
.topwrap {font-size: 1.0em;}  /* match smartphonecss jqm list seperator */
.blktitl1 {font-size:1.2em;}
.catblkshowt {font-size:1.2rem;font-style:italic;line-height:1.3rem;}
.tagline1 {line-height:1.0em;color:#666;font-family:Corbert, Corbert-win, san-serif-font, Arial, Helvetica, sans-serif;}
   /*  Clicker support - live blocks on small screen  */
.clicker  {font-weight: bold;}
}

/* Specialty Vol page */
.spvolcol1 {float:left;width:50%;}
.spvolcol2 {float:right;width:45%;border-left:1px solid black;padding-left:1em; }
@media (max-width:768px) {
.spvolcol1, .spvolcol2 {float:none;width:100%;border-left:none;padding-left:inherit;}
.spvolphotos {display:none;}	
}
/*  Buy Buttons page */
@media (min-width:769px) {
.buybuttons .buybutc1 {float:left;width:50%;}
.buybuttons .buybutc2 {float:left;width:45%;padding:0 2%;}
}
/*		*/
.nav-tabs li {float:left;min-width:200px;}
@media (max-width:768px) {
.nav-tabs li {float:none;line-height:1.3em;}
}



/* Preview pages 
.performances .catblkshowt, .specialevents .catblkshowt, .buttonfree .catblkshowt, .new2019 .catblkshowt {display:none;} */
.p-perflist {display:block;}  /* perf times and venue list on jqm performer pages */
.venupgfood {display:none;}
.prelimnote {display:none;}  /* need to remove text */
.restaurantlist {display:none;}
.norestaurantlist {display:inline;}
.latefwok {display:none;}      /*  late FW on the sched?? */
.cjazzref {display:none;} /* show link to Cjazz page on performances page */
.schedpgsonline {display:inline;}  /* schedule page is OK, for ref from faq or other pages   none/inline */
.bfpgok  {display:inline;}   /* ref to button-free page; it is online (also other pages like food vendors)  none/inline */
.bfpgoff {display:none;}   /* ref to button-free page; none/inline it is not online, no href */
.foodpgok  {display:none;}   /* ref to food page; it is online (also other pages like food vendors)  none/inline */
.foodpgoff {display:inline;}   /* ref to food page; none/inline it is not online, no href */
/*   HQ   variables  */
.hqstartexact {display:none;}	/* display exact hq opening date */
.hqstartmiddec {display:none;}  /* display hq opens mid-dec */
.hqhours   {display:none;}
.hqclosed  {display:block;}
.hqmerch {display:none;}     /* HQ merchandise section */
.hqpageok  {display:none;}     /* ref to hq page; none/inline it is not online, no href */
.hqpageoff {display:inline;}   /* ref to hq page; none/inline it is not online, no href */

/*   Button pages time dependent  */

.earlysalesccb {display:none;} 	/* summer - Oct early button sales at CCB, info pg  none/inline */
.nobtnsinstores  {display:none;}	/* show Jan - summer, no buttons yet in stores */
.btnsalert {display:none;}		/* says sign up for fnc emails/alerts for button sale start  */
.nobtnsonline  {display:none;}   /* says no buttons on sale online */
.btnsonlineoctxx {display:none;} /* says online starts Oct xx */
.btnscallsoon {display:none;} /* says shipping ends soon */
.btnsonlineendsoon {display:none;}     /* online button sales end soon  */
.btnsonlineended {display:block;}	/* says online button sales have ended  (late Dec) */
.btnsonline {display:none;}	/* buttons are for sale online */
.btnstorelink {display:none;}  /* link to button store page  none/block */
.btnsonlineonly {display:none;} /* buttons for sale only online - while HQ open */
.btnscall {display:none;}	/* on during will-call-only ordering period */
.btnsship {display:none;}	/* on during shipping (& order will-call) period */
.getclose {display:none;} /* late Dec; as get close..  on info pg */ 
.pickupathq {display:none;}	/* pickup at HQ message */
.btnsnowonsale {display:none;}	/* says buttons now on sale at some stores */
.btnstorelist  {display:none;}		/* show when there is a store list selling buttons (any) */
.bos-hq	{display:none;}  /* buttons on sale, or for pickup, at HQ */
.bos-cc5	{display:none;}  /* buttons on sale at CC5 */
.bos-ccb	{display:none;}  /* buttons on sale at clothing bar */
.bos-cof	{display:none;}  /* buttons on sale at chat outfitters */
.bos-ort	{display:none;}  /* buttons on sale at Orpheum theater */
.bos-scl	{display:none;}  /*one buttons on sale at south chat liq */
.bos-pcc	{display:none;}  /* buttons on sale at Puritan */
.bos-snow	{display:none;}  /* buttons on sale at Snows */
.bos-cph	{display:none;}  /* buttons on sale at Chatham Paint */
.bos-hpd	{display:none;}  /* buttons on sale at Harwich Paint */
.bos-sal	{display:none;}  /* buttons on sale at Shop Ahoy Liquors */
.bos-ending {display:none;}

/*   General pages   ON / OFF  switches  */
.latefwok {display:none;}    /* late FW on the sched?  */
.bussponsor {display:none;} /* buses has sponsor? */
.sbstack_item.sbsmile  {display:none;} /* Amazon smile */
.amzsmile  {display:none;} /* Amazon smile */
.catblkshowt {font-size:1.2rem;font-style:italic;}
.ph32cr {font-size:1.2rem;}


/*  from style J18 */
.catblktitle1 {font-size:1.5em;font-weight:bold;line-height:1.1em;}
.descr1, .tagline1, .catblkaddr, .catblkppn, .catblklink .lmenu {font-family:Corbert, Corbert-win, san-serif-font, Arial, Helvetica, sans-serif; line-height:1.5em;}
.phmidcr {font-size:.8em;font-style:italic;}
/* Colorbox popup blocks - artist bio */
.popbio {font-size:1.5em;}
.pgcontain1 .popbio {font-size:1em;}
.popjobdescr {font-size:1.5em;}
.fdloc1 {font-size:large;}
.fvendtitle2 {font-size:1.2em;font-weight:bold;}
.restaddr {font-size:1.2em;font-weight:bold;}
.restph, .resthrs {font-size:1.2em;font-weight:bold;}
.resttagline {font-size:1.2em;line-height:1.3em;}
.restresv {font-weight:bold;}

/*  new subtitl 2025  */
.subtl1 {font-size:1.8rem;font-style:italic;margin:1px 0px 6px 245px;font-weight:550;font-family:serif;background-color:#eeecbd;width:fit-content;display:table;}        /*  #f7dec2 was bg color  */
.pgcontain1 .subtl1 {font-size:2rem;font-style:italic;margin:auto;margin-bottom:4px;font-weight:550;font-family:serif;text-align:center;width:inherit;display:table;}


/*  2020-2021  special  */
.catblkshowt.catblkshowt20h {display:none;}
.catblkshowt.catblkshowt20s {display:block;}
@media (max-width:1200px) {
.catblkshowt.catblkshowt20h {margin-left:40px;}
.catblkshowt.catblkshowt20s {margin-left:40px;}
.catblkshowt.catblkshowt20 {margin-left:40px;}
}

/*   11/22 NEW  */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 768px) {
.catblkshowt {display:none;}
}



/* New footers  11/22 */
#footer {
    background: url("../images/bg_footer.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-width: 0;
    border-color: #ddd;
    border-style: double;
    clear: both;
    color: #000;
    padding: 1em 0 10px;
    text-align: center;
    font-size:1.2em;
}
#footer p {
    background: none repeat scroll 0 0 #7384c1;
    clear: both;
    font-size: 11px;
    line-height: 20px;
    margin: 10px 0 0;
}
#footer a {
    border-width: 0;
    color: #000;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer {width:98%;margin:auto;margin-bottom:2px;border: solid black 2px;background:none;background-color:#e1f088;}

#footer a {text-decoration:underline;}
#footer2 {width:98%;margin:auto;padding-top:5px;padding-bottom:5px;border: solid black 2px;background-color:#bde2cc;}
.pgcontain1 #footer2 {margin-top:20px;}
#footer2 a {text-decoration:underline;}
.f2smimg2 {width:40px;max-width:40%;margin-left:5%;}
.f2smimg1 {width:40px;max-width:40%;margin-right:10%;}
.f2btnimg {width:80px;max-width:95%;}
.f2d1 {width:20%;text-align:center;float:left;margin:auto;}
.f2d2 {float:left;width:18%;margin-left:2%;text-align:left;font-size:.75em;}
.f2d3 {float:left;width:18%;margin-left:2%;text-align:left;font-size:.75em;}

@media (max-width:420px) {    /*  768 px  */
.f2d1 {width:18%;}
.f2d2 {font-size:.8rem;margin-right:2%;width:auto;}
.f2d3 {width:auto;}
}
/*  Footer 3 for detail pages and Ent lists */
.pgcontain1 #footer2 {margin-bottom:40px;}
#footer3, #footer4, .ffoot {
  box-sizing:border-box;
  font-size:.8em;
  z-index:255;
  position: fixed;
   left: 50%; /* Centers the footer horizontally */
  transform: translateX(-50%); 
  bottom: 0;
  width: 670px;
  background-color: #676767;
  color: white;
  text-align: center;
 /*   padding: 10px 0;   */
  text-decoration:none;
}
#footer3 a, #footer4 a {
  text-decoration: none;
  color: white;
}
@media (max-width:768px)  {
#footer3, .ffoot  {width:100%;}
}
.f3d2, .f4d2 {width:20%; float:left;border-width:1px 0px 0px 1px; border-color:black;border-style:solid;box-sizing:border-box;}
.f3d0, .f4d0 {width:20%; float:left;border-width:0px 1px 0px 0px; border-color:black;border-style:solid;box-sizing:border-box;}
.f3d1, .f4d1 {width:calc(80% - 2px);margin-left:calc(20% + 2px);background-color:#4655a2;}
.f3ib, .f4ib {/*  padding:15px 10%;width:80%; */}

#footer4 {width:900px;background-color: #4655a2;}   /* Unique footer 4 */
.f4d1    {margin-left:0;width:100%;padding:2px 0;}
.f4d2, .f4d0 {width:25%;padding:3px 0;background-color: #676767;}
.f4bg {width:80%;margin:auto;}
@media (max-width:900px)  {
#footer4 {width:100%;}
.f4bg {width:100%;}
}