html {scroll-behavior: smooth;}

hr { height:1px;
     border:0}

body {
	/* center on wide screens */
		max-width: 1000px;  

		word-wrap: break-word;
		font-family:Arial, sans-serif; 
		color: #111111;
    }

details {
    outline:none;
}

summary {
    outline:none;
    color:blue;
    cursor:pointer; 
}

details[open] {
     background-color:#ffe4c4;
}

details[open] summary {
}
    
.X  {
	font-family: sans-serif; 
	font-size: 100%;
	color: black;
}  
.X A:link {color : black; text-decoration : none;}
.X A:visited {color : black; text-decoration : none;}
.X A:hover {color : black; text-decoration : none;}

.masthead {
    margin-left: 20px;
    margin-bottom: -1px;
    margin-top: -4px;
}

.logo1 {margin-top: 8px; padding-right: 2px;}

.logo2 {
	font-family: Georgia, Palatino, Times, Times New Roman, serif; 
	font-size: 200%;
	font-style: italic;
	letter-spacing: -2px;
	color: darkorange;
}
.logo2 A:link {color : darkorange; text-decoration : none;}
.logo2 A:visited {color : darkorange; text-decoration : none;}
.logo2 A:hover {color : darkorange; text-decoration : none;}

.logo3 {
    padding-left: 8px; 
    vertical-align: bottom;
    
    font-family:sans-serif; 
    font-size: 80%; 
    color: #111111;
}

.logo4a {
    vertical-align: bottom;
    padding-left: 15px;
    font-family:sans-serif; 
	font-style: italic;
    font-size: 80%; 
    color:gray;
}

.logo4b {
    display: none;
    font-family:sans-serif; 
	font-style: italic;
    font-size: 80%; 
    color:gray;
}

.menu {
    border-radius: 20px;
    margin: 2px 2px 4px 2px;
    line-height: 170%;
	background-color: #222222;
    padding-left: 15px; 
    padding-right: 15px; 
    padding-top: 2px;
    padding-bottom: 2px;
	font-family:Verdana, sans-serif; 
	color: white;
}
.menu A:link {color : white; text-decoration : none;}
.menu A:visited {color : white; text-decoration : none;}
.menu A:hover {color: white; text-decoration : underline;}

.menunorm {display: block;}
.menualt {display: none;}

.menu1 {font-size: 85%; font-weight: 400; padding-top: 3px; padding-bottom: 1px; padding-right: 50px; text-align: left;}
.menu2 {float: right; height: 23px; overflow: hidden; color: orange; font-size: 75%; font-weight: 400; font-style: oblique; padding-top: 5px; padding-bottom: 0px;  text-align: right;}
.menu3 {font-size: 80%; font-weight: 400; padding-top: 1px; padding-bottom: 5px; padding-left: 10px; text-align: right;}
.menu4 {float: right; height: 20; font-size: 80%; font-weight: 400; padding-top: px; padding-bottom: 0px; padding-left: 3px; text-align: right;}
.button {border: 2px solid orange; border-radius: 5px; padding:1px 3px 3px 3px; cursor:pointer;}
.BulletsButtonBottom {display:none;}


div.mainblock {
    max-width: 100% ;    
    border-radius: 20px;
    border: 2px solid #222222;
    padding: 20px; 
  	overflow: hidden;}

.bottomlinks {
    border-top: 2px solid black;
    margin:-20px -20px -20px -20px; 
    overflow:hidden;
    text-align:center;
}

.toplinks {
    border-bottom: 2px solid black;
    margin:-20px -20px 0px -20px; 
    overflow:hidden;
    text-align:center;
}

.articletoplinks {
  display:inline-block;
	color : #111111;
	text-align: center;
	line-height:140%;
	font-family: sans-serif;
	font-size: 80%;
	padding-top: 2px;
  margin:0 0 2px 0 ;
  height:auto;}

.arrows {
		margin-top: -21px;
		margin-right: -21px;
}

.arrowsbelow {
		margin-top: 0px;
}

