@charset "utf-8";
/* CSS Document */
body{
 font-family:"Acumin Pro", sans-serif;;
 background:white;
}

/* 12.22.20 Changed wrapper from 95% to 100% to fix contact form showing when scrolled to top
 			adding overflow:hidden seemed to fully fix it, unless brower hadn't updates css
*/
.wrapper {
    margin: 0 auto;
    padding-top:0;
    width: 100%;
    background: white;
    overflow:hidden;
}


h1 {
    margin:0 auto;text-align:center;line-height:100%;
    font-family: acumin-pro-extra-condensed, sans-serif;
    font-size:2.75rem;
    text-align:center;
    font-weight:bold;
    margin: 1.5% 0 1% 0;
    color:rgb(138,39,18);
    text-align: center;
    /* line-height: 120%; defined above 1.11.24 */
}

h1.subpage {font-size:2rem;}
h2 {
	font-family: acumin-pro-extra-condensed, sans-serif;
	font-size:2.75rem;
	font-weight:bold;
	color:rgb(138,39,18);
	text-align:center;
/*    font-family: arial, serif;
    font-size: 1em;
*/
    margin-top: 1%;
    margin-bottom: 1%;
}

h2.cntr {
    text-align: center;
}
h2.note {
    font-style: italic;
}

h2.section  {
    font-size: 1.2em;
    text-align: center;
    color: #666;
}

h2.bigh2 {
    font-size: 1.125em;
}
h3 {
    font-size: 1em;
    margin-bottom: 1%;
    color:rgb(138,39,18);
}
h3.hctr {
    text-align: center;
}
p {
  /* font-family:arial, sans-serif; 12.29.20 */
  font-family: 'Acumin Pro', sans-serif;
  font-style: normal;
    color: #383838;
    font-size: 1em;  /* changed 1.14 0.875em; */
    margin-bottom: 1.5%;
    line-height: 130%;
}

.info { margin:1% auto;text-align:left; }   /* added 12.29.20 general pupose div for left aligned centered text*/

/* Added 12.29.20, 12.30 added margin L, R, B   1.14 added font-size: 1em;*/
.pgTop {width:100%;margin:0 auto 1% auto; padding-top:0;font-family:'Acumin Pro', sans-serif;}
.pgTopTxt {width:65%;margin:2% auto 2% auto;max-width:1250px;}     /* 12.30.20 changed from 60% to 65% to accomodate long headings */
p.pgTopParaFirst {margin-top:2%;font-family:'Acumin Pro', sans-serif; font-size:1.0625em;}
p.pgTopPara {font-family:'Acumin Pro', sans-serif; font-size:1.0625em;}
img.pgTop {width:100%;height:auto;margin-top:0;}

p.close {
    margin-bottom: 1%;
}
p.close {
    margin-bottom: 1%;
}
p.emph {
    font-style: italic;
}
p.ltxt {
    text-align: left;
}
p.caption {
    font-size: 0.75em;
}
p.justify {
    text-align: justify;
}
p.discontinuedNote {
    font-style: italic;
    color: red;
}
p.pHdr {
    font-size: 1em;
    line-height: 120%;
}
.bigNote {
    font-weight: 700;
    font-size: 1.25em;
    line-height: 150%;
}
ol.disc  {
    list-style: disc;
    font-size: 0.875em;
    line-height: 1;
    font-family:arial, sans-serif;
}

ul.disc {
    list-style: disc;
    font-size: 0.875em;
    line-height: 1;
    font-family:arial, sans-serif;
}

ul.close {
    margin-top: 6px;
    font-family:arial, sans-serif;
}

