@font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 400;
src: local('Lora'), local('Lora-Regular'), url(./lorareg.woff) format('woff');
}
@font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 700;
src: local('Lora Bold'), local('Lora-Bold'), url(./lorabold.woff) format('woff');
}
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
src: local('Bitter-Regular'), url(./bitterreg.woff) format('woff');
}
* {
margin: 0; 
padding: 0;  	
font-family: Lora, serif;
text-decoration: none;
letter-spacing: normal;
}
.mainTable {
	width: 95vw; 
	margin-left:3vw;
	overflow: hidden;
}
.fixedHeader {
position: fixed;
top:0; 
margin:0;
padding:0;
right:0;
left:0;
width: 100vw; 
z-index: 99999;
background-color: #ffffff;
}
.headerClear {
clear:both;
}
.leftNavy {
	width: 340px; 
	text-overflow: ellipsis; 
	overflow: hidden;
	padding: 0 0 0 7px; 
	border-right: 1px solid #EBEBEB;
}
ol, ul, li { 
margin: 0; 
padding: 0;  	
}
hr {
border: 0;
width: 95%;
color: #F2F2F2;
background-color: #F2F2F2;
height: 2px;
margin-top: 2px;
}
input {
border: 5px solid #F7F7F7;
padding: 15px;
background: rgba(255,255,255,0.5);
margin: 0 0 10px 0;
font-size: 22px;
}
textarea {
font-family: Lora, serif;
text-decoration: none;
font-size: 22px;
width: 550px;
padding: 3px;
background-color: #FFFFFF;
color: #000000;
}
input[type="submit"]:hover {
border: 5px solid darkred;
}
input[type="button"] {
cursor:pointer;	
}
input[type="radio"], input[type="checkbox"] {
    width: 30px;
    height: 30px; 
}
input[type="button"]:hover {
border: 5px solid darkred;
}
a:link    {
text-decoration:none;
color: #0000FF;
font-weight: 400;
}
a:visited {
text-decoration:none;
color: #0000FF;
font-weight: 400;
}
a:active  {
text-decoration:none;
color: #0000FF;
font-weight: 400;
}
a:hover   {
color: red;
}
img {
border: none;
}
.headerImg, .thumbImg, .originalImg, .viewableImg, .desktopSmallViewableImg, .viewableImageMore  {
	min-width: 90vw;
	max-width: 90vw;
	width:auto;
    height:auto;
}
.moreWide {
	min-width: 82vw;
	max-width: 82vw;
	width:auto;
    height:auto;
}
.headerImg, .thumbImg, .originalImg, .viewableImg, .desktopSmallViewableImg {
	pointer-events: none;
}
.midthumbImg, .d304, .navImg  {
	pointer-events: none;
	min-width: 33vw;
	max-width: 33vw;
	width:auto;
    height:auto;
}
.siteLogo {
      width:20vw;	
      height: auto;
      aspect-ratio: 352/80;
      margin:0;
}
.topNav {
      width: 100vw;	
      height:80px;
      margin:0;
}
.leftM {
	width: 10px;
}
blockquote {
background: url(/images/quotet.gif) no-repeat 20px 10px #e2ca73;
color: #000000;
font-family: Lora, serif;
font-weight: 400;
margin: 0;
padding: 20px 30px 10px 100px;
line-height: 34px !important;
font-size: 22px !important;
}
li, dd { margin-left: 40px; }
body {
font-size: 16px;
color: #333333; 
}
form {
margin: 0px;
padding: 0px;
}
h2 {
color: #000000;
font-family: Bitter, serif; 
font-weight: 400;
text-decoration: none;
margin: 0 0 8px 0;
padding: 0;
font-size: 30px;
text-decoration: none;
display: block;
line-height: 1.2;
}
h2 a {
font-family: Bitter, serif !important;
font-weight: 400;
color: #003F87 !important;
text-decoration: none;
display: inline;
}
h2 a:hover {
color: #CD0000 !important;
}
h3 {
color: #000000;
font-family: Bitter, serif;
text-decoration: none;
padding: 0;
font-size: 28px;
text-decoration: none;
display: inline;
line-height: 1.2;
}
h3 a {
font-family: Bitter, serif !important;
color: #000000 !important;
text-decoration: none;
display: inline;
}
h3 a:hover {
color: #cd0000 !important;
}
p   
{ 
font-family: Bitter, serif;
text-decoration: none;
}
h1 {
font-size: 36px;
font-weight: 400;
} 
.blogy, .mainContent h2.blogy, .mainContent h3.blogy {
color: #0D0D0D; 
font-size: 20px;
font-weight: 400;
font-family: Lora, serif;
}
.blogy a, .mainContent h2.blogy a, .mainContent h3.blogy a {
font-size: 20px;
font-family: Lora, serif;
color: #000000 !important;
text-decoration: none !important;
border-bottom: 4px solid #b4e7f8;
font-weight: 400;
}
.smallblogy {
color: #0D0D0D; 
font-size: 20px;
font-weight: 400;
font-family: Lora, serif;
}
.bigblogy, .bigblogy a {
color: #0D0D0D; 
font-size: 26px;
font-weight: 400;
font-family: Lora, serif;
}
.topNavText {
color: #1C1C1C; 
font-size: 30px;
font-family: Bitter, serif;
line-height: 40px;
}
.topNavMenuText {
color: #0D0D0D; 
font-weight: 400;
font-family: Lora, serif;
}
.topNavMenuText a {
font-family: Lora, serif;
color: #000000 !important;
text-decoration: none !important;
font-weight: 400;
}
.darkyh1, .darkyh1 a, .siteMapTitle, .sideNavh1 {
color: #1C1C1C; 
font-size: 26px;
font-family: Lora, serif;
}
#supercontainer {
	margin-left: 5px;	
}
.readability {
padding: 0 65px 0 0;
line-height: 34px;
}
.readability img {
padding: 0;
}
.headerReadability {
padding: 20px 0 15px 0;
line-height: 38px;
}
.blackLink { 
margin:0;
color: #000000 !important;
text-decoration: none !important;
border-bottom: none !important;
}
.blackLink:hover {
cursor:pointer;
text-decoration: none;
}
.blackLink a {
color: #000000 !important;
text-decoration: none !important;
border-bottom: none !important;
}
.blackLink a:hover {
color: #cd0000 !important;	
text-decoration: none !important;
border-bottom: none !important;
}
.s101 { 
margin:0;
color: #000000 !important;
text-decoration: none !important;
border-bottom: none !important;
}
.s101:hover {
cursor:pointer;
text-decoration: none !important;
border-bottom: none !important;
}
.s101 a {
color: #000000 !important;
text-decoration: none !important;
border-bottom: none !important;
}
.s101 a:hover {
color: #CD0000 !important;	
text-decoration: none !important;
border-bottom: none !important;
}
.s660 { 
margin:0;
color: #000000 !important;
text-decoration: none !important;
border-bottom: none !important;
width: 310px; 
border: 1px solid #E8E8E8; 
background-color: #F0F0F0;  
padding-left:5px; 
padding-right: 5px;
}
.s660:hover {
cursor:pointer;
text-decoration: none !important;
border-bottom: none !important;
}
.s660 a {
color: #000000 !important;
text-decoration: none !important;
border-bottom: none !important;
}
.s660 a:hover {
color: #CD0000 !important;	
text-decoration: none !important;
border-bottom: none !important;
}
.s661 { 
margin:0;
text-decoration: none;
margin:0; 
padding: 5px 12px 5px 12px; 
text-align: left; 
cursor:pointer;
}
.s661:hover {
background-color: #7AA9DD;
cursor:pointer;
}
.blueLink { 
margin:0;
color: #1464F4 !important;
text-decoration: none !important;
border-bottom: none !important;
}
.blueLink:hover {
cursor:pointer;
text-decoration: none !important;
border-bottom: none !important;
}
.blueLink a {
color: #1464F4 !important;
text-decoration: none !important;
border-bottom: none !important;
}
.blueLink a:hover {
color: #CD0000 !important;	
text-decoration: none !important;
border-bottom: none !important;
}
.sbox { 
margin: 15px 15px 15px 15px;
color: #3B3B3B !important;
text-decoration: none;
width: 20vw;
height: 30px;
padding: 5px;
background-color: #EBEBEB;
border: 1px solid #DBDBDB;
}
.sbox:hover {
cursor:pointer;
text-decoration: none;
background-color: #7AA9DD;
border: 1px solid red;
}
.sbox a {
color: #000000 !important;
text-decoration: none;
}
.sbox a:hover {
color: #CD0000 !important;	
text-decoration: none;
}
.stext, .stext a {
color: #1C1C1C; 
font-size: 20px;
font-family: Lora, serif;
display: inline-block;
line-height: 30px;
}
.d101 { 
margin: 2px 8px 2px 0;
color: #3B3B3B !important;
text-decoration: none;
width: 145px;
height: 30px;
padding: 4px;
background-color: #EBEBEB;
border: 1px solid #DBDBDB;
overflow:hidden;
text-overflow: ellipsis;
white-space:nowrap;
float: left;
clear: none;
}
.d101:hover {
cursor:pointer;
text-decoration: none;
background-color: #7AA9DD;
border: 1px solid red;
}
.d101 a {
color: #000000 !important;
text-decoration: none;
}
.d101 a:hover {
color: #CD0000 !important;	
text-decoration: none;
}
.sideNavNarrowLinkContainer { 
width: 335px;
}
.sideNavWideLink { 
margin: 0 0 6px 0;
color: #3B3B3B !important;
text-decoration: none;
width: 300px;
height: 30px;
padding: 5px;
background-color: #EBEBEB;
border: 1px solid #DBDBDB;
float: left;
clear: none;
}
.sideNavWideLink:hover {
cursor:pointer;
text-decoration: none;
background-color: #7AA9DD;
border: 1px solid red;
}
.sideNavWideLink a {
color: #000000 !important;
text-decoration: none;
}
.sideNavWideLink a:hover {
color: #CD0000 !important;	
text-decoration: none;
}
.s333, .s333 a {
color: #1C1C1C; 
font-size: 20px;
font-family: Lora, serif;
display: inline-block;
line-height: 30px;
vertical-align: middle;
}
.d109 { 
float: left;
width: 15px;
height: 30px;
}
.blueHoverArea { 
margin:0;
text-decoration: none;
}
.blueHoverArea:hover {
background-color: #7AA9DD;
cursor:pointer;
}
.hoverArea { 
margin:0;
text-decoration: none;
}
.hoverArea:hover {
background-color:  #FFFF7E;
cursor:pointer;
}
div.clear {
clear:both;
}
.noticeButton {
	width:120px; 
	height: 60px; 
	font: Cambria; 
	font-size: 20px; 
	background-color: #C1F0F6;
} 
.viewableImageMore, .viewableImageMore a, .moreWide, .moreWide a {
color: #000000 !important;
text-decoration: none !important;
border-bottom: none !important;
text-align:right;
}
.viewableImageMore a:hover, .moreWide, .moreWide a:hover {
color: #ff0000 !important;
}
.mainContent {
margin: 0;
padding: 0;
max-width: 90vw;
line-height: 33px; 
margin-bottom: 33px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mainContent h1 {
	font-family: Bitter, serif !important;
    font-size: 40px;
}
.mainContent h2 a {
font-family: Bitter, serif !important;
color:  #0D0D0D !important; 
text-decoration: none !important;
border-bottom: none !important;
}
.mainContent h2 a:hover {
font-family: Bitter, serif !important;
color: #0D0D0D !important; 
text-decoration: underline !important;
text-decoration-color: #b4e7f8 !important;
-webkit-text-decoration-color: #b4e7f8 !important;

}
.mainContent h3 a {
font-family: Bitter, serif !important;
color: #000000 !important;
}
.mainContent a.s101 {
color:#000;
font-weight: 400;
}
.mainContent a.blueLink {
color:#1464F4;
font-weight: 400;
}
.mainContent strong {
font-weight:bold;
}
.bodyWidthBox {
	width: 90vw;
}
.borderField {
border: 1px solid #8c9dad; 
padding: 5px 15px 15px 15px; 
margin: 0 60px -20px 0;
}
.tdTableHeaderCell {
margin: 0; 
border-collapse:collapse; 
padding: 5px 10px 5px 10px;
vertical-align: top;
}
.td1of2, .td2of2, .td1of3, .td2of3, .td3of3 , .tuCell {
margin: 0; 
padding: 0;
border-collapse:collapse; 
vertical-align: top;
line-height: 33px; 
padding: 1vw;
border: 1px solid gray; 
}
.boxy1of2, .boxy2of2, .boxy1of3, .boxy2of3, .boxy3of3 {
margin: 0; 
padding: 0;
vertical-align: top;
line-height: 33px; 
overflow-wrap: break-word;
word-wrap: break-word;
display: inline-block;
}
.td1of2,  .boxy1of2 {
   width: 200px;
}
.td2of2,  .boxy2of2{
   width:  450px;
}
.td1of3, .boxy1of3{
   width: 200px;
}
.td2of3, .boxy2of3 {
   width: 210px;
}
.td3of3, .boxy3of3 {
   width: 230px;
}
.tdTableHeaderCell {
   width: 90vw;	
}
.tuCell {
border-bottom: 1px solid #95e3c0; 
padding: 10px 10px 18px 10px;
}
.td1of2 .d002, .td2of2 .d002,.td1of3 .d002,.td2of3 .d002,.td3of3 .d002,  .tdTableHeaderCell .d002, .tuCell .d002 {
width: 1px;
height: 5px;
clear: both;
}
.flatlisttable {
	border: 1px solid gray; 
	margin:0; 
	padding:0;
}
.tdColorlist,  .tdFlatList {
margin: 0; 
padding: 0;
vertical-align: top;
}
.tdFlatList {
border: 1px solid gray; 
}
.tdFlatList .d002{
width: 1px;
height: 2px;
clear: both;
}
.hlist {
margin: 0; 
padding: 0;
overflow-wrap: break-word; 
display: inline-block;
padding: 10px 10px 30px 10px;
width: 40vw;
}
.mreven, .mrevensmall {
margin: 0; 
padding: 0;
overflow-wrap: break-word; 
display: inline-block;
width: 40vw;
}
.mreven {
padding: 10px 10px 10px 10px;
}
 .mrevensmall {
padding: 2px 2px 2px 2px;
}
.tablist1,  .tablist2, .colortablist1, .colortablist2, .cheader, .cheader2 {
margin: 0; 
overflow-wrap: break-word; 
display: inline-block;
}
 .cheader, .cheader2 {
   clear: both; 
    float: none;
 }
 .colortablist1{
   clear: none; 
    float: left;
 }
 .colortablist2 {
   clear: none; 
   float: right;
 }
  .cheader2 {
      padding-top: 10px;
  } 
  .colorHeader {
      padding: 15px;
      width:80vw;
 } 
 .surveyItem {
      padding: 20px;
      cursor: pointer;
     text-align: center;
     border-radius: 5px;
     border: none;
     transition: background-color 0.3s;
     width: 33vw;
     margin-right: 10px;
     margin-bottom: 15px;
     float: left;
 }
 
 .surveyItem:hover {
        outline: 1px #000133 solid;
 }
 
  .appButton, .appButtonSelected {
      padding: 10px;
      height: 40px;
      cursor: pointer;
     text-align: center;
     border: solid 1px #000000;
     margin-right: 8px;
     margin-bottom: 12px;
     float: left;
 }
.appButtonSelected {
      background-color: #17d0d8;
 }
 
 .appButton:hover {
        background-color: #e7feff;
 }
 

.tablist1,  .tablist2, .colortablist1, .cheader {
padding: 10px 10px 10px 10px;
}
.tablist1, .colortablist1 {
		width: 28vw; 
}
 .tablist2, .colortablist2 {
		width: 58vw; 
}
.colortablist1 {
		min-height: 100px; 
		margin-top: 5px;
}
.cheader {
		min-width: 700px;
		margin-top: 5px;
}
.colortablist2 {
padding: 0px 10px 10px 10px;
}
 .threeDiv {
	float: left; 
	clear: none; 
	padding-right:30px; 
	width: 230px;
}
 .threeDivWide {
	float: left; 
	clear: none; 
	width: 460px;
}
 .threeDivImage {
	width:220px;
}
div#content a:link, div#content a:visited {
color: blue;
text-decoration: none;
}
div#content a:hover {
color:red;
text-decoration: underline;
}
div .leftFloat {
    clear: none; 
    float: left;
    -webkit-touch-callout: all;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.cP, .cPText {
    clear: none; 
    float: left;
    width: 33vw; 
    -webkit-touch-callout: all;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;  
}
.cP {
    text-align:center; 
    border: 1px solid #ffffff;
    height: 150px;  
}
.cPText {
    background:#ffffff; 
    text-align: left;  
    padding:0; 
     border: 1px solid #f4f5f0;
     min-height: 150px;  
}
.clear {
clear: both;
}
.selectable {
-webkit-touch-callout: default !important;
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
#moreBox { 
text-align: right;
}
#moreBox a {
text-decoration: none;
color: #000000; 
}
#moreBox a:hover {
text-decoration: none;
color: red;
}
#subFooterArea {
width: 85vw; 
padding: 5px;
margin-left:3vw;
border-top:1px dashed #eee;
background-color: #f1f1f1; 
}
#subFooterArea a {
color: #2d2d2d;
}
#subFooterArea a:hover {
color: #0000FF;
}
.darkBox {
width: 70vw; 
padding: 1vw;
}
.darkBox a {
color: snow;
}
.topNavFirstSpacer {
width: 5vw; 
}
#clearBoxBelowTopNav {
height: 10px; 
width: 90vw; 
clear: both; 
}
.d301 {
width:20vw; 
margin:0; 
padding: 0 2px 2px 2px;
}
.d303 {
display: block;
width:55vw; 
margin:0; 
padding: 0 2px 2px 2px;
}
.d302 {
width: 5px;
}
.d001 {
width: 1px;
height: 30px;
clear: both;
}
.d002 {
width: 1px;
height: 15px;
clear: both;
}
.vSpacerDouble {
width: 300px;
height: 40px;
clear: both;
}
.adSpacerMobile {
width: 51vw;
height: 40px;
clear: both;
}
.vSpacer {
width: 300px;
height: 20px;
clear: both;
}
.adSpacer {
width: 300px;
height: 15px;
clear: both;
}
.vSpacerMobileOnly {
width: 300px;
height: 0px;
clear: both;
}
.vSpacerSmall {
width: 300px;
height: 10px;
clear: both;
}
.accessTableCol1 {
width: 270px; 
margin: 0;  
border: none; 
padding: 0;
}
.accessTableCol2 {
width: 550px; 
margin: 0;  
border: none; 
padding: 0;
}
.accessTableCol1 .d002,  .accessTableCol2 .d002{
width: 1px;
height: 5px;
clear: both;
}
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}
.sidenavitem {
	width: 330px;
}
.sidenavclear {
	width: 330px;
	height: 1px; 
	clear: both;
}
.ulcustom {
   padding-bottom: 1.5em;
}
.qB {
width: 90vw;
border-top: 1px solid #c0c6c9;
padding: 10px 5px 25px 5px;
cursor: pointer;
}
.qB:hover {
    background-color: #f0f8ff;
}
.authB {
    width: 40vw;
}
.verB {
   width: 25vw; 
   text-align: right;
}
.quoteBox {
    width: 80vw; 
    -webkit-touch-callout: all;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;  
    text-align:left; 
    border: 1px solid #a8a8a8;
    border-radius: 5px; 
    padding: 20px; 
    margin: 5px; 
}
.bigColorBox {
    width: 80vw; 
     height: 400px;
    -webkit-touch-callout: all;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;  
    text-align:left; 
    border: 1px solid #a8a8a8;
    border-radius: 5px; 
    padding: 20px; 
    margin: 5px; 
    position: relative;
}
.bigColorHex {
	position: absolute; 
	top: 400px; 
	left: 65vw;
}
.full-width-button,  .full-width-button a {
    display: block;
    width: 90%;
    padding: 10px;
    text-align: center;
    background-color: #c0c6c9;
    color: black !important;
    font-size: 24px;
    text-decoration: none;
    border-radius: 5px;
    border: 1px #30accd solid;
  }
  .full-width-button:hover {
    background-color: #0056b3;
    color: white !important;
  }