.arrowprevious {
    float:left;
    color: white;
    text-align: left;
		overflow: hidden;
    font-family: sans-serif;
		padding-left: 10px; 
    height: 23px;
		width: 80px;
		background-color: #222222;
}
	div.arrowprevious A:link {color : white; text-decoration : none;}
	div.arrowprevious A:visited {color : white; text-decoration : none;}
	div.arrowprevious A:hover {color : white; text-decoration : underline;}

.arrowtext {font-size:75%;}

.arrownext {
    float:right;
    color: white;
    text-align: right;
		margin-left: auto ;  
		overflow: hidden;
		font-family: sans-serif;
		padding-right: 11px; 
    height: 23px;
		width: 80px;
		background-color: #222222;
}
	div.arrownext A:link {color : white; text-decoration : none;}
	div.arrownext A:visited {color : white; text-decoration : none;}
	div.arrownext A:hover {color : white; text-decoration : underline;}
	
.circledtags {
    float:right;
    margin:-6px 5px 5px 5px;    
    font-size:130%;
    height:20px;
}
.hiddenmessage {
    position:absolute; width:150px;border-radius: 20px; background-color:#ff9999;padding:5px;visibility:hidden;
}
.toplinksrule {
    margin-top: 3px;
    margin-left: -20px;
    margin-right: -20px;
    color: black;
    background-color: black;
}	
	
.bottomlinksrule {
    margin-top: 5px;
    margin-bottom: 3px;
    margin-left: -20px;
    margin-right: -20px;
    color: black;
    background-color: black;
}	

.topbotlinkshim {display:none;}
/* ARTICLE */

    
article {
}

div.inputlegend {text-align:left; Float:right;}

h1 {  /* PAGE TITLE*/
	font-family:Georgia, Palatino, Times, Times New Roman, serif;
	font-feature-settings: 'kern', 'liga', 'dlig', 'onum'; 
	font-size: 175%;
	line-height:103%;
	text-align: center;
	font-weight: 600; 
	color: darkorange;
}
h2 {  /* MARKER PAGE OPTIONAL TITLE*/
	font-family:Georgia, Palatino, Times, Times New Roman, serif;
	font-feature-settings: 'kern', 'liga', 'dlig', 'onum'; 
	font-size: 140%;
	line-height:103%;
	text-align: center;
	font-weight: 600;
	margin-top: -17px;
	color: darkorange;
}
h3 {  /* MARKER PAGE OPTIONAL THIRD TITLE*/
	font-family:Georgia, Palatino, Times, Times New Roman, serif;
	font-feature-settings: 'kern', 'liga', 'dlig', 'onum'; 
	font-size: 140%;
	line-height:103%;
	text-align: center;
	font-weight: 600;
	margin-top: -17px;
	color: gray;
}

h4 {  /* SIDEBAR BLACK TITLE */
    margin: 5px 0 10px 0;
	font-size: 125%;
	font-style: italic;
	font-weight: 700;
	text-align: left; 
	color: #111111;
	font-family:Arial, sans-serif; 
	font-feature-settings: 'kern', 'liga';
}

h5 {  /* SIDEBAR ORANGE TITLE */
    margin: 5px 0 10px 0;
	font-style: italic;
	font-size: 130%;
	font-weight: 700;
	text-align: left; 
	color: darkorange;
	font-family:Georgia, Palatino, Times, Times New Roman, serif;
	font-feature-settings: 'kern', 'liga'; 
}

blockquote {
  font-size:93%; 
  line-height:120%;
  margin-block-end: 0.5em;
  margin-block-start: 0.5em;
}

input {
  font-family: monospace;
}

