/*   Media queries:
          on laptop, narrow window or wide window  OK.
		  on phone, always narrow view      ie width <799
		  on tablet, switch ----
     any need to use device width?  just window width?
*/

.mbar2   {display:none;}          /* what was this for??? */
.noshow {display:none;}
/* Item temporary hiding   */
.munson_gallery	{display:none;}
.village_cafe   {display:none;}
.chatham_bakery	{display:none;}
.chatham_bag	{display:none;}
.box_office	{display:none;}
.princess_cleaners	{display:none;}
.clamshell_designs	{display:none;}
/*	7/13	Homeicon popup on home page	*/
#homescreenpopup {width:360px;min-height:100px;margin-bottom:40px;background-color:yellow;font-weight:bold} /* default size - device dependent	*/
/*   7/13 tighten up footers - on category pages, icon on side. On detail pages, top icon spacing adjusted */
.footerpad {padding-left: 20px; padding-right: 20px}    /*   plus some per-device settings  */
.ui-navbar li .ui-btn-icon-top .ui-btn-inner {padding-top: 25px;padding-bottom:3px}

/* home page -  list  , sqeeze out space top & bottom of collapsible items  */
.index-wrapper .ui-collapsible-inset {margin:0;}

/*   Sort button popup on category pages   */
.popbox1 {background-color:white;}
.popbox2 {background-color:#d5d5d5;}
.popbox1 .sort-dist-btn {min-width:200px;padding:5px 0px 0px 0px;}
.popbox2 .sort-dist-btn {min-width:200px;padding:5px 0px 10px 0px;}
/*   Text background when no sort/no distances   */
.nosort-dist1 {background-color:yellow;padding:10px;margin-bottom:10px;font-weight:bold;}
.nosort-dist2 {background-color:yellow;padding:10px;margin-bottom:10px;font-weight:bold;}
/*    Map on detail page   */
.ui-header .ui-title { margin-right:20px; margin-left:20px; }
.ui-footer .ui-title { margin-right:20px; margin-left:20px; white-space:normal; }
.ui-btn-inner { padding: .6em 7px; }
.ui-body-e { border: 1px solid #66eedd; color: #222222; text-shadow: 0 0px 0 #fff; background: #c2e4d2; }


#map_square {height: 120px; width: 120px; border: 2px solid #aaa; }
.dtl_map {height:120px;width:100px;border:2px solid #aaa;
	float: right;
/*	width: 70px;	*/
	padding: 2px 0;
	margin: 0 3% 0 0;
	display: inline;
}
.fading-msg { 
	padding: .6em; text-shadow: none; text-align: center; margin: 120px auto; font-weight: bold;
    border: 0; max-width: 260px; min-width: 110px; 
}

.map_caption {
font-weight:bold;
width:120px;
}
/*	Map popup on detail page	*/
.ifrMap {width:480px;height:320px;}		/* default size - device dependent	*/
#map_canvas {width:480px;height:320px;}		/* default size - device dependent	*/


html { height: 100%;  }
body { height: 100%; margin: 0; padding: 0; }    /*  background-color:#f0fff0 }  */

/*	Mobile Chatham formats     
  	Detail page 		*/
.left_stack {float:left; width:250px;}   /*  Details page;  kept it left for map on right  */
.right_stack {float:right;
		padding-left:10px;}			/* in case of long title, even landscape, keep some space  */
.dtlpg-nameaddr 	{font-weight:bold;}
.p-descrip		{clear:both;}
.catgpg-nameaddr	{font-weight:bold;}
.catgpg-textsummry      {font-size:.9em;}
.cat-block		{padding:10px;border-bottom: solid 2px #DDD;}




.dtlpgppn  {			/* plain phone number on details page, for member/town - per device; hidden when button shows  */
   display:block;
}
.dtlpgppn1 {			/* plain phone number on details page, for non-member - per device; hidden if button shows  */
   display:block;
}
.pnb2  {			/* phone number button on details page, for member/town - per device; hidden on non-mobile  */
   display:none;
}
.pnb21 {			/* phone number button on details page, for non-member; mobile devices;  default hidden */
   display:none;
}
.lpnb21 {			/* phone num on details page, for non-member; mobile devices;  linked but not button */
   display:none;
}
.apnb2 {  }			/* phone number button link class, on details page  */

ul li span.mapb {		/* div map button on category page */
  display:none;			/*  block OR none  */
}
ul li a.mapb {			/* button class on  map  button */
  margin-right:20px
}
.kwfilt {display:none}		/* category , keywords on cateegory pages, for filtering use  */



/*	Image on detail page	*/
.dtl_image {
max-width: 150px;
max-height:100px; }
/* 	end detail page image	*/

/*.blklink .ui-content .ui-listview {
  margin-top:-5px     
}			*/
/*	end	*/

div.member1 {
background-image:url('../images1/featured-background.jpg');		/*   :none;  does transparent  */
background-repeat:no-repeat;
margin-top:-4px;
margin-bottom:5px;
overflow:hidden;
}



/*	Popup on category pages	*/
.ui-header .ui-btn-inner { font-size:10px;}
.myhide {display:none;}
.ui-li-static.ui-li.myhide {display:none}	/*  7/13  needed to hide static (non-button) catg entries, eg post offices  */
#popupPanel-popup {
    right: 0 !important;
    left: auto !important;
}
#popupPanel {
    width: 250px;
    border: 1px solid #000;
    border-right: none;
    background: rgba(0,0,0,.5);
    margin: -1px 0;
}
#popupPanel .ui-btn {
	width:90%;
	margin-left:auto;
	margin-right:auto;
/*    margin: 2em 15px;     	*/
}
/*	End of Popup format	*/

/*	Links Popup on details pages	*/
.lnkpop {
min-width:250px;
}


/*      Content area layout      */

.header-title {
padding-left:75px;
text-align:center;
}

/*  Old stuff below??   ---------------------------------------------------------*/
floatRight { 
    float: right;
}

floatLeft { 
    float: left;
}

img.floatRight { 
    float: right; 
    margin: 8px 8px 8px 25px;
}

img.floatLeft { 
    float: left; 
    margin: 10px;
    width:50px
}