table {
    border-collapse: collapse;
    margin: 0 auto 0 auto;
    font-family:arial, sans-serif;
    font-size: 0.875em;
    width: 95%;
    border: 1px solid #ccc;
}
ul.bigger {
    font-size: 1em;
}
.scrollTab {
    overflow: auto;
    height: auto; /* 12.11.20 500px; client wants entire table shown */
    width: 97%;
}
td,
th {
    border: 1px solid #ccc;
    text-align: left;
    padding: 1px;
}
td.td-right {
    text-align: right;
}
td.camera-button-td {
    text-align: center;
    vertical-align: middle;
}
th.camera-button-td {
    width: 69px;
    padding: 1px 0 1px 0;
}
td.label {
    font-weight: 700;
}
th.td-right {
    text-align: right;
}
th.label {
    font-weight: 700;
}
table.noborder {
    border: none;
    margin: 0 auto 0 auto;
}
td.no-border {
    border: none;
}
td.camSrchTD {
    padding: 3px;
    border: none;
}
.srchSelOpt {
    font-size: inherit;
}
p.bInfoTxt {
    margin: 15px auto 15px auto;
    font-weight: 700;
}
.srchFrmSubpage {
    border: 1px solid #999;
    padding: 8px;
    margin: 1%;
    width: 200px;
    float: right;
}

.nwrap {white-space:nowrap;}

ul.feature {line-height:125%;font-size:inherit;list-style:disc;display:block;}
/* li {
    font-size: 0.875em;
    padding-bottom: 10px;
}
*/
/*img {
    border: 1px solid #999;
    margin: 1%;
}
*/
img.buy {
    width: 65px;
    height: 22px;
    border: none;
}
img.noborder {
    border: none;
}
/*img.accessories {
    width: 80px;
    height: 89px;
    border: 1px solid gray;
    margin-top: 10px;
}
*/
img.camaccessories {
    display: block;
    margin:1% auto;
    float:none;
    width: 190px;
    height: 100px;
    border: 1px solid gray;
}

img.accessories {
    display: block;
    margin:1% auto;
    float:none;
    width: 80px;
    height: 89px;
    border: 1px solid gray;
}