@media only screen and (min-device-width : 1200px) {
.blogy, .blogy a, .mainContent ul li, .mainContent ol li, .mainContent ul li a, .mainContent ol li a, .mainContent h2.blogy, .mainContent h2.blogy a, .mainContent h3.blogy, .mainContent h3.blogy a {
    font-size: 24px;
}
.mainContent h2, .mainContent h2 a {
    font-size: 34px;
}
.smallblogy, .smallblogy a {
	font-size: 20px;
}
.bigblogy, .bigblogy a {
	font-size: 28px;
}
.topNavMenuText a {
	font-size: 26px; 
}
.mainContent h1 {
    font-size: 36px;
}
.sbox {
	margin: 4px;
	width: 380px;
	height: 42px;
	padding: 4px;
	overflow: hidden;    
}
.stext, .stext a {
	font-size: 24px;
	white-space: nowrap;
}
.citeSpacer {
	width:800px;
}
.siteMapTitle {
	font-size: 40px;
}	
.headerReadability {
padding: 27px 0 10px 0;
line-height: 40px;
}
.siteLogo {
      width:230px;
      padding-left:10px;	
}
.fixedHeader {
width: 1200px;
height: 74px;
margin-right:auto;
margin-left:auto; 
}
.hide-on-scroll {
        display: none;
 }
.headerClear {
   height: 74px;
}
.mainTable {
	width: 1200px; 
	margin-right:auto;
	margin-left:auto;
	overflow: hidden;
}
#subFooterArea {
	width: 1200px; 
	margin-right:auto;
	margin-left:auto;
}
.darkBox {
width: 50vw; 
}
.topNav {
      height:69px;
}
.topNavFirstSpacer {
width: 90px; 
}
.topNav1 {
	width: 90px;
}
.topNav2 {
	width: 140px;
}
.topNav3 {
	width: 90px;
}
.topNav4 {
	width: 300px;
}
.topNav5 {
	width: 300px;
	text-align: right;
}
.mainContent {
max-width: 800px;
}
.bodyWidthBox {
	width: 800px;
}
#pagefeed {
max-width: 800px;
}
.d303 {
width:350px; 
}
.headerImg, .thumbImg, .originalImg, .viewableImg {
	min-width: 790px;
	max-width: 790px;
}
.desktopSmallViewableImg, .viewableImageMore {
	min-width: 650px;
	max-width: 650px;
}
.moreWide {
	min-width: 780px;
	max-width: 780px;
}
.midthumbImg, .d304 {
	min-width: 350px;
	max-width: 350px;
}
.navImg {
	min-width: 295px;
	max-width: 295px;
}
.s661 { 
padding: 5px 5px 5px 5px; 
}
.readability {
padding: 0 22px 0 10px;
line-height: 40px;
}
.adSpacer {
height: 8px;
}
.vSpacer {
height: 10px;
}
.vSpacerDouble {
height: 30px;
}
.adSpacerMobile {
display: none;
}
.desktopOnly, .desktopOnlyFixed, .desktopOnlyMid {
	display:block;
}
.desktopOnly {
	width: 336px;
	height: 280px;
}
.desktopOnlyMid {
	width: 728px;
	height: 90px;
}
.mobileOnly {
	display:none;
}
.cP {
    width: 370px; 
    height: 160px; 
    border: 3px solid #ffffff;
}
.cPText {
    width: 370px; 
    height: 100%;
    min-height: 160px; 
}
.d001 {
height: 32px;
}
.leftNavy {
display:block;	
width: 340px; 
overflow: hidden;
} 
.mreven, .mrevensmall, .hlist {
width: 370px;
}
.tablist1,   .colortablist1  {
width: 245px;
}
 .tablist2, .colortablist2 {
width: 480px;
}
.sidenavitem {
	width: 330px;
}
.sidenavclear {
	width: 330px;
}
.s660 { 
width: 310px; 
}
 .surveyItem {
      width: 340px;
 }
 .colorHeader {
      width:780px;
      font-size: 40px;
 } 