/*    Default for classes/regions that may be sized by device     */
.screen_size_A {display:none;}
.screen_size_B {display:none;}
.screen_size_C {display:none;}
.screen_size_D {display:none;}
.screen_size_E {display:none;}
.screen_size_F {display:none;}
.screen_size_G {display:none;}
.screen_size_H {display:none;}
.screen_size_I {display:none;}
.screen_size_J {display:none;}
.screen_size_K {display:none;}
.screen_size_L {display:none;}
.screen_size_M {display:none;}
.screen_size_N {display:none;}
.screen_size_O {display:none;}

/* Where needed?  */
/* .ui-dialog .ui-header  {margin: 2% auto 0px auto; }  */ /*  top  right bottom  left  */
/* .ui-dialog .ui-content {margin: 0px auto 0px auto; } */   /*  top  right bottom  left  */
/* .ui-dialog .ui-footer  {margin: 0px auto 5% auto; } */  /*  top  right bottom  left  */
/*   Home page top photo   */
.home_photo .ui-content{padding:0}
.home_photo img{padding-top:1px;padding-bottom:12px;display:block;margin-left:auto;margin-right:auto}
.laptop-prose {display:none;}
.mobile-only {display:block}
/*   Media Queries below:  css-tricks.com/snippets/css/media-queries-for-standard-devices/         */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width :320px) and (max-device-width :480px)
{
.screen_size_A {display:block;}
.laptop-prose {display:none;}
.home_photo .ui-content{padding:0}
.home_photo img{width:70%;display:block;margin-left:auto;margin-right:auto}
ul li div.catblkppn { display:none;}		/* plain phone number, on category pages  - per device  */
ul li div.pnb { display:block;}			/* div phone number button on category pages - per device ; block or none  */
.dtlpgppn  {display:none;}			/* plain phone number on details page, for member/town - per device; hidden when button shows  */
.pnb2  {display:block;}			/* phone number button on details page, for member/town - per device; hidden on non-mobile  */
.dtlpgppn1 {			/* plain phone number on details page, for non-member - per device; hidden if button shows  */
   display:none;
}
.lpnb21 {			/* phone num on details page, for non-member; mobile devices;  linked but not button */
   display:block;
}
.gxlate1 {display:nonex}
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px)
and (max-device-width : 480px)
{
.screen_size_B {display:block;}
.home_photo .ui-content{padding:0}
.home_photo img{width:30%;display:block;margin-left:auto;margin-right:auto}
/*	Map popup on detail page	*/
.ifrMap {width:420px;height:200px;}		/* size - device dependent	*/
#map_canvas {width:420px;height:200px;}		/* size - device dependent	*/
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
.screen_size_C {display:block;}
ul li a div.catblkicon, ul li div.catblkicon {
  height: 85px;				/* height of the icon space  - works with left margin of phone button; enlarge on phone potrait 7/13 */
}
/*	Image on detail page	*/
.dtl_image_space {min-height:50px;}   /* leave space so title does not collide with distance */
/*	Map popup on detail page	*/
.ifrMap {width:275px;height:290px;}		/* size - device dependent	*/
#map_canvas {width:275px;height:290px;}		/* size - device dependent	*/
}
/* Tablet - something bigger than phone (portrait and landscape) ----------- */
@media only screen and (min-device-width :481px) and (max-device-width :1024px)
{
.screen_size_L {display:block;}
.home_photo .ui-content{padding:0}
.home_photo img{width:50%;display:block;margin-left:auto;margin-right:auto}
ul li div.catblkppn { display:none;}		/* plain phone number, on category pages  - per device  */
ul li div.pnb { display:block;}			/* div phone number button on category pages - per device ; block or none  */
.dtlpgppn  {display:none;}			/* plain phone number on details page, for member/town - per device; hidden when button shows  */
.pnb2  {display:block;}			/* phone number button on details page, for member/town - per device; hidden on non-mobile  */
.dtlpgppn1 {			/* plain phone number on details page, for non-member - per device; hidden if button shows  */
   display:none;
}
.lpnb21 {			/* phone num on details page, for non-member; mobile devices;  linked but not button */
   display:block;
}
}
/* Tablet - something bigger than phone (landscape) ----------- */
@media only screen
and (min-device-width : 481px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.screen_size_M {display:block;}
.home_photo .ui-content{padding:0}
.home_photo img{width:30%;display:block;margin-left:auto;margin-right:auto}
.ifrMap {width:400px;height:350px;}		/* default size - device dependent	*/
#map_canvas {width:400px;height:350px;}		/* default size - device dependent	*/
}
/* Tablet - something bigger than phone (portrait) ----------- */
@media only screen
and (min-device-width : 481px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.screen_size_N {display:block;}
.ifrMap {width:450px;height:500px;}		/* default size - device dependent	*/
#map_canvas {width:450px;height:500px;}		/* default size - device dependent	*/
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width :768px) and (max-device-width :1024px)
{
.screen_size_D {display:block;}
.gxlate1 {display:nonex}
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.screen_size_E {display:block;}
.ifrMap {width:500px;height:500px;}		/* size - device dependent	*/
#map_canvas {width:500px;height:500px;}		/* size - device dependent	*/
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.screen_size_F {display:block;}
.ifrMap {width:500px;height:500px;}		/* size - device dependent	*/
#map_canvas {width:500px;height:500px;}		/* size - device dependent	*/
}
/* Desktops and laptops ----  web tips say min-width:1224px, but change to any device (not window) wider than tablet landscape 1024+ */
@media only screen and (min-device-width :1025px)
{
.screen_size_G {display:block;}
.home_photo .ui-content{padding:0}
.home_photo img{width:50%;display:block;margin-left:auto;margin-right:auto}
ul li div.tagline1 {
  width:300px;		/* width of tagline area, on 500px wide laptop browsers */
}
.ui-page {
                width: 500px !important;
                margin: 0 auto !important;
                position: relative !important;
 /*               border-right: 5px #666 outset !important;
                border-left: 5px #666 outset !important;		*/
		background-color:#ffffff;
            }
.ui-footer-fixed {
                width: 500px !important;		/*  needed for JQM 1.2   */
		margin:auto;
}
.footerpad {padding-left: 50px; padding-right: 50px}  	/*  footer padding on category pages   */
.p-descrip {font-size:1.1em;}
.laptop-prose {display:block;}
.index-wrapper {width:500px; margin-left:auto;margin-right:auto;}
.mobile-only {display:none}
}
/* Large screens ----------- */
@media only screen and (min-width :1824px){
.screen_size_H {display:block;}
.home_photo .ui-content{padding:0}
.home_photo img{width:25%;display:block;margin-left:auto;margin-right:auto}
.laptop-prose {display:block;}
.mobile-only {display:none}
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio :1.5),only screen and (min-device-pixel-ratio :1.5)
{
.screen_size_I {display:block;}
.laptop-prose {display:none;}
.gxlate1 {display:nonex}
}