textarea {
  font-family: monospace;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: blue;
    color: #fff;
    text-align: left;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

#grid[data-columns]::before {content: '3 .column.size-1of3';}
.column { float: left; }
.size-1of3 { width: 33.333%; }
.size-1of2 { width: 50%; }
.size-1of1 { width: 100%; }

.fourcol {
    margin-left: auto;
    margin-right: auto;
    clear: both; 

       -webkit-column-count: 4;
       -moz-column-count: 4;
       column-count: 4;
	   }
.twocol {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    clear: both; 

       -webkit-column-count: 2;
       -moz-column-count: 2;
       column-count: 2;
	   }
.twocolsm {
    margin-left: auto;
    margin-right: auto; 
    text-align: center;

       -webkit-column-count: 2;
       -moz-column-count: 2;
       column-count: 2;
}
div#leftcol {
    max-width: 490px;
    padding: 5px; 
    margin-left: auto;
    margin-right: auto; 
	
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	page-break-inside: avoid;
}
div#rightcol {
    max-width: 490px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto; 
	
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	page-break-inside: avoid;
}
div.sidebar {
    border-radius: 10px;
    border: 3px solid #222222;
    padding: 10px; 
    margin: 10px 0px 10px 0px;
	font-size: 85%;
	text-align: left;
	line-height:140%;
	font-family: Arial, sans-serif; 
	color: #111111;
}

div.framedblock {
    border-radius: 10px;
    border: 3px solid #222222;
    padding: 10px; 
    margin: 4px;
	font-size: 85%;
	text-align: left;
	line-height:140%;
	font-family: Verdana, sans-serif; 
	color: #111111;
}

div.towncountryregion {margin-left:-10px;margin-right:10px;}

span.sectionhead {
	font-family:Georgia, Palatino, Times, Times New Roman, serif;
	font-feature-settings: 'kern', 'liga', 'dlig'; 
	font-size: 145%;
	font-weight: 600; 
	color: darkorange;
}
span.sectionheadg {
	font-family:Georgia, Palatino, Times, Times New Roman, serif;
	font-feature-settings: 'kern', 'liga', 'dlig'; 
	font-size: 120%;
	font-weight: 600; 
	color: #555555;
}
.linkAsAbutton {
  background: none;
  border: none;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}
.linkAsAspan {
  background: #EEEEEE;
  border: none;
  color: #666666;
  font-style: italic;
  font-weight: bold;
	font-size: 85%; 
  cursor: pointer;
}

.bodyserif {
	font-family:Georgia, Palatino, Times, Times New Roman, serif;
	font-feature-settings: 'kern', 'liga', 'dlig'; 
	font-style: normal; 
	font-size: 100%; 
	line-height:140%;
	color: #111111;
	}
	.bodyserif A:link {color : Blue;text-decoration : underline;}
	.bodyserif A:visited {color : #800080;text-decoration : underline;}
	.bodyserif A:hover { text-decoration : underline;}


.bodysansserif {
	font-family:Arial, sans-serif;
	font-feature-settings: 'kern', 'liga';
	font-style: normal; 
	font-size: 100%; 
	line-height:140%;
	color: #111111;
	}

.bodysansserifsmaller {
font-feature-settings: 'kern', 'liga';
	font-family:Arial, sans-serif; 
	font-size: 85%; 
	line-height:120%;
	color: #111111;
	fill: #111111;
	stroke:none;
	}

  .narrowtable {max-width:60%}


/* ADVERTISEMENTS, LEFT AND RIGH
T */

.adgeneral {
    border-radius: 20px;
    border: 2px solid silver;
    background-color:#FFFFFF;
	width: auto;
	margin: auto;
	text-align:right;
}
fieldset#sidead300x600 {
	position: absolute; top: 46px; right: 10px; 
	width: 310px; 
	height: 920px;
	text-align:center;
}
fieldset#sidead300x250 {
	position: absolute; top: 46px; right: 10px; 
	width: 310px; 
	height: 260px;
	text-align:center;
}
fieldset#sidead160 {
	position: fixed; top: 46px; right: 10px; 
	width: 170px; 
	height: 610px;
	text-align: center;
}
fieldset#sideadResponsive {
	position: absolute; top: 46px; right: 10px; 
	text-align: center;
}

.adleft {
    border: 2px solid silver; 
    background-color:#EEEEEE;
	padding-right: 10px; 
	padding-left: 10px; 
	padding-top: 10px; 
	padding-bottom:15px;
	max-width:400px; 
	float: left; 
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 30px;
}


.adright {
    border: 2px solid silver; 
    background-color:#EEEEEE;
	padding-right: 10px; 
	padding-left: 10px; 
	padding-top: 10px; 
	padding-bottom:15px;
	max-width:400px; 
	float: right; 
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 30px;
}
.adhidden {display:none;}