.qB {
width: 700px;
}
.authB {
    width: 400px;
}
.verB {
   width: 200px; 
} 
.quoteBox {
    width: 750px;
}
.bigColorBox {
    width: 750px;
}
.bigColorHex {
	left: 665px;
}
.full-width-button {
	width: 750px;
}	
}


@media only screen and (min-device-width : 600px) and (max-device-width : 1200px)  {
.fixedHeader {
   height: 72px;
}
.hide-on-scroll {
        display: block;
 }
.headerClear {
   height: 72px;
}
.blogy, .blogy a, .mainContent ul li, .mainContent ol li, .mainContent ul li a, .mainContent ol li a, .mainContent h2.blogy, .mainContent h2.blogy a, .mainContent h3.blogy, .mainContent h3.blogy a {
    font-size: 20px;
}
.mainContent h2, .mainContent h2 a {
    font-size: 32px;
}
.smallblogy, .smallblogy a {
	font-size: 20px;
}
.bigblogy, .bigblogy a {
	font-size: 26px;
}
.topNavMenuText a {
	font-size: 26px; 
}
.topNavFirstSpacer {
width: 17vw;
}
.topNav1 {
	width: 14vw;
}
.topNav2 {
	width: 18vw;
}
.topNav3 {
	display: 14vw;
}
.topNav4 {
	display: none;
}
.topNav5 {
	width: 19vw;
	text-align: right;
}
.mainContent h1 {
    font-size: 36px;
}
.citeSpacer {
	width:85vw;
}
.sbox {
	margin: 4px;
	width: 28vw;
	height: 38px;
	padding: 3px;
	overflow: hidden;
}
.stext, .stext a {
	font-size: 20px;
	white-space: nowrap;
}
.siteMapTitle {
	font-size: 40px;
}	
.headerReadability {
padding: 27px 0 10px 0;
line-height: 40px;
}
.siteLogo {
      width:23vw;	
}
.topNav {
      height:40px;
}
.mainContent {
max-width: 90vw;
}
#pagefeed {
max-width: 90vw;
}
.readability {
padding: 0 22px 0 0;
}
.adSpacer {
height: 8px;
}
.vSpacer {
height: 10px;
}
.vSpacerDouble {
height: 30px;
}
.adSpacerMobile {
height: 30px;
display: block;
}
.desktopOnly, .desktopOnlyFixed, .desktopOnlyMid {
	display:none;	
}
.mobileOnly {
  min-width:300px;
  max-width:1200px;
  width:100%;
  height: 250px;
  display:block;
}
.cP {
    width: 42vw; 
    height: 120px;  
}
 .cPText {
    width: 42vw; 
    height: 100%;
    min-height: 120px;  
}
.d001 {
height: 20px;
}
.leftM {
	width: 4px;
}
.leftNavy {
    display:none;	
} 
.hlist {
padding: 6px 6px 12px 6px;
}
.tablist1, .tablist2, .mreven, .hlist, .colortablist1, .cheader {
padding: 6px 6px 6px 6px;
}
.colortablist2 {
padding: 0px 0px 6px 10px;
}
.cheader {
		min-width: 85vw;
}
 .cheader2 {
     padding-top: 5px;
  } 
 .borderField {
	margin: 0 40px -20px 0;
}
 .td1of2,  .boxy1of2 {
   width: 30vw;
}
.td2of2,  .boxy2of2{
   width:  50vw;
}
.td1of3, .boxy1of3{
   width: 25vw;
}
.td2of3, .boxy2of3 {
   width: 25vw;
}
.td3of3, .boxy3of3 {
   width: 30vw;
} 
 .surveyItem {
      width: 38vw;
 }  
  
}