/* iPhone 4    Landscape    --------- */
@media only screen and (-webkit-min-device-pixel-ratio :1.5) and (orientation : landscape),only screen and (min-device-pixel-ratio :1.5) and (orientation : landscape)
{
.screen_size_J {display:block;}
}

/* iPhone 4    Portrait    --------- */
@media only screen and (-webkit-min-device-pixel-ratio :1.5) and (orientation : portrait),only screen and (min-device-pixel-ratio :1.5) and (orientation : portrait)
{
.screen_size_K {display:block;}
}

/*
	jQuery Mobile Icon Pack
	andy matthews
	@commadelimited
*/

/* Icons
-----------------------------------------------------------------------------------------------------------*/

.ui-icon,
.ui-icon-searchfield:after {
	background: #666666;
	background:  rgba(0,0,0,.4);
	background-image: url('../images1/icons-18-white-pack.png');
	background-repeat: no-repeat;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}


/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/

.ui-icon-alt {
	background: #ffffff;
	background: rgba(255,255,255,.3);
	background-image: url('../images1/icons-18-black-pack.png');
	background-repeat: no-repeat;
}

/* restore default loading image */
.ui-icon-loading {
    background: url('../images1/ajax-loader.gif');
    background-size: 46px 46px;
}

/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (min--moz-device-pixel-ratio: 1.3),
		only screen and (min-device-pixel-ratio: 1.3),
		only screen and (min-resolution: 1.3dppx) {

	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on, .ui-icon-email , .ui-icon-page,
	.ui-icon-question , .ui-icon-foursquare , .ui-icon-twitter , .ui-icon-facebook , .ui-icon-dollar , .ui-icon-euro,
	.ui-icon-pound , .ui-icon-apple , .ui-icon-chat , .ui-icon-trash , .ui-icon-bell , .ui-icon-mappin , .ui-icon-direction,
	.ui-icon-heart , .ui-icon-wrench , .ui-icon-play , .ui-icon-pause , .ui-icon-stop , .ui-icon-person , .ui-icon-music,
	.ui-icon-rss , .ui-icon-wifi , .ui-icon-phone , .ui-icon-power , .ui-icon-lock , .ui-icon-flag , .ui-icon-calendar,
	.ui-icon-lightning , .ui-icon-drink , .ui-icon-android , .ui-icon-edit {
		background-image: url('../images1/icons-36-white-pack.png');
		-moz-background-size: 774px 54px;
		-o-background-size: 774px 54px;
		-webkit-background-size: 774px 54px;
		background-size: 774px 54px;
	}
	.ui-icon-alt {
		background-image: url('../images1/icons-36-black-pack.png'	);
	}
}

/* first row */
.ui-icon-plus { background-position: -0 -0; }
.ui-icon-minus { background-position: -36px -0; }
.ui-icon-delete { background-position: -72px -0; }
.ui-icon-arrow-r { background-position: -108px -0; }
.ui-icon-arrow-l { background-position: -144px -0; }
.ui-icon-arrow-u { background-position: -180px -0; }
.ui-icon-arrow-d { background-position: -216px -0; }
.ui-icon-check { background-position: -252px -0; }
.ui-icon-gear { background-position: -288px -0; }
.ui-icon-refresh { background-position: -324px -0; }
.ui-icon-forward { background-position: -360px -0; }
.ui-icon-back { background-position: -396px -0; }
.ui-icon-grid { background-position: -432px -0; }
.ui-icon-star { background-position: -468px -0; }
.ui-icon-alert { background-position: -504px -0; }
.ui-icon-info { background-position: -540px -0; }
.ui-icon-home { background-position: -576px -0; }
.ui-icon-search,.ui-icon-searchfield:after { background-position: -612px -0; }
.ui-icon-checkbox-off { background-position: -684px -0; }
.ui-icon-checkbox-on { background-position: -648px -0; }
.ui-icon-radio-off { background-position: -756px -0; }
.ui-icon-radio-on { background-position: -718px -0; }

/* begin icon pack definitions */
/* second row */
.ui-icon-email { background-position: -0 -18px; }
.ui-icon-page { background-position: -36px -18px; }
.ui-icon-question { background-position: -72px -18px; }
.ui-icon-foursquare { background-position: -108px -18px; }
.ui-icon-twitter { background-position: -144px -18px; }
.ui-icon-facebook { background-position: -180px -18px; }
.ui-icon-dollar { background-position: -216px -18px; }
.ui-icon-euro { background-position: -252px -18px; }
.ui-icon-pound { background-position: -288px -18px; }
.ui-icon-apple { background-position: -324px -18px; }
.ui-icon-chat { background-position: -360px -18px; }
.ui-icon-trash { background-position: -396px -18px; }
.ui-icon-bell { background-position: -432px -18px; }
.ui-icon-mappin { background-position: -468px -18px;}
.ui-icon-direction { background-position: -504px -18px; }
.ui-icon-heart { background-position: -540px -18px; }
.ui-icon-wrench { background-position: -576px -18px; }
.ui-icon-play { background-position: -612px -18px; }
.ui-icon-pause { background-position: -648px -18px; }
.ui-icon-stop { background-position: -684px -18px; }
.ui-icon-person { background-position: -720px -18px; }
.ui-icon-music { background-position: -756px -18px; }

/* third row */
.ui-icon-rss { background-position: -0 -36px; }
.ui-icon-wifi { background-position: -36px -36px; }
.ui-icon-phone { background-position: -72px -36px; }
.ui-icon-power { background-position: -108px -36px; }
.ui-icon-lock { background-position: -144px -36px; }
.ui-icon-flag { background-position: -180px -36px; }
.ui-icon-calendar { background-position: -216px -36px; }
.ui-icon-lightning { background-position: -252px -36px; }
.ui-icon-drink { background-position: -288px -36px; }
.ui-icon-android { background-position: -324px -36px; }
.ui-icon-edit { background-position: -360px -36px; }



/*    COMMON STYLEs    */
/* Preservation Award plaque images */
.cpaplk {width:100%;max-width:700px;}