img.square180 {
     display: block;
    margin:1% auto;
    float:none;
   width: 180px;
    height: 180px;
    border: 1px solid #999;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
.cf:after,
.cf:before {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
}

/* moved clearit,clearbutton from modules to here, added display block, changed color wasn't showing up 2.2.21 */
.clearit {text-align:left;margin:0 0 .5% 2%;padding:0;width:96%;display:block;height:50px;background:white;}

.clearbutton {font-size:.875em;padding:5px 10px 5px 10px;background:white;border-radius:10px;border:1px solid rgb(138,39,18);display:block;color:rgb(138,39,18);}

/* interfering with menu. Try removing 2.2.21
a {
    color: rgb(138,39,18);
    text-decoration: none;
    font-family:arial, sans-serif;
    font-size: 0.875em;
}
a:visited {
    color: rgb(138,39,18);
}
a:hover {
    color: rgb(0, 102, 255);
}
*/

a.hdrlnk {
    color: rgb(138,39,18); /* 1.12.21 was #4c1130; */
    text-decoration: underline;
   font-family:arial, sans-serif;
    font-size: 1em;
font-weight:bold;   /* 1.7.21 added */
}
a.hdrlnk:visited {
    color:rgb(138,39,18);
}
a.hdrlnk:hover {
    color:rgb(0, 102, 255);  /* 1.12.21 #rgba(174, 7, 33, 1); */
}
a.title {
    font-style: italic;
    color:rgb(138,39,18);  /* 1.12.21 rgb(0, 102, 255); */
    text-decoration: underline;
}
a.uline {
    color: rgb(138,39,18);
    text-decoration: none;
    font-family:arial, sans-serif;
    font-size: 1em;  /* changed from .875 6.21.24 */
    text-decoration: underline;
    color:rgb(138,39,18); /* 1.12.21 rgb(0, 102, 255); */
/*    font-size: inherit; 2.2.21 */
    font-weight:bold;   /* 1.7.21 added */
}
a.uline:visited {
    color: rgb(138,39,18); /* 1.12.21 rgb(0, 102, 255); */
}

/* 1.12.21 added for matrix tables (changed them from uline */
a.matrix {
    text-decoration: underline;
    color: #383838;  /* text color */
    font-size: inherit;
    font-weight:normal;   /* 1.7.21 added */
}
a.matrix:visited {
    color: #383838; /* 1.12.21 rgb(0, 102, 255); */
}

a.side {
    color: #000;
    text-decoration: underline;
}
a.side:hover {
    color: #999;
}
a.buttonTxt {
    color: #fff;
    font-size: 1em;
}
a.buttonTxt:hover {
    color: #9a2526;
}
a.more {
    font-size: 0.75em;
    text-decoration: underline;
   color: rgb(138,39,18); /* 1.12.21 added */
}
a.more:hover {
    color: rgb(0, 102, 255);   /* 1.12.21  #556b2f; */
}
a.big {
    font-size: 1em;
    font-style: normal;
    text-decoration: underline;
    color:rgb(138,39,18); /* 1.12.21 rgb(0, 102, 255); */
  font-weight:bold;   /* 1.7.21 added */
}
a.big:hover {
    color: rgb(0, 102, 255);  /* 1.12.21 #999; */
}
a.CtoA {
    font-size: 1.25em;
    font-style: normal;
}

/* 1.27.21 changed quote buttons to white with red text and red border */
/* 12.10.23 Changed button to red with white text and white text. */
.quotebutton {
    width: 125px;
    height: 36px;
    border: 1px solid #AE0721; /* was #8A2712;*/
    border-radius:5px;
    box-shadow: none;
}
.quotebutton-sm {
    width: 65px;
    height: 18px;
    border: 1px solid #AE0721; /*#8A2712; */
    box-shadow: none;
    padding: 0; /* 90 2px; */
    vertical-align: middle;
    border-radius:5px;
}

/* Added 12.1.20 */
.srchbxcontainer {display: inline-block;text-align: right;border:1px solid #ccc;white-space: nowrap;text-align:center;width:148px;min-height:14px;}
.goimg {
    border:none;
    width: 14px;
    height: 14px;
    margin:0 0 4px 4px;
    vertical-align: middle;
/*    float: left; */
}


.contactus {background:rgba(174, 7, 33, 1); width:100%;height:auto;border:none;margin:0 auto;padding:0;}

.indent {
    margin-left: 4%;
}
.indentsm {
    margin-left: 2%;
}
.bigindent {
    margin-left: 10%;
}
.indentBorder {
    margin-left: 4%;
    border-bottom: 1px solid #999;
}
.social {
    margin: 1%;
}
.socialicons {
  float:right;
    width: 35px;
    height: 35px;
    margin: 3% 0 3% 3%; /* 5px 0 5px 5px; */
    border: none;
    box-shadow: none;
    vertical-align: middle;
}
.tagline {
    font-style: italic;
    font-size: 0.875em;
}
.ctr {
    text-align: center;
}
.ctrDiv {
    margin-left: auto;
    margin-right: auto;
}
.urlspacer {
    margin-left: 2%;
}
.blogImg {
    border: none;
    box-shadow: none;
    width: 28px;
    height: 30px;
    margin: 1% 1% 1% 5px;
}
.cinfo {
    float: right;
    margin: 1%;
}

.sideBlock {
    width: 100%;
    margin-top: 0;
    padding-top: 0;
}
.spacer {
    padding-left: 20px;
}
.ctrDiv {
    margin: 1% auto 1% auto;
}
.ctr {
    text-align: center;
}
.frm {
    border: 1px solid #000;
}
.cnote {
    text-align: center;
    font-style: italic;
}
.iTitle {
    font-style: italic;
}
#container {
font-family:"Acumin Pro", sans-serif;;
    margin: 0 -2.1666%;
    position: relative;
    padding-top:0;   /* 2.1.21 was 200px; / 12.20.20 */
 }
.column {
font-family:arial, sans-serif;
    position: relative;
    float: left;
    width: 98%; /* was 73%; but 98 in cameras */
    margin:  0 0 0 2%;
    padding: 2px;
    color: #333;
    background: #fff;
}
.column2 {
font-family:arial, sans-serif;
    position: relative;
    float: right;
    width: 19%;
    max-width: 500px;
    margin: 0 3% 0 0;
    padding: 2px;
    color: #333;
    background: #fff;
}
.col2inner {
font-family:arial, sans-serif;
    padding: 3%;
    margin: 4% 4% 1% auto;
    background: #e6f2ff;
    background: #e6e6e6;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 5px #ccc;
    text-align: center;
}
.noteBox {
    width: 80%;
    padding: 3%;
    margin: 1% auto;
    background: #e6f2ff;
    background: #e6e6e6;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 5px #ccc;
}
.pgDiv {
   font-family:arial, san-serif;
    margin: 1% auto 1% auto;
    width: 80%;
}
.backgrounds {
    position: absolute;
    width: 100%;
    height: 100%;
}
.backgrounds .column {
    height: 100%;
}

img.PDF {
    border: none;
    width: 19px;
    height: 17px;
    vertical-align: middle;
}
img.newpdf {
    border: none;
    width: 33px;
    height: 17px;
    vertical-align: middle;
}

/* added h1 1.11.24 */
@media screen and (min-width:200px) and (max-width: 1024px) {
  h1 {line-height: normal;}
	.pgTopTxt {width:85%;}
}

/* 12.20.20 Changed breakpoint to 1278 instead of 1024
  @media screen and (max-width: 1024px) {
*/
 @media screen and (max-width: 1278px) {
    #container {  margin: 1% auto 0 auto;}

    .column {
        float: none;
        width: 100%; /* 95%;  12.2.20 trying to fix mobile*/
        margin: 2% auto 0 auto;  /* 12.22.20 changed top to 2% trying to fix cut-off on mobile */
    }
    .column2 {
        float: none;
        margin: 1% auto;
        width: 80%;
        padding: 0;
        text-align: center;
    }
    col2inner {
        margin: 0 auto;
        width: 95%;
        background-color: #e6e6e6;
    }
}


@media screen and (min-width: 200px) and (max-width: 799px) {
    .col2inner {
        box-shadow: none;
        border-radius: 0;
        margin: 0 0 0 3%;
        padding: 0;
        width: 95%;
        background-color: #e6e6e6;
    }
    p.big {
        font-size: 1.5em;
        text-align: left;
        margin: 0.5% 0 3% 1%;
        width: 100%;
    }
 @charset "utf-8";
/* CSS Document */
body{
 font-family:"Acumin Pro", sans-serif;;
 background:white;
}

/* 12.22.20 Changed wrapper from 95% to 100% to fix contact form showing when scrolled to top
 			adding overflow:hidden seemed to fully fix it, unless brower hadn't updates css
*/
.wrapper {
    margin: 0 auto;
    padding-top:0;
    width: 100%;
    background: white;
    overflow:hidden;
}


h1 {
    margin:0 auto;text-align:center;line-height:100%;
    font-family: acumin-pro-extra-condensed, sans-serif;
    font-size:2.75rem;
    text-align:center;
    font-weight:bold;
    margin: 1.5% 0 1% 0;
    color:rgb(138,39,18);
    text-align: center;
    /* line-height: 120%; defined above 1.11.24 */
}

h1.subpage {font-size:2rem;}
h2 {
	font-family: acumin-pro-extra-condensed, sans-serif;
	font-size:2.75rem;
	font-weight:bold;
	color:rgb(138,39,18);
	text-align:center;
/*    font-family: arial, serif;
    font-size: 1em;
*/
    margin-top: 1%;
    margin-bottom: 1%;
}

h2.cntr {
    text-align: center;
}
h2.note {
    font-style: italic;
}

h2.section  {
    font-size: 1.2em;
    text-align: center;
    color: #666;
}

h2.bigh2 {
    font-size: 1.125em;
}
h3 {
    font-size: 1em;
    margin-bottom: 1%;
    color:rgb(138,39,18);
}
h3.hctr {
    text-align: center;
}
p {
  /* font-family:arial, sans-serif; 12.29.20 */
  font-family: 'Acumin Pro', sans-serif;
  font-style: normal;
    color: #383838;
    font-size: 1em;  /* changed 1.14 0.875em; */
    margin-bottom: 1.5%;
    line-height: 130%;
}

.info { margin:1% auto;text-align:left; }   /* added 12.29.20 general pupose div for left aligned centered text*/

/* Added 12.29.20, 12.30 added margin L, R, B   1.14 added font-size: 1em;*/
.pgTop {width:100%;margin:0 auto 1% auto; padding-top:0;font-family:'Acumin Pro', sans-serif;}
.pgTopTxt {width:65%;margin:2% auto 2% auto;max-width:1250px;}     /* 12.30.20 changed from 60% to 65% to accomodate long headings */
p.pgTopParaFirst {margin-top:2%;font-family:'Acumin Pro', sans-serif; font-size:1.0625em;}
p.pgTopPara {font-family:'Acumin Pro', sans-serif; font-size:1.0625em;}
img.pgTop {width:100%;height:auto;margin-top:0;}

p.close {
    margin-bottom: 1%;
}
p.close {
    margin-bottom: 1%;
}
p.emph {
    font-style: italic;
}
p.ltxt {
    text-align: left;
}
p.caption {
    font-size: 0.75em;
}
p.justify {
    text-align: justify;
}
p.discontinuedNote {
    font-style: italic;
    color: red;
}
p.pHdr {
    font-size: 1em;
    line-height: 120%;
}
.bigNote {
    font-weight: 700;
    font-size: 1.25em;
    line-height: 150%;
}
ol.disc  {
    list-style: disc;
    font-size: 0.875em;
    line-height: 1;
    font-family:arial, sans-serif;
}

ul.disc {
    list-style: disc;
    font-size: 0.875em;
    line-height: 1;
    font-family:arial, sans-serif;
}

ul.close {
    margin-top: 6px;
    font-family:arial, sans-serif;
}

table {
    border-collapse: collapse;
    margin: 0 auto 0 auto;
    font-family:arial, sans-serif;
    font-size: 0.875em;
    width: 95%;
    border: 1px solid #ccc;
}
ul.bigger {
    font-size: 1em;
}
.scrollTab {
    overflow: auto;
    height: auto; /* 12.11.20 500px; client wants entire table shown */
    width: 97%;
}
td,
th {
    border: 1px solid #ccc;
    text-align: left;
    padding: 1px;
}
td.td-right {
    text-align: right;
}
td.camera-button-td {
    text-align: center;
    vertical-align: middle;
}
th.camera-button-td {
    width: 69px;
    padding: 1px 0 1px 0;
}
td.label {
    font-weight: 700;
}
th.td-right {
    text-align: right;
}
th.label {
    font-weight: 700;
}
table.noborder {
    border: none;
    margin: 0 auto 0 auto;
}
td.no-border {
    border: none;
}
td.camSrchTD {
    padding: 3px;
    border: none;
}
.srchSelOpt {
    font-size: inherit;
}
p.bInfoTxt {
    margin: 15px auto 15px auto;
    font-weight: 700;
}
.srchFrmSubpage {
    border: 1px solid #999;
    padding: 8px;
    margin: 1%;
    width: 200px;
    float: right;
}

.nwrap {white-space:nowrap;}

ul.feature {line-height:125%;font-size:inherit;list-style:disc;display:block;}
/* li {
    font-size: 0.875em;
    padding-bottom: 10px;
}
*/
/*img {
    border: 1px solid #999;
    margin: 1%;
}
*/
img.buy {
    width: 65px;
    height: 22px;
    border: none;
}
img.noborder {
    border: none;
}
/*img.accessories {
    width: 80px;
    height: 89px;
    border: 1px solid gray;
    margin-top: 10px;
}
*/
img.camaccessories {
    display: block;
    margin:1% auto;
    float:none;
    width: 190px;
    height: 100px;
    border: 1px solid gray;
}

img.accessories {
    display: block;
    margin:1% auto;
    float:none;
    width: 80px;
    height: 89px;
    border: 1px solid gray;
}

img.square180 {
     display: block;
    margin:1% auto;
    float:none;
   width: 180px;
    height: 180px;
    border: 1px solid #999;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
.cf:after,
.cf:before {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
}

/* moved clearit,clearbutton from modules to here, added display block, changed color wasn't showing up 2.2.21 */
.clearit {text-align:left;margin:0 0 .5% 2%;padding:0;width:96%;display:block;height:50px;background:white;}

.clearbutton {font-size:.875em;padding:5px 10px 5px 10px;background:white;border-radius:10px;border:1px solid rgb(138,39,18);display:block;color:rgb(138,39,18);}

/* interfering with menu. Try removing 2.2.21
a {
    color: rgb(138,39,18);
    text-decoration: none;
    font-family:arial, sans-serif;
    font-size: 0.875em;
}
a:visited {
    color: rgb(138,39,18);
}
a:hover {
    color: rgb(0, 102, 255);
}
*/

a.hdrlnk {
    color: rgb(138,39,18); /* 1.12.21 was #4c1130; */
    text-decoration: underline;
   font-family:arial, sans-serif;
    font-size: 1em;
font-weight:bold;   /* 1.7.21 added */
}
a.hdrlnk:visited {
    color:rgb(138,39,18);
}
a.hdrlnk:hover {
    color:rgb(0, 102, 255);  /* 1.12.21 #rgba(174, 7, 33, 1); */
}
a.title {
    font-style: italic;
    color:rgb(138,39,18);  /* 1.12.21 rgb(0, 102, 255); */
    text-decoration: underline;
}
a.uline {
    color: rgb(138,39,18);
    text-decoration: none;
    font-family:arial, sans-serif;
    font-size: 0.875em;
    text-decoration: underline;
    color:rgb(138,39,18); /* 1.12.21 rgb(0, 102, 255); */
/*    font-size: inherit; 2.2.21 */
    font-weight:bold;   /* 1.7.21 added */
}
a.uline:visited {
    color: rgb(138,39,18); /* 1.12.21 rgb(0, 102, 255); */
}

/* 1.12.21 added for matrix tables (changed them from uline */
a.matrix {
    text-decoration: underline;
    color: #383838;  /* text color */
    font-size: inherit;
    font-weight:normal;   /* 1.7.21 added */
}
a.matrix:visited {
    color: #383838; /* 1.12.21 rgb(0, 102, 255); */
}

a.side {
    color: #000;
    text-decoration: underline;
}
a.side:hover {
    color: #999;
}
a.buttonTxt {
    color: #fff;
    font-size: 1em;
}
a.buttonTxt:hover {
    color: #9a2526;
}
a.more {
    font-size: 0.75em;
    text-decoration: underline;
   color: rgb(138,39,18); /* 1.12.21 added */
}
a.more:hover {
    color: rgb(0, 102, 255);   /* 1.12.21  #556b2f; */
}
a.big {
    font-size: 1em;
    font-style: normal;
    text-decoration: underline;
    color:rgb(138,39,18); /* 1.12.21 rgb(0, 102, 255); */
  font-weight:bold;   /* 1.7.21 added */
}
a.big:hover {
    color: rgb(0, 102, 255);  /* 1.12.21 #999; */
}
a.CtoA {
    font-size: 1.25em;
    font-style: normal;
}

/* 1.27.21 changed quote buttons to white with red text and red border */
/* 12.10.23 Changed button to red with white text and white text. */
.quotebutton {
    width: 125px;
    height: 36px;
    border: 1px solid #AE0721; /* was #8A2712;*/
    border-radius:5px;
    box-shadow: none;
}
.quotebutton-sm {
    width: 65px;
    height: 18px;
    border: 1px solid #AE0721; /*#8A2712; */
    box-shadow: none;
    padding: 0; /* 90 2px; */
    vertical-align: middle;
    border-radius:5px;
}

/* Added 12.1.20 */
.srchbxcontainer {display: inline-block;text-align: right;border:1px solid #ccc;white-space: nowrap;text-align:center;width:148px;min-height:14px;}
.goimg {
    border:none;
    width: 14px;
    height: 14px;
    margin:0 0 4px 4px;
    vertical-align: middle;
/*    float: left; */
}


.contactus {background:rgba(174, 7, 33, 1); width:100%;height:auto;border:none;margin:0 auto;padding:0;}

.indent {
    margin-left: 4%;
}
.indentsm {
    margin-left: 2%;
}
.bigindent {
    margin-left: 10%;
}
.indentBorder {
    margin-left: 4%;
    border-bottom: 1px solid #999;
}
.social {
    margin: 1%;
}
.socialicons {
  float:right;
    width: 35px;
    height: 35px;
    margin: 3% 0 3% 3%; /* 5px 0 5px 5px; */
    border: none;
    box-shadow: none;
    vertical-align: middle;
}
.tagline {
    font-style: italic;
    font-size: 0.875em;
}
.ctr {
    text-align: center;
}
.ctrDiv {
    margin-left: auto;
    margin-right: auto;
}
.urlspacer {
    margin-left: 2%;
}
.blogImg {
    border: none;
    box-shadow: none;
    width: 28px;
    height: 30px;
    margin: 1% 1% 1% 5px;
}
.cinfo {
    float: right;
    margin: 1%;
}

.sideBlock {
    width: 100%;
    margin-top: 0;
    padding-top: 0;
}
.spacer {
    padding-left: 20px;
}
.ctrDiv {
    margin: 1% auto 1% auto;
}
.ctr {
    text-align: center;
}
.frm {
    border: 1px solid #000;
}
.cnote {
    text-align: center;
    font-style: italic;
}
.iTitle {
    font-style: italic;
}
#container {
font-family:"Acumin Pro", sans-serif;;
    margin: 0 -2.1666%;
    position: relative;
    padding-top:0;   /* 2.1.21 was 200px; / 12.20.20 */
 }
.column {
font-family:arial, sans-serif;
    position: relative;
    float: left;
    width: 98%; /* was 73%; but 98 in cameras */
    margin:  0 0 0 2%;
    padding: 2px;
    color: #333;
    background: #fff;
}
.column2 {
font-family:arial, sans-serif;
    position: relative;
    float: right;
    width: 19%;
    max-width: 500px;
    margin: 0 3% 0 0;
    padding: 2px;
    color: #333;
    background: #fff;
}
.col2inner {
font-family:arial, sans-serif;
    padding: 3%;
    margin: 4% 4% 1% auto;
    background: #e6f2ff;
    background: #e6e6e6;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 5px #ccc;
    text-align: center;
}
.noteBox {
    width: 80%;
    padding: 3%;
    margin: 1% auto;
    background: #e6f2ff;
    background: #e6e6e6;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 5px #ccc;
}
.pgDiv {
   font-family:arial, san-serif;
    margin: 1% auto 1% auto;
    width: 80%;
}
.backgrounds {
    position: absolute;
    width: 100%;
    height: 100%;
}
.backgrounds .column {
    height: 100%;
}

img.PDF {
    border: none;
    width: 19px;
    height: 17px;
    vertical-align: middle;
}
img.newpdf {
    border: none;
    width: 33px;
    height: 17px;
    vertical-align: middle;
}

/* added h1 1.11.24 */
@media screen and (min-width:200px) and (max-width: 1024px) {
  h1 {line-height: normal;}
}

/* Removed pgTopTxt from above to change breakpoint 6.9.24 */
@media screen and (min-width:200px) and (max-width: 1550px) {
	.pgTopTxt {width:85%;}
}

/* 12.20.20 Changed breakpoint to 1278 instead of 1024
  @media screen and (max-width: 1024px) {
*/
 @media screen and (max-width: 1278px) {
    #container {  margin: 1% auto 0 auto;}

    .column {
        float: none;
        width: 100%; /* 95%;  12.2.20 trying to fix mobile*/
        margin: 2% auto 0 auto;  /* 12.22.20 changed top to 2% trying to fix cut-off on mobile */
    }
    .column2 {
        float: none;
        margin: 1% auto;
        width: 80%;
        padding: 0;
        text-align: center;
    }
    col2inner {
        margin: 0 auto;
        width: 95%;
        background-color: #e6e6e6;
    }
}


@media screen and (min-width: 200px) and (max-width: 799px) {
    .col2inner {
        box-shadow: none;
        border-radius: 0;
        margin: 0 0 0 3%;
        padding: 0;
        width: 95%;
        background-color: #e6e6e6;
    }
    p.big {
        font-size: 1.5em;
        text-align: left;
        margin: 0.5% 0 3% 1%;
        width: 100%;
    }

    /* copied here 1.11.24 */
    a.hdrlnk {
      color: rgb(138,39,18); /* 1.12.21 was #4c1130; */
      text-decoration: underline;
     font-family:arial, sans-serif;
      font-size: 1em;
  font-weight:bold;   /* 1.7.21 added */
  }
  a.hdrlnk:visited {
      color:rgb(138,39,18);
  }
  a.hdrlnk:hover {
      color:rgb(0, 102, 255);  /* 1.12.21 #rgba(174, 7, 33, 1); */
  }
  
}

   
}