.adcaption {
	font-family:sans-serif; 
	font-size: 70%; 
	line-height:100%;
	color: #AAAAAA;	
	text-align: center; 
	padding-top: 2px;}

.adtitle {
	font-family:sans-serif; 
	font-size: 85%; 
	line-height:100%;
	text-align: center;
	font-weight: bold;
	color: silver;
}

/* ARTICLE: PHOTOGRAPHS, LEFT AND RIGHT AND FULL WIDTH */


.photoright {
		max-width:50%;  
		min-width: 280px; 
		float: right;  
		margin-left: 30px; 
		margin-right: 0; 
		margin-top: 10px;
		margin-bottom: 15px;
		padding: 0;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	page-break-inside: avoid;
}
.miniphotoright {
		float: right;  
		margin-left: 5px; 
		margin-right: 5px; 
		margin-top: 5px;
		margin-bottom: 10px;
		padding: 0;
	font-size: 85%;
	line-height: 110%;
	text-align: center; 
	color: #111111;
	font-weight: bold;
	font-family:Verdana, sans-serif; 
}


.photoleft {
		max-width:50%;  
		min-width: 280px; 
		float: left;  
		margin-left: 0; 
		margin-right: 30px; 
		margin-top: 10px;
		margin-bottom: 15px;
		padding: 0;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	page-break-inside: avoid;
}
.miniphotoleft {
		float: left;  
		margin-left: 0; 
		margin-right: 5px; 
		margin-top: 5px;
		margin-bottom: 10px;
		padding: 0;
	font-size: 85%;
	line-height: 110%;
	text-align: center; 
	color: #111111;
	font-weight: bold;
	font-family:Verdana, sans-serif; 
}

.photofull {
		max-width:100%;  
		min-width: 280px; 
		padding: 0;
		margin-left: auto ;  
		margin-right: auto ;
		margin-top: 10px;
		margin-bottom: 15px;
}

.photoafter {
		display: inline-block;
		vertical-align:top;
		max-width:100%;  
		min-width: 280px; 
		padding: 0;
		margin-left: auto ;  
		margin-right: auto ;
		margin-top: 10px;
		margin-bottom: 15px;
}

div.photoimage {
		max-width: 100%;
}

img.photoimage {
		max-width: 100%;
}


.imagecredit {
		font-family:Arial,  sans-serif; 
	font-feature-settings: 'kern', 'liga';
		font-size: 70%; 
		line-height:100%;
		font-weight: normal;
		font-style: normal;
		text-align: right;
		color: #111111;
		max-width: 100%;
		margin-top: -5px;
}

.imagecaption {
		font-family:Arial, sans-serif; 
	font-feature-settings: 'kern', 'liga';
		font-size: 85%; 
		line-height:100%;
		text-align: center;
		font-style: normal;
		font-weight: bold;
		color: #111111;
		max-width: 100%;
		padding-top: 8px;
}

.imagesubcaption {
		font-family:Arial, sans-serif; 
	font-feature-settings: 'kern', 'liga';
		font-size: 85%; 
		line-height:115%;
		font-weight: normal;
		font-style: normal;
		text-align: left;
		color: #111111;
		max-width: 100%;
		padding-top: 4px;
}

/* FOOTER AND OTHER INFORMATION AT THE BOTTOM OF THE PAGE */

.outlinetext {
   -webkit-text-stroke: 1px black;
   color: white;
   text-shadow:
      3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
     -1px 1px 0 #000,
      1px 1px 0 #000;
      }
.orange {color: orange}
.darkorange {color: darkorange}
.silver {color: silver}
.center { text-align: center; margin-left: auto ;margin-right: auto ; /*the two autos centers */ }
.right { text-align: right;}

.list {display:block;}
.kml {display:none;}
.gpx {display:none;}

.rederror {
	font-family:sans-serif; 
	font-size: 80%; 
	font-weight: 700; 
	padding-left: 10;
	color: Red;}

.reversered {
	color : #FFFFFF;
	background-color: #FF0000;
	font-family: sans-serif;
	font-size: 100%;
	margin-top: 0.5em; 
	margin-bottom: 0em;
	}