.fullhdr:after, #content:after, .detailswrap:after, .listitem:after, .menuwrap:after, .dtlcontent:after, .mobdetailswrap:after, .listmain:after, .widemain:after, .rcol:after, .mobilesubmenu:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.cblk2 {display:none;}
.clr {clear:both;padding-bottom:3em;}
.menu2nd li {
    list-style-type: none;
    padding: 1px 0;
    border-bottom: 1px solid #c8c8c8;
}
.nojqm-arrow-r  {display:none;}
.dtlsubtitle2{
	font-size:1.2em;
	font-style:italic;
	text-align:center;
	}
.pov0 {display:inline;}
.pov1, .pov2, .pov3 {display:none;}

.sidedescr_p {font-size:1.5em;font-weight:bold;}
.ctldc {margin-bottom:20px;margin-left:10px;}    /*  timeline page data collpase section */
.ctldc h4 {margin:5px 0;}


@media only screen /* and (min-device-width: 1025px) */ and (min-width: 800px) {    /* Large (laptop) screen,  window >= 800px   */
.tagline1, .tagline2, .catblkaddr, .catblkppn, .catblklink .lmenu {font-family:Corbert, Corbert-win, san-serif-font, Arial, Helvetica, sans-serif; line-height:1.5em;}
* {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}
body {
    color: #333;
/*    font: normal 62.5% Georgia, 'Times New Roman', serif;   */
    background-color: #C7DDF4;
}
/*      Hide the Mobile-only sections, and show the large screen-only sections   */
.mobile {
	display:none;
	}
.container {
	background:#EFECEC;
	}
.lsidemenu {display:none;}
.rsidemenu {display:block;}
.mobilehdr {
	display:none;
	}
.jqmfooter {display:none; }
.jqmheader {display:none; }
.blklink .maindescr {display:block;}
.fullhdr {
	display:block;
	}
.fullhdrcontent {
	max-width:1030px;
	margin: 0 auto;
	padding:0 15px 0 15px;
	position:relative;
	}
.fullhdrlogowrap {
	background: black;
    padding: 8px 0 0;
	}
.fullhdrlogo {
    width: 409px;
    height: 74px;
    background-image: url(../images/home-visit-chatham4.png);
 /*   background-size: 440px 220px;     
    margin-left: -57px;              */
}
.srchbox, .gxlate1 {
	float:right;
	margin-right:10px;
	}
.menuwrap {
	background: white;
    margin-left: 390px;
    position: absolute;
    top: 50px;
	}
#content {
    width: 958px;
    margin: 0 auto;
    padding: 8px 0 0;
    background: #fff;
	}
.titlebox {
	display:block;
	text-align:center;
	}
.heading, .titlebox h1  {
	font-size: 40px;
    line-height: 46px;
	}
.subhead {
	font-size: 16px;
	font-style: italic;
	}
.title1 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0.4em;
    color: #727272;
    margin: 0 0 1em;
    line-height: 1.3;
}
.mobilesubmenu {display:none;}

.main {
	float:left;
/*	width:600px;   */
	width:100%;
	}
/*   List pages   */
.listmain {
	display:block;
	float:left;
	width:600px;
	width:75%;
	}
.list2nd, .rsidemenu {
	float:left;
	width: 180px;
   	margin: 0 50px 0 0;
	display:none;
	width: 20%;
    margin-right:3%;
	}
.listpagewrap .rsidemenu {display:block;}
.mainpicwrap {
	display:block;
	float:left;
	padding-right:10px;
	}
.mainpic {
	display:block;
	width:500px;
/*	height:400px;
	background: #ffffff url(../images/PHpic1.jpg);       removed 3/15/17 HC/MC converge */
	}
.mainpicclass8 {width:800px;}
.mainpicclass7 {width:700px;}
.mainpicclass6 {width:600px;}
.mainpicclass5 {width:500px;}
.mainpicclass4 {width:400px;}
.mainpicclass3 {width:300px;}
.mainpicclass2 {width:200px;}
.mainpic img {
/*	width:600px;						    removed/changed 3/15/17 HC/MC converge */
	width:100%;
	}