@media only screen and (min-device-width : 600px) and (max-device-width : 800px)  {
.mainTable {
	overflow: hidden;
}	
 .tablist1, .colortablist1 {
		width: 38vw; 
		padding: 4px 4px 4px 4px;
}
 .tablist2, .colortablist2 {
		width: 44vw; 
		padding: 0px 4px 4px 12px;
}	
.cheader {
		min-width: 85vw;
}
 .cheader2 {
      padding-top: 5px;
  } 
 .surveyItem {
      width: 32vw;
 }    	
}	

@media only screen and (min-device-width : 1000px) and (max-device-width : 1200px)  {
.blogy, .blogy a, .mainContent ul li, .mainContent ol li, .mainContent ul li a, .mainContent ol li a, .mainContent h2.blogy, .mainContent h2.blogy a, .mainContent h3.blogy, .mainContent h3.blogy a {
    font-size: 22px;
}
.mainContent h2, .mainContent h2 a {
    font-size: 36px;
}
.fixedHeader {
	height: 72px;
}
.hide-on-scroll {
        display: block;
 }
.headerClear {
   height: 72px;
}
.desktopOnly, .desktopOnlyFixed, .desktopOnlyMid {
	display:none;	
}
.mobileOnly {
  min-width:300px;
  max-width:1200px;
  width:100%;
  height: 250px;
  display:block;
}
}	
@media only screen and (min-device-width : 400px) and (max-device-width : 600px)  {
.mainTable {
	overflow: hidden;
}	
.fixedHeader {
   height: 45px;
}
.hide-on-scroll {
        display: block;
 }
.headerClear  {
   height: 45px;
}
.blogy, .blogy a, .mainContent ul li, .mainContent ol li, .mainContent ul li a, .mainContent ol li a, .mainContent h2.blogy, .mainContent h2.blogy a, .mainContent h3.blogy, .mainContent h3.blogy a {
    font-size: 20px;
}
.mainContent h2, .mainContent h2 a {
    font-size: 32px;
}
.smallblogy, .smallblogy a {
	font-size: 16px;
}
.bigblogy, .bigblogy a {
	font-size: 24px;
}
.topNavMenuText a {
	font-size: 22px; 
}
.mainContent h1 {
    font-size: 32px;
}
.citeSpacer {
	width:85vw;
}
.sbox {
	margin: 4px;
	width: 40vw;
	height: 30px;
	padding: 1px;
	overflow: hidden;
    
}
.stext, .stext a {
	font-size: 16px;
	white-space: nowrap;
}
.siteMapTitle {
	font-size: 40px;
}	
.headerReadability {
padding: 7px 0 5px 0;
line-height: 30px;
}
.siteLogo {
      width:27vw;	
}
.topNav {
      height:51px;
}
.topNavFirstSpacer {
width: 4vw; 
}
.topNav1 {
	width: 14vw;
}
.topNav2 {
	width: 16vw;
}
.topNav3 {
	display: none;
}
.topNav4 {
	display: none;
}
.topNav5 {
	width: 25vw;
	text-align: right;
}
.mainContent {
max-width: 90vw;
}
#pagefeed {
max-width: 90vw;
}
.readability {
padding: 0 22px 0 0;
}
.adSpacer {
height: 5px;
}
.vSpacer {
height: 5px;
}
.vSpacerMobileOnly {
height: 20px;
}
.vSpacerDouble {
height: 15px;
}
.adSpacerMobile {
height: 12px;
display:block;
}
.desktopOnly, .desktopOnlyFixed, .desktopOnlyMid {
	display:none;	
}
.mobileOnly {
  min-width:300px;
  max-width:600px;
  width:100%;
  height: 250px;
  display:block;	
}
.cP {
    width: 85vw; 
    height: 90px;  
}
 .cPText {
    width: 85vw;  
    height: 100%;
     border: 1px solid #f4f5f0;
    min-height: 45px;  
}
.d001 {
height: 20px;
}
.leftM {
	width: 0px;
}
.leftNavy {
    display:none;	
} 
.hlist {
padding: 4px 4px 12px 4px;
}
.mreven, .hlist {
padding: 4px 4px 4px 4px;
}
 .tablist1 {
		width: 38vw; 
		padding: 4px 4px 4px 4px;
}
 .tablist2 {
		width: 46vw; 
		padding: 0px 4px 4px 12px;
}
.colortablist1, .cheader {
		width: 85vw; 
		margin-bottom: 10px;
	    height: 100%;
       min-height: 50px;
       padding: 5px;
}
.colortablist2 {
		width: 85vw; 
		float: left;
		padding: 2px;
}
 .cheader2 {
      padding-top: 2px;
  } 
 .threeDiv {
	padding-right:0; 
	width: 85vw;
}
 .threeDivWide {
	width: 85vw;
}
 .threeDivImage {
	width: 80vw;
}
 .borderField {
	margin: 0 10px -20px 0;
}
 .td1of2,  .boxy1of2 {
   width: 25vw;
}
.td2of2,  .boxy2of2{
   width:  55vw;
}
.td1of3, .boxy1of3{
   width: 25vw;
}
.td2of3, .boxy2of3 {
   width: 25vw;
}
.td3of3, .boxy3of3 {
   width: 25vw;
} 
 .surveyItem {
      width: 80vw;
 }  
 .appButton, .appButtonSelected {
      padding: 6px;
      height: 32px;
     margin-right: 5px;
     margin-bottom: 7px;
     float: left;
 }
}