.reverseorange {
	color : #FFFFFF;
	background-color: orange;
	font-family: sans-serif;
	font-size: 100%;
	margin-top: 0.5em; 
	margin-bottom: 0em;
	}
.captiontiny {
	font-family:sans-serif; 
	font-size: 70%; 
	color: #111111;}

.instructions {
	font-family:sans-serif; 
	font-size: 95%; 
	line-height:95%;
	padding:0;
	color: darkorange;
}
.blueinstructions {
	font-family:sans-serif; 
	font-size: 95%; 
	line-height:100%;
	padding:0;
	color: blue;
}

.noprint {padding:0;}
.onlyprint {display:none;}
.captiontiny A:link {color : #ffcc00;text-decoration : underline;}
.captiontiny A:visited {color : #ffcc00;text-decoration : underline;}
.captiontiny A:hover { text-decoration : underline;}

.shim12pt {line-height:10pt;height=12pt;max-height:12pt;overflow:clipped; border:0; margin:0; padding:0;clear: both;}
.shim6pt {line-height:5pt;height=6pt;max-height:6pt;overflow:clipped; border:0; margin:0; padding:0;clear: both;}


div.bottombar {
    color: white;
	text-align: center;
    line-height: 200%;
    margin: 2px ;
    border-radius: 20px;
	padding: 5px;
	font: helvetica, arial sans-serif;
	font-size: 75%;
	background-color: #111111;
}
	.bottombar A:link {color : white; text-decoration : none;}
	.bottombar A:visited {color : white; text-decoration : none;}
	.bottombar A:hover {color : white; text-decoration : underline;}



.copyright {
	font-family:sans-serif; 
	font-size: 70%; 
	color: gray;
	text-align:right;
	padding-left: 15px;
	padding-right: 15px;}

.copyright A:link {color : gray;text-decoration : underline;}
.copyright A:visited {color : gray; text-decoration : underline;}
.copyright A:hover { text-decoration : underline;}

.maxinputfield {
  width: 100%;
}

.checkTag {display:none;}
.checkLab1:before {color:red; font-size:135%; content:"\2780"}
.checkTag:checked + .checkLab1:before {color:red; font-size:135%; content:"\2776";}
.checkLab2:before {color:green; font-size:135%; content:"\2781"}
.checkTag:checked + .checkLab2:before {color:green; font-size:135%; content:"\2777";}
.checkLab3:before {color:blue; font-size:135%; content:"\2782"}
.checkTag:checked + .checkLab3:before {color:blue; font-size:135%; content:"\2778";}
.checkLab4:before {color:darkorange; font-size:135%; content:"\2783"}
.checkTag:checked + .checkLab4:before {color:darkorange; font-size:135%; content:"\2779";}
.checkLab5:before {color:purple; font-size:135%; content:"\2784"}
.checkTag:checked + .checkLab5:before {color:purple; font-size:135%; content:"\277A";}

.autocomplete {
  position:relative; 
  display:inline-block;
  
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 5px;
  cursor: pointer;
  background-color: #ffe9bf;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.fade-out {
  animation: fadeOut ease 5s;
  animation-fill-mode: forwards;
}
.fade-in {
  animation: fadeIn ease 2s;
  animation-fill-mode: forwards;
}
@keyframes fadeOut {0%{opacity:1;} 100%{opacity:0;}}
@keyframes fadeIN {0%{opacity:0;} 100%{opacity:1;}}

/* ADJUSTMENTS FOR SCREEN SIZE AND OTHER MEDIA */

@media screen and (max-width:480px) {
#grid[data-columns]::before {content: '1 .column.size-1of1';}
.size-1of3 {width:100%;}
	.arrows {margin-bottom: 26px;}
	.arrowsbelow {margin-top: 26px;}
    .masthead {margin-left: auto; margin-right: auto;}
    .articlebottomlinks {height: 26px;}
	.toplinksrule {margin-top: 20px;}
	.bottomlinksrule {margin-bottom: 26px;}
    .menu {margin-left: -3px; margin-right: -3px;}
  .menunorm {display: none;}
  .menualt {display: block;}
  div#towncountryregion {text-align: center;}
  div#additionalphotos {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
  .photoright {float: none;	margin-left: auto; margin-right: auto; max-width: none;}
  .photoleft {float: none;	margin-left: auto; margin-right: auto;  max-width: none;}
  .adright {float: none; margin-left: -15px; margin-right: -15px;}
  .adleft {float: none; margin-left: -15px; margin-right: -15px;}
  .logo4a {display:none;}
  .logo4b {display:block;}
  .twocol {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
  div.framedblock {margin-left:-15px; margin-right:-15px;}
  h1 {margin:0; font-size: 165%;}
  h2 {margin:0;}
  h3 {margin:0;}
  fieldset#sidead160 {position: static;}
  fieldset#sidead300x600 {position: static;}
  fieldset#sidead300x250 {position: static;}
  fieldset#sideadResponsive {position: static;}
  .fourcol {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1}
  div.mainblock {padding:10px;}
  div.toplinks {margin: -10px -10px 6px -10px;}
  div.bottomlinks {margin: -10px -10px -10px -10px;}
  div.arrows {margin:-11px -11px 0 0;}
  article {clear:both;}
  .narrowtable {max-width:100%}
}
@media screen and (min-width: 481px) and (max-width:590px) {
#grid[data-columns]::before {content: '1 .column.size-1of1';}
.size-1of3 {width:100%;}
	.arrows {margin-bottom: 26px;}
	.arrowsbelow {margin-top: 26px;}
	.articlebottomlinks {margin-top: -26px;}
	.toplinksrule {margin-top: 20px;}
	.bottomlinksrule {margin-bottom: 26px;}
  .menunorm {display: none;}
  .menualt {display: block;}
  div#towncountryregion {text-align: center;}
  div#additionalphotos {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
  .photoright {float: none;	margin-left: auto; margin-right: auto; max-width: none;}
  .photoleft {float: none;	margin-left: auto; margin-right: auto;  max-width: none;}
  .adright {float: none; margin-left: auto; margin-right: auto;}
  .adleft {float: none; margin-left: auto; margin-right: auto;}
  .logo4a {display:none;}
  .logo4b {display:block;}
  .twocol {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
  div.framedblock {margin-left:-15px; margin-right:-15px;}
  h1 {margin:0; font-size: 165%;}
  h2 {margin:0;}
  h3 {margin:0;}
  fieldset#sidead160 {position: static;}
  fieldset#sidead300x600 {position: static;}
  fieldset#sidead300x250 {position: static;}
  fieldset#sideadResponsive {position: static;}
.fourcol {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2}
  div.mainblock {padding:10px;}
  div.toplinks {margin: -10px -10px 6px -10px;}
  div.bottomlinks {margin: -10px -10px -10px -10px;}
  div.arrows {margin:-11px -11px 0 0;}
  article {clear:both;}
  .narrowtable {max-width:100%}
}
@media screen and (min-width: 591px) and (max-width:680px) {
#grid[data-columns]::before {content: '1 .column.size-1of1';}
.size-1of3 {width:100%;}
  .menunorm {display: none;}
  .menualt {display: block;}
  div#towncountryregion {text-align: center;}
  div#additionalphotos {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
  .photoright {float: none;	margin-left: auto; margin-right: auto; max-width: none;}
  .photoleft {float: none;	margin-left: auto; margin-right: auto;  max-width: none;}
  .adright {float: none; margin-left: auto; margin-right: auto;}
  .adleft {float: none; margin-left: auto; margin-right: auto;}
  .logo4a {display:none;}
  .logo4b {display:block;}
  .twocol {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
  div#MOWleft {display: block;}
  div#MOWright {display: none;}
  h1 {margin:0; font-size: 165%;}
  h2 {margin:0;}
  h3 {margin:0;}
  fieldset#sidead160 {position: static;}
  fieldset#sidead300x600 {position: static;}
  fieldset#sidead300x250 {position: static;}
  fieldset#sideadResponsive {position: static;}
  div.mainblock {padding:10px;}
  div.toplinks {margin: -10px -10px 6px -10px;}
  div.bottomlinks {margin: -10px -10px -10px -10px;}
  div.arrows {margin:-11px -11px 0 0;}
  article {clear:both;}
  .narrowtable {max-width:100%}
}
@media screen and (min-width: 591px) and (max-width:730px) {
  #inlineAd300x600 {display: none;}   
  #inlineAd250 {display: inline-block;}   
  div.mainblock {padding:10px;}
  div.toplinks {margin: -10px -10px 6px -10px;}
  div.bottomlinks {margin: -10px -10px -10px -10px;}
  div.arrows {margin:-11px -11px 0 0;}
  article {clear:both;}
  .narrowtable {max-width:100%}
}
@media screen and (min-width: 640px) and (max-width:770px) {
  #BulletsButtonTop {display: none;}  
  #homebutton {display:none;} 
  #BulletsButtonBottom {display: inline-block;}   
  div.mainblock {padding:10px;}
  div.toplinks {margin: -10px -10px 6px -10px;}
  div.bottomlinks {margin: -10px -10px -10px -10px;}
  div.arrows {margin:-11px -11px 0 0;}
  article {clear:both;}
  .narrowtable {max-width:100%}
}
@media screen and (min-width: 591px) and (max-width:730px) {
  .fourcol {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2}
  div.mainblock {padding:10px;}
  div.toplinks {margin: -10px -10px 6px -10px;}
  div.bottomlinks {margin: -10px -10px -10px -10px;}
  div.arrows {margin:-11px -11px 0 0;}
  .narrowtable {max-width:100%}
}
@media screen and (min-width: 731px) and (max-width:950px) {
  .fourcol {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3}
  article {clear:both;}
  }
@media screen and (min-width: 640px) and (max-width:970px) {
#grid[data-columns]::before {content: '2 .column.size-1of2';}
.size-1of3 {width:50%;}
  fieldset#sidead160 {position: static;}
  fieldset#sidead300x600 {position: static;}
  fieldset#sidead300x250 {position: static;}
  fieldset#sideadResponsive {position: static;}
}

@media screen and (min-width: 971px) and (max-width:1265px) {
#grid[data-columns]::before {content: '3 .column.size-1of3';}
  fieldset#sidead160 {position: static;}
  fieldset#sidead300x600 {position: static;}
  fieldset#sidead300x250 {position: static;}
  fieldset#sideadResponsive {position: static;}
.size-1of3 {width:33.333%;}

}
@media screen and (min-width: 1265px) and (max-width:1400px) {
#grid[data-columns]::before {content: '3 .column.size-1of3';}
.size-1of3 {width:33.333%;}
  fieldset#sidead300x600 {position: static;}
  fieldset#sidead300x250 {position: static;}
  fieldset#sideadResponsive {position: static;}
}
@media print {
body {margin:0;}
#grid[data-columns]::before {content: '2 .column.size-1of2';}
.size-1of3 {width:50%;}
  .menu {display: none ;}
  .noprint {display: none ;}
  .onlyprint {display: inline-block ;}
  #map {max-width:none;}
  div.mainblock {font-size:80%;padding:10px;} 
  div.towncountryregion {margin-top:-5px; margin-left:0; margin-right:0;}
  div.photoafter {max-width:340px;}
  div#toplinks {display: none ;}
  div#bottomlinks {display: none ;}
  div#categories {display: none ;}
  div#states {display: none ;}
  div#countries {display: none ;}
  div#categoriesL {display: none ;}
  div#statesL {display: none ;}
  div#countriesL {display: none ;}
  div#wantlist {display: none ;}
  div#logininfo {visibility: hidden ;}
  .adright {display: none;}
  .adleft {display: none;}
  .adgeneral {display: none;}
  fieldset#bottomAd {display: none;}
  fieldset#sidead300x600 {display: none ;}
  fieldset#sidead300x250 {position: none;}
  fieldset#sidead160 {display: none ;}
  .fourcol {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3}
/* following two lines are workaround for a Google Maps API bug: "tiles are missing when printing" */
	#map_canvas div > img {		position: absolute;	}
	.gm-style div > img {		position: absolute;	}
}