.mainslides {display:block;}
.galleria {width: 500px; height: 300px; background: #EFE7E7; }
.galleriaclass8 {width:800px; height:480px;}
.galleriaclass7 {width:700px; height:420px;}
.galleriaclass6 {width:600px; height:360px;}
.galleriaclass5 {width:500px; height:300px;}
.galleriaclass4 {width:400px; height:240px;}
.galleria-theme-classic {background: #EFE7E7; }
.maindescr p {
	font-size: 15px;
	}
.p-descrip  {
	margin: 30px 100px 0 50px;
	}
.secondary {
	float:right;
	width:350px;
	}
.dtlmap {
    float: right;
    width: 150px;
    margin: 0 0 15px 15px;
}
.dtlmap img {
    margin: 0;
    border: 2px solid #c8c8c8;
    border-bottom: none;
}
.dtlmap2 {display:none;}
.second    {display:none;}
.mainlists li {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 15px 0 0 14px;
    border-top: 1px solid #ccc;
	}
.mainlists img {
    float: left;
    margin: 0 14px 15px 0;
	width:120px;
}
.listitemdescr {
	margin-left:130px;
	}
.menu2nd {
    font-size: 15px;
    margin: 0 0 1em;
    padding-bottom: 1px;
    border-bottom: 2px solid #c8c8c8;
}
.menu2nd li {
    list-style-type: none;
    padding: 1px 0;
    border-bottom: 1px solid #c8c8c8;
}
.menu2nd li a {
    display: block;
    background: #ffffff url(/m/screen/marker-nav.gif) no-repeat 168px center;
    padding: 4px 22px 4px 16px;
	color: #2489ce;
	font-weight:bold;
}


.dtl_image_space {display:none;}
.right_stack	{display:block;}
.right_stack  .dtlmap {display:block;}
.right_stack  .map_caption  {display:none;}

.ttlx			{display:none;}
.mobdtlcontent	{display:block;}
.details		{display:none;}
.dtlpg-nameaddr, .dtlpgppn  {
    font-weight: normal;
}
.ldes1		{display:inline;}
.dtlclass 	{display:none;}

/*	.tagb:after {
   content: " ...";
	}						removed ... from tagb on large screen 4/17 */
.button {
    margin-bottom: 10px;
    padding: 3px !important;
    background: #eee;
    display: block;
    cursor: pointer;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: none !important;
    text-decoration: none !important;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 12px;
    text-transform: uppercase;
    font-weight: normal;
}
.button.right {
    float: right;
	margin-right:150px;
    display: inline-block;
}
p, ul, dl, ol {
    font-size: 13px;
    margin: 0 0 1.6em;
	}
.histch .p-descrip p {font-size:1.1em;}

a {
    color: black;
 /*   text-decoration: none;         RSC 6/19 */
}
a:hover, a:focus {
  color: black;
  text-decoration: underline;
}

.listpagewrap, .ui-page {
    width: 100% !important;
	background: #ffffff url(../images/bg-content.gif) repeat-x 0 top;
}
.mcont, .ui-content {				/* my class for ui-content  */
	width:958px;
	margin:auto;
/*	margin-top:-190px;    */
	background-color:white;
}
/*       List Pages main background images      Large screen only      */
.blklink .hdrcapt  {display:none;float:right;
	margin:80px 30px 0 0; background-color:white;
	padding:4px;font-weight: normal;font-size:.8em;
	}
#homepage.blklink .fullhdr {
	background-image: url("../images/home-bg1.jpg");
	min-height:550px;
}
#homepage .mcont {
	margin-top:-190px;	/* raise content into picture */
}
#attractions.blklink .fullhdr {
	background-image: url("../images/chathampicture.jpg");
	min-height:550px;
}
#attractions.blklink .hdrcapt  {display:block;}
#attractions.blklink .hdrcapt:after {
    content: "Pictured: Lighthouse Beach";
}
#attractions .mcont {
	margin-top:-190px;	/* raise content into picture */
}
#hc_index.blklink .fullhdr {
	background-image: url("../images/chathampicture.jpg");
	min-height:550px;
}
#hc_index.blklink .hdrcapt  {display:block;}
#hc_index.blklink .hdrcapt:after {
    content: "Pictured: Lighthouse Beach";
}
#hc_index .mcont {
	margin-top:-190px;	/* raise content into picture */
}
#beaches_parks.blklink .fullhdr {
	background-image: url("../images/chathampicture.jpg");
	min-height:550px;
}
#beaches_parks .mcont {
	margin-top:-190px;	/* raise content into picture */
}
#beaches_parks.blklink .hdrcapt  {display:block;}
#beaches_parks.blklink .hdrcapt:after {
    content: "Pictured: Lighthouse Beach";
}
#shopping.blklink .fullhdr {
	background-image: url("../images/shopping-bg1.jpg");
	min-height:550px;
}
#shopping .mcont {
	margin-top:-190px;	/* raise content into picture */
}



/*       END    list pages main background images   */


.ui-btn-icon-right > .ui-btn-inner > .ui-icon {display:none;}
.ui-listview-filter .ui-input-search {
    display:none;}
.fetrtitlewrap {display:none;}
.mcont, .ui-content {
    max-width:1000px;
    width: auto;
}
}   /* Large screen, wide window */

   
  /*      STYLING for the list entry blocks on each screen size   */
  /*	Common  */
 /*  2 lines below override JQM style on active link, for category pages block, prevent title line going white. Uncomment to remove active blur*/