@media only screen and (max-device-width : 400px)  {
.mainTable {
	overflow: hidden;
}	
.fixedHeader {
   height: 36px;
}
.hide-on-scroll {
        display: block;
 }
.headerClear {
   height: 36px;
}
.blogy, .blogy a, .mainContent ul li, .mainContent ol li, .mainContent ul li a, .mainContent ol li a, .mainContent h2.blogy, .mainContent h2.blogy a, .mainContent h3.blogy, .mainContent h3.blogy a {
    font-size: 18px;
}
.mainContent h2, .mainContent h2 a {
    font-size: 28px;
}
.smallblogy, .smallblogy a {
	font-size: 14px;
}
.bigblogy, .bigblogy a {
	font-size: 22px;
}
.topNavMenuText a {
	font-size: 14px; 
}
.mainContent h1 {
    font-size: 28px;
}
.citeSpacer {
	width:85vw;
}
.sbox {
	margin: 4px;
	width: 40vw;
	height: 30px;
	padding: 1px;
	overflow: hidden;
    
}
.stext, .stext a {
	font-size: 14px;
	white-space: nowrap;
}
.siteMapTitle {
	font-size: 36px;
}	
.headerReadability {
padding: 7px 0 5px 0;
line-height: 30px;
}
.siteLogo {
      width:30vw;	
}
.topNav {
      height:20px;
}
.topNavFirstSpacer {
width: 2vw; 
}
.topNav1 {
	width: 15vw;
}
.topNav2 {
	width: 20vw;
}
.topNav3 {
	display: none;
}
.topNav4 {
	display: none;
}
.topNav5 {
	width: 25vw;
	text-align: right;
}
.mainContent {
max-width: 90vw;
}
#pagefeed {
max-width: 90vw;
}
.readability {
padding: 0 22px 0 0;
}
.adSpacer {
height: 5px;
}
.vSpacer {
height: 5px;
}
.vSpacerMobileOnly {
height: 20px;
}
.vSpacerDouble {
height: 15px;
}
.adSpacerMobile {
height: 12px;
display:block;
}
.desktopOnly, .desktopOnlyFixed, .desktopOnlyMid {
	display:none;	
}
.mobileOnly {
  min-width:300px;
  max-width:400px;
  width:100%;
  height: 250px;
  display:block;	
}
.cP {
    width: 85vw; 
    height: 90px;  
}
 .cPText {
    width: 85vw; 
    height: 100%;
    border: 1px solid #f4f5f0;
    min-height: 45px;  
}
.d001 {
height: 20px;
}
.leftM {
	width: 0px;
}
.leftNavy {
    display:none;	
} 
.hlist {
padding: 2px 2px 12px 2px;
}
.tablist1, .tablist2, .mreven, .hlist {
padding: 2px 2px 2px 2px;
}
 .tablist1 {
		width: 38vw; 
}
 .tablist2 {
		width: 48vw; 
}
.colortablist1, .cheader {
		width: 85vw; 
		margin-bottom: 10px;
	    height: 100%;
       min-height: 50px;
       padding: 4px;
}
.colortablist2 {
		width: 85vw; 
		float: left;
		padding: 2px;
}
 .cheader2 {
      padding-top: 0;
  } 
 .threeDiv {
	padding-right:0; 
	width: 85vw;
}
 .threeDivWide {
	width: 85vw;
}
 .threeDivImage {
	width: 80vw;
}
 .borderField {
	margin: 0 5px -20px 0;
}
 .td1of2,  .boxy1of2 {
   width: 20vw;
}
.td2of2,  .boxy2of2{
   width:  50vw;
}
.td1of3, .boxy1of3{
   width: 25vw;
}
.td2of3, .boxy2of3 {
   width: 25vw;
}
.td3of3, .boxy3of3 {
   width: 25vw;
} 
 .surveyItem {
      width: 80vw;
 }  
  .appButton, .appButtonSelected {
      padding: 6px;
      height: 32px;
     margin-right: 5px;
     margin-bottom: 7px;
     float: left;
 }
}