.ui-btn-active div.catblktitle1{/* text-shadow: none; */}
.ui-btn-active a.ui-link-inherit div.catblktitle1{color:#666}

/*         MOBILE CHATHAM  - adapted from JQT layout, for column block on category pages	*/

/* 2014 changes */
.summer {display:none;}
/*          new changes    */
/*	This is from etour css, modified, added blklink ul li qualifier. */
.blklink ul li .ui-link-inherit {
  white-space: normal !important;     /*  makes tagline show up as 2-line, vs 1  */
  overflow: visible !important;	/*  lets phone number button pull/float up against bottom of block entry, vs too low  */
	}


.blklink .default .tagline1 {
margin-left:85px;
}
.blklink .default .ui-btn-inner /* , .blklink .member .ui-btn-inner, .blklink .town .ui-btn-inner - removed, as they broaden phone button */
{min-height:100px;}		/*  min height for block on category pages;  needed for default mostly, when no phone#  */
li div.catblktitle {
 padding: 0;
  margin: 0 !important;
  font-size:1.0em;
}
ul li div.catblkaddr {
  color: #666;
  padding-top: 4px;
  font-size: .9em;
}
ul li div.catblkdist {			/*  distance on blklink item, itemclass 7  */
  color: #666;
  float:right;
  margin-right:0px;
}
ul li a div.catblkdist {		/*  distance on blklink item, non itemclass 7  */
  color: #666;
  float:right;
  margin-right:-30px;
}
.distbase {display:none;}		/*  7/15: display of base point for distance on block lists */
ul li div.catblkdist2 {
  color: #666;
  float:right;
  margin-right:0px;
}
ul li div.catblkppn, ul li div.catblkppnc1 {color: #666; padding-top: 4px;font-size: .9em;}
.dtlpgppn, .dtlpgppn1, .lpnb21 {font-weight:bold;}
ul li div.catblkppn {		/* plain phone number  - per device  */
  display:block;
}
ul li div.catblkppnc1 {		/* plain phone number  - for non-member entry*/
  display:block;
}
ul li div.pnb {			/* div phone number button - per device */
  display:none;		/*  block OR none  */
}
ul li a.apnb {
  margin-left:5px		/* button class on  phone number button; was 100px if against left side;  5 px if against icon space*/
}
ul li a.apnb.ui-mini {
  margin-top:-4px;			/* pulls phone button under address, overlapping bottom margin of link block above */
}

/*   catblkicon      Width and height is device-specific */
ul li a div.catblkicon, ul li div.catblkicon {
  margin-right:10px;
  margin-top:5px;
  margin-left:-5px;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
}
ul li.default .catblkicon, ul li.default2 .catblkicon {	/* do not show the icon space for non-member	*/
  display:none;
}

/*	DATA THEMES	 -   common is non-featured.  Override by device and other class  */
/*	data-theme "c" changes override JQM on category listing page, background of block links, 
			was shaded gradient, and darker on hover	*/
.blklink .ui-btn-up-c, .blklink .ui-btn-hover-c {
background:transparent;
background-image:url('../images1/non-featured-background.jpg');
background-repeat:no-repeat;
}

/*	To increase top margin of listitem box due to background image line across top, increase 
			- default = 0.7em but was somehow overridden ?   .6 or .7 is enough  */
.blklink .ui-li .ui-btn-inner a.ui-link-inherit {margin-top:0.6em;}

/*	data-theme="f"  on listview items	*/
.blklink .ui-btn-up-f, .blklink .ui-btn-hover-f {
/*	background: linear-gradient(#999999, #F1F1F1) repeat scroll 0 0 #EEEEEE; */	/*  This makes the 'f' theme with grey background */
background-image:none;background:transparent;			/* This makes 'f' same as 'c', except other 'c' defaults not present	*/
}
/*	end data-theme=f	*/
/*   END DATA THEMES 	*/


.lcol {float:left;}
/*  This replaces overriding jqm style .ui-btn-up background transparent,
          but leaves hover as same as jqm .   Important may not be needed without jqm 
             NEED to make this mobile only, as full creen will not have active link     
.cblk1:hover {background:#dfdfdf !important;}
.cblk1 {background: transparent !important; }
																		*/

.lcol .catblkaddr, .lcol .catblkppn  {display:none;}

 
/*
===================================================================================================
*/

  
  /*     Large screen                       */
@media only screen /* and (min-device-width: 1025px) */ and (min-width: 800px)  {
ul li div.catblktitle1 {
    padding: 0;
    margin: 0px -30px 0px 15px !important;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.1em;
    padding: .4em 5px .7em 5px;
}
.catblksubtitle  {
	font-style:italic;
	color:blue;
	margin-left:15%;
	margin-top:-1em;
	padding-bottom:1em;
	}
ul li a div.catblkdist {display:none;}

/*    width and height for device   */
.has2img .img1 {display:none;}
.has2img .img2 {display:block;}
.lcol {width:180px;}
ul li a div.catblkicon, ul li div.catblkicon {
	width:100%;
  /*  width: 180px !important;  */
	height:auto;
}
ul li a div.catblkicon img, ul li div.catblkicon img {
    max-width: 180px;
	max-height:120px;
}
ul li.cblk2 a div.catblkicon, ul li.cblk2 div.catblkicon {
    float:none;
}
.rcol .catblkaddr, .rcol .catblkppn {display:none;}
.lcol .catblkaddr, .lcol .catblkppn {display:block;}
.lcol .catblkaddr {margin-top:10px;}
/*  Override smartphone css  */
ul li div.tagline1, ul li div.tagline2 {
		color: #666;
		padding-top: 5px;
    	font-size: 1em;
    	font-weight: normal;
    	max-height:300px;
		overflow: hidden;
		width:auto;
		}
.tagline1 {display:none;}        /* add none 4/17/17 */
.tagline2 {display:block;}
.tagc:after {
   content: " ...";
	}
	/*  HC stuff  */
.widemain {display:none;}	
.widemain .lcol {width:250px;}
.widemain ul li a div.catblkicon, .widemain ul li div.catblkicon {
	width:100%;
  /*  width: 250px !important;   */
	height:auto;
	float:none;
}
.widemain ul li a div.catblkicon img, .widemain ul li div.catblkicon img {
    max-width: 250px;		/*  leave off width on img; that will stretch it if smaller  */
	max-height:250px;
	padding-right:10px;
}
.dtlpg-weblink {margin-top:1em;}
.button.dtlpg-weblink, .button.dtlpg-fblink {float:right;margin-right:120px;width:100px;}
.dtlpg-weblink a {font-size:1.3em;padding-left:20px;padding-right:20px;}
.dtlpg-fblink a  {font-size:1.3em;padding-left:15px;padding-right:20px;}


}


/*    MOBILE STYLEs    */

/*    @media only screen and (min-device-width :320px) and (max-device-width :480px)    */
@media (max-width: 799px) {  
.mobile {
	display:block;
	}
.mobilehdr {
	display:block;
	position:fixed;
	top:0px;
	background:blue;
	z-index:1000;
	width:100%;
	height:80px;
	xmax-width:500px;	/* apparently bc 100% above inherits from ?? forpos fixed */
	}
.mobilelogo {
	xbackground-image: url("../images/home-visit-chatham4.png");
	background-repeat: no-repeat;
	height:80px;
	xwidth:371px;;	/* logo image width within, this div is centered */  /* this caused iphone 4 page width problems - device width 320 px  why was 371?  needed for BG image space?*/
	xposition:fixed;
	xleft:50%;
	xmargin-left:-200px;      /*  -15px  - 1/2 of img width to center with fixed left 50%  */
	margin:auto;
	}
.mobilelogo img {
	height:100%;
	margin:auto;
	}
.motext {color:white;
	font-weight:bold;
	}
.lsidemenu {display:block;}
.rsidemenu {position:fixed;right:-260px;}
.rsidemenu ul {padding-left:0px;}
.mobilemenu {
	width:10%;
	position: absolute;
    padding-top: 2%;
    top: 0px;
    right: 0px;
    padding-right: 3%;
	}
.mobilemenu img {
	width:40px;
	}
.lsmtitle {font-size:1.4em;margin:auto;color:black;text-align:center;}
.rsidemenu .lsmtitle {font-size:1.2em;color:black;text-align:center;line-height:30px;background:#CDE431;}    /*  change to rside title  */
.lsidemenu .lsmtitle {font-size:1.2em;color:black;text-align:center;line-height:30px;background:#CDE431;padding:5px 0;}    /*  change to rside title  */
.heading {
    font-size: 30px;
    line-height: 35px;
	text-align:center;
	}
.cbp-spmenu-vertical {
    top: 80px;
/*    width:290px;     RSC refine 4/24  leave right at 240, make left 290   */
	}
.cbp-spmenu-left, .cbp-spmenu-push-toleft {
	width:290px;
    left: -290px;				/*  needed for above width  */
}
.cbp-spmenu h3 {
	padding:3px;
	padding-left:1em;
	}
.cbp-spmenu-vertical a {
	padding: 3px;
	padding-left:1em;
	}
.cbp-spmenu-left.cbp-spmenu-open {
    overflow: scroll;
	}
.fullhdr {
	display:none;
	}
.rcol {margin-right:20px;}          /* add 5/17 */
.catblksubtitle {display:none;}
.tagline1 {display:none}            /* from blk to none 4/17/17 */
.tagline2 {display:block;}
.tagline2.hastag1 {display:block;}   /* from none to blk 4/17/17 */
.main {
	float:none;
	width:auto;
	}
.mainpic img {
	width:100%;
	}
.second {
	display:none;
	}
/* links are in jqm footer; if no jqm, display on small page */
.dtlpg-weblink, .dtlpg-fblink , .dtlpg-hdtls  {display:none;}
.nojqm  .dtlpg-weblink, .nojqm .dtlpg-fblink , .nojqm .dtlpg-hdtls  {display:block;}
/*   List pages   */
.listmain {
	float:none;
	width:auto;
	}
.list2nd {
	float:none;
	display:none;
}
	
/*	Narrow view  9hard to override for wide   */
.taga:after, .tagb:after, .tagc:after {
   content: " ...";
	}


/*    Narrow view  -  New heading, or JQM     Below is JQM header      */
.mobilehdr {display:none;}
.titlebox {display:none;}
.mainpic  {display:none;}
.mainslides {display:none;}
.galleria {width: 500px; height: 300px; background: #EFE7E7;}
.dtlcontent {display:none;}
.blklink .maindescr {display:none;}
.fetrtitle  {display:none;}
.dtlmap2 	{display:none;}
.mobdtlcontent	{display:none;}
.ldes1		{display:none;}
	/*  Special for home page */
#hc_index .mainslides {display:block;}
#hc_index.blklink .maindescr {display:block;}
}	
/*   END MOBILE STYLE   */	
   
  /*    Mobile - leave styled as JQM       */
@media (max-width: 799px) {
.has2img .img2 {display:none;}
/*	DATA THEMES	 -   */
/*	data-theme "c" changes for class=member		*/
/*    .blklink .member.ui-btn-up-c, .blklink .member.ui-btn-hover-c {
background-image:url('../images1/featured-background.jpg');	
background-repeat:no-repeat;
}											*/
/*	data-theme "c" changes for class=town		*/
/*   .blklink .town.ui-btn-up-c, .blklink .town.ui-btn-hover-c {
background-image:url('../images1/town-background.jpg');
background-repeat:no-repeat;
}												*/

ul li div.catblktitle1 {
 padding: 0;	/* top, R, bot, L  */
  margin: 0px -30px 0px -5px !important;	
  font-size:1.0em;
}
/*    width and height for device   */
ul li a div.catblkicon, ul li div.catblkicon {
  width: 80px !important;
  height: 75px;				/* height of the icon space  - works with left margin of phone button  */
}
ul li a div.catblkicon img, ul li div.catblkicon img {
max-width:80px;
max-height:55px;
}
ul li div.tagline1, ul li div.tagline2 {
  color: #666;
  padding-top: 5px;
  font-size: .7em;
  font-weight:bold;
  max-height:30px;	/* new for 2 line truncated description in tagline */
  overflow:hidden;
}
.taglbtn {display:none;}		/* hide View More in mobile view */
}

/*  HC stuff  */
@media (max-width: 10px) {
.catblktext {margin-left:255px;}
ul li div.catblktitle1 {
    padding: 0;
    margin: 0px -30px 0px 15px !important;
    font-size: 1.5em;
	font-weight:bold;
	line-height:1.1em;
	padding:.4em 5px .7em 5px 
}
.tagline1, .catblkaddr, .catblkppn, .catblklink .lmenu {
	font-family:Corbert, Corbert-win, san-serif-font, Arial, Helvetica, sans-serif; line-height:1.5em;
	}

   }
.histch .listmainul1 {display:none;}
.histch .widemain {display:block;}
/*.histch .menuwrap  {display:none;}*/
@media only screen /* and (min-device-width: 1025px) */ and (min-width: 800px)  {
/*     Historic Chatham pages only, wide screen, heavier text      */
.p-descrip p {font-size:1.1em;}
}


/*   Changes to show new Mobile layout   */
@media (max-width: 799px)    {
.histch .jqmfooter {display:none; }
.histch .jqmheader {display:none; }
.histch .mobilehdr {display: block;}
.histch .titlebox   {display:block; margin-top:80px;}
.histch .clicker  { cursor: pointer; }
.histch .listmain .ui-listview-filter {display:none;}
.histch .widemain .ui-listview-filter {display:none;}
.histch .mobilelogo {
	xbackground-image: url("../images/home-visit-chatham4.png");
	xbackground-repeat: no-repeat;
	height:80px;
	max-width:80%;
	}
}

/*   Changes to show new Mobile layout   */
@media (max-width: 799px)    {		/* real setting 799 */
.jqmfooter {display:none; }
.jqmheader {display:none; }
.mobilehdr {display: block;}
.widemain .ui-listview-filter {display:none;}
.titlebox   {display:block; margin-top:80px;}
.clicker  { cursor: pointer; }
.mobilelogo {
	xbackground-image: url("../images/home-visit-chatham4.png");
	xbackground-repeat: no-repeat;
	height:80px;
	}
}



/*   Changes to show new Mobile layout   */
@media (max-width: 799px)    {		/* real setting 799 */
.nnv .jqmfooter {display:none; }
.nnv .jqmheader {display:none; }
.nnv .mobilehdr {display: block;}
.nnv .widemain .ui-listview-filter {display:none;}
.nnv .titlebox   {display:block; margin-top:80px;}
.nnv .clicker  { cursor: pointer; }
.nnv .mobilelogo {
	xbackground-image: url("../images/home-visit-chatham4.png");
	xbackground-repeat: no-repeat;
	height:80px;
	}
.nnv .second {display:none;}
.nnv .mobdtlcontent  {display:none;}
.nnv .dtl_image_space {display:none}
.nnv .right_stack  {display:none}
.nnv .dtlmap2 {display:block;float:right;}
}

/*   Changes for new Mobile with jqm active, clicker, new menus.  Header and footer differences   */
@media (max-width: 799px)    {		/* real setting 799 */
.vcjqm .jqmfooter {display:block; }
.vcjqm .jqmheader {display:block; }
.vcjqm .mobilehdr {display:none;}
.vcjqm .widemain .ui-listview-filter {display:none;}
.vcjqm .titlebox   {display:none;}
.vcjqm .clicker  { cursor: pointer; }
.vcjqm .mobilelogo {
	xbackground-image: url("../images/home-visit-chatham4.png");
	xbackground-repeat: no-repeat;
	height:80px;
	}
.vcjqm .second {display:none;}
.vcjqm .mobdtlcontent  {display:none;}
.vcjqm .dtl_image_space {display:none}
.vcjqm .right_stack  {display:none}
.vcjqm .dtlmap2 {display:block;float:right;}
  /*   With JQM + clicker, need r-arrow styling from nojqm for the clicker div     */
.vcjqm .nojqm-arrow-r {
	display:inline;
	position: absolute;
    top: 50%;
	right:10px;
    margin-top: -9px;
	background: rgba(0,0,0,.4);
    background-image: url('../images1/icons-18-white-pack.png');
    background-repeat: no-repeat;
	background-position: -108px -0;
	border-radius: 9px;
	width: 18px;
    height: 18px;
	box-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.vcjqm .arrow-r:hover {cursor: pointer; cursor: hand;
	}
}



/*   Changes for new HC Mobile with jqm active, clicker, new menus.  Header and footer differences.  Do new header w/ menu but old jqm footer   */
.hcjqm .widemain {display:block;}
@media (max-width: 799px)    {		/* real setting 799 */
.hcjqm .jqmfooterdtl {display:block; }
.hcjqm .jqmfooterlp {display:none; }
.hcjqm .jqmheader {display:none; }
.hcjqm .mobilehdr {display:block;}
.hcjqm .widemain .ui-listview-filter {display:none;}
.hcjqm .titlebox   {display:block; margin-top:80px;}
.hcjqm .clicker  { cursor: pointer; }
.hcjqm .mobilelogo {
	xbackground-image: url("../images/home-visit-chatham4.png");
	xbackground-repeat: no-repeat;
	height:80px;
	}
.hcjqm .second {display:none;}
.hcjqm .mobdtlcontent  {display:none;}
.hcjqm .dtl_image_space {display:none}
.hcjqm .right_stack  {display:none}
.hcjqm .dtlmap2 {display:block;float:right;}
  /*   With JQM + clicker, need r-arrow styling from nojqm for the clicker div     */
.hcjqm .nojqm-arrow-r {
	display:inline;
	position: absolute;
    top: 50%;
	right:10px;
    margin-top: -9px;
	background: rgba(0,0,0,.4);
    background-image: url('../images1/icons-18-white-pack.png');
    background-repeat: no-repeat;
	background-position: -108px -0;
	border-radius: 9px;
	width: 18px;
    height: 18px;
	box-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.hcjqm .arrow-r:hover {cursor: pointer; cursor: hand;
	}
}

/*   Changes for new HC Mobile with NOjqm active, clicker, new menus.  Header and footer differences.  Do new header w/ menu but old jqm footer   */
.nojqm .widemain {display:block;}
@media (max-width: 799px)    {		/* real setting 799 */
/*   .nojqm .jqmfooterdtl {display:block; }      RSC no jqm  no footer  */
.nojqm .jqmfooterlp {display:none; }
.nojqm .jqmheader {display:none; }
.nojqm .mobilehdr {display:block;}
.nojqm .widemain .ui-listview-filter {display:none;}
.nojqm .titlebox   {display:block; margin-top:80px;}
.nojqm .clicker  { cursor: pointer; }
.nojqm .mobilelogo {
	xbackground-image: url("../images/home-visit-chatham4.png");
	xbackground-repeat: no-repeat;
	height:80px;
	}
.nojqm .second {display:none;}
.nojqm .mobdtlcontent  {display:none;}
/*    .nojqm .dtl_image_space {display:none}   try small screen images on 5/2017  */
.nojqm .right_stack  {display:none}
.nojqm .dtlmap2 {display:block;float:right;}
  /*   With JQM + clicker, need r-arrow styling from nojqm for the clicker div     */
.nojqm .nojqm-arrow-r {
	display:inline;
	position: absolute;
    top: 50%;
	right:10px;
    margin-top: -9px;
	background: rgba(0,0,0,.4);
    background-image: url('../images1/icons-18-white-pack.png');
    background-repeat: no-repeat;
	background-position: -108px -0;
	border-radius: 9px;
	width: 18px;
    height: 18px;
	box-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.nojqm .arrow-r:hover {cursor: pointer; cursor: hand;
	}
}


@media only screen
and (max-width : 320px) {
.hcjqm .mobilehdr, .mobilehdr {
	left:0px;
	}
.hcjqm .mobilelogo, .mobilelogo {
	xbackground-image: url("../images/home-visit-chatham4x300.png");
	xbackground-repeat: no-repeat;
	height:80px;
	}
}
/*  Fix slider menu text color with JQM  */
.ui-body-d .cbp-spmenu .ui-link:visited, .ui-body-d .cbp-spmenu .ui-link {
color:black;
}

/*      TBD
.ui-content {
    max-width:1000px;
    width: auto;
}
    */ 
	
.bytypetxt {
float:left;margin:3px 20px 0 5px;text-align:center;font-size:.8em;font-weight:bold;
}
.dtlmaplbl {font-size:11px;}
.map_caption {display:none;}
.menu2nd {font-weight:bold;}
#menu_left_icon {width:40px;height:40px;} 
#menu_right_icon {width:50px;height:50px;}
.menu_mob_iconbars  {background-image:url('../images/m-button4.png');}
.menu_mob_iconx {background-image:url('../images/iconx.png');}
.menu_mob_iconbars2  {background-image:url('../images/m-button45.png');}
.menu_mob_iconx2 {background-image:url('../images/iconx2.png');}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width :320px) and (max-device-width :480px)
{
.mobilemenu {right:15px;}  /* position is fixed, but on small screen needs to be farther from right edge */
.mobilelogo img {max-width:70%;.margin-left:0;height:auto;padding-top:10px;}
.sidr ul li a, .sidr ul li span {padding: 10px;}    /*  was 0 15px, to comp line height */
.mobilehdr {position:relative;margin-top:0px;}				/* at top, but scrollable */
.nojqm .titlebox {margin-top: 0px;}						/* coupled to mobilehdr above */
.sidedescr_p {font-size:1.1em;font-weight:bold;}
.listpagewrap {width:100%;}     /* trying to debug width on iphone 4 */
body {width:100%;}                  /* ditto */
}	

/* New 2019  */

.boxlinka {width:25%;float:left;text-align:center;background-color:red;margin:0px 4%;padding:10px 0px;font-weight:bold;font-size:1.2em;}
.btns {margin:5px 0 5px 20px;}
.button1 {min-width:60%;padding:6px;margin:5px 0px;font-weight:bold;text-decoration:underline;}
.button2 {min-width:48%;padding:6px;margin:5px 0px;font-weight:bold;min-height:50px;}
.button3 {min-width:32%;padding:6px;margin:5px 0px;font-weight:bold;}
.button2:hover {cursor: pointer; cursor: hand;}