@import 'https://fonts.googleapis.com/css?family=Montserrat:300,400,500';
@import 'https://fonts.googleapis.com/css?family=Muli:200, 300,400,500';

body {
margin: 0 auto; 
padding: 0;
color:#111111 ; 
font-size: 1.2em; 
background-color: #dddddd;  
font-family: "Muli", "Helvetica", "Arial", sans-serif;}
#PageWrapper{width: 922px; margin: 0 auto; }
.main{float: left; width: 680px; margin: 0 40px 0 20px; padding: 0; }
.textImageSquare{width: 400px; margin: 10px auto; padding: 0 140px; border: .5px gray solid; border-radius: 40px; background-color: #aaaaaa;}
.textImageWindow{width:680px; height: 390px; margin: 10px auto; overflow: scroll; background-color: silver; border-radius: 10px;}
.textImage{width: 660px; margin: 10px auto; padding: 0 10px; border: .5px gray solid; border-radius: 10px;}
.textBox {max-width: 680px; 
margin: 20px auto;
padding: 40px 40px 30px; 
border: .5px gray solid; 
border-radius: 20px; 
background-color: #aaaaaa; }


.ancillary{float: left; width: 200px; margin: 680px auto 20px; padding: 20px 40px; background: white; border: .5px solid gray; border-radius: 20px;}
.ancillary a {font-weight: 400;}
.ancillary p{margin: 0 0 12px 0; padding: 0;}
.ancillary h2{margin: 40px 0 20px 0;}
a {color: #215878; text-decoration: underline; font-weight: 200;}
a:hover {text-decoration: none; color: #666666;}
a:active {text-decoration: none; color: #666666;font-weight: 200;background-color: transparent; top: 0; right: 0;}
a:visited {color: #215878; text-decoration: underline;font-weight: 200;}
.crumbs{margin: 0 40px;}
.bread{float: left; margin: 5px 5px 0 0; padding: 5px 10px ; background: white; border: .5px solid gray; border-radius: 15px; font-size: .8em;}
.bread p{margin: 0; padding: 0; }
.bread:nth-child(n+2) p::before{content: "   \203A\00a0";}
.bread:last-child{margin: 5px 5px 20px 0; }
h1, h2, h3 {
font-weight: 300; 
font-family: "Montserrat",sans-serif;}
h1{margin: 80px 5px 0 50px; line-height: 1.1em;}
h2{margin: 80px 20px 40px; color: white; font-weight: 500;}
.textBox h2{margin: 20px 20px 10px; padding: 10px 40px; background-color: black; border-radius:5px;}
h3 {margin: 40px auto 20px; padding: 0 10px 0 10px; color: #704301; border-bottom: 1px solid white;  text-align: left;}
p {margin: 0 28px 12px 28px; line-height: 1.5; padding: 0 1em 0;  }
ul, li {margin: 0 20px 12px; padding: 0 1em 0; line-height: 1.5;  }
li {margin: 0 20px 12px 40px; line-height: 1.2; }

dl {margin: 0 28px 12px 28px; padding: 0 1em 0;}
.trad dt:first-child {letter-spacing: .2em;}

.boxSet{width: 720px; margin: 0 auto; border: .5px white solid;}
.box{float: left; width: 28%; height: 110px; margin: 10px 1% 10px; padding: 20px 1em; border: .5px solid gray; border-radius: 20px;overflow: hidden;} 
.box:nth-child(2n+2){margin-right: 0; border: .5px red solid;}
.box h3{padding: 0; margin: 0 0 8px; padding; 0; font-size: 1em; line-height: 1em;}
.box p{margin: 0; padding: 0; line-height: 1.2; font-size: 1em;  }
.w400{width: 52%;}
.wfull{width: 88%; overflow: scroll;}

.subtitle{margin: 0 0 20px 50px; font-size: .8em;  text-align: left; border-bottom: .5px gray solid;}
#Introduction {margin: 40px 40px 40px; padding: 40px 20px 30px; line-height: 1.2; background-color: white; border: .5px gray solid; border-radius: 20px; }
#Introduction p {margin: 0 auto 12px; line-height: 1.5; padding: 0 10px 0;  }
#Introduction h2 {width: 400px;}
#Introduction .callOut{ margin: 20px 20px;
padding: 40px 20px 30px; background-color: #dddddd; border-color: silver;}
.info{font-size: .8em; max-width: 500px; margin: 0 auto;}
.ancillary .info{margin: 0; }
.band{background-color: #00A4DE; width: 100%; padding: 40px 0;}
.orange{background-color: #E28709; }
.band img{border: .5px solid #00BCFF}
.orange img{border: .5px solid #ff9800;}
.band h1{margin: 80px auto 0;}
.band .subtitle{width: 550px; margin: 0 auto 0;}
.band p {width: 600px; margin: 0 auto;}
.band .heading {width: 600px; margin: 0 auto; font-size: 1.4em;}

#Header{height: 100px; max-width: 962px; margin: 1em auto 2em;  padding: 10px 0; background-color:black;}
#Header{border: 0px red solid;}
#Header{background-image: url(../0-image-files/zeroing-parallax@3x.png);}
#Header{background-position: 20px; background-size: auto 100px; background-repeat: no-repeat; } 
#Header .homelink {display:block; width:240px; height:100px; position: relative; left: 10px; top: 0px; }
#Header .homelink {border: 0px white solid;}
#Header a:link {color: black; text-decoration: underline;}
#Header a:visited {color: #888888; text-decoration: underline;}
#Header a:hover, #Header a:active, #Header a:focus {color: #888888; 
background-color: transparent; text-decoration: none; font-weight: 200; border: .5px solid white; top: -1; right: -1;}



.toc  {margin: 0 auto; width: 600px; padding: 0; }
.tocItem{float: left; margin: 0 4px 0 4px; font-size: 0.8em; line-height: 1em; /* letter-spacing: 0.1em;  */text-indent: 0px;}
.tocItem:first-child{clear: left;}
/* 
.tocItem:first-child a:link{clear:left; background: black; }
.tocItem:first-child a:visited{background: black; }
 */

/* 
.tocItem:first-child a:hover, 
.tocItem:first-child a:active, 
.tocItem:first-child a:focus {background: gray; }
 */
.tocItem:nth-child(2){}
.toc a:link {display: block; height: 60px; width: 120px; margin: 0 0 5px 0;  padding: 6px 5px 6px 5px; background: #E28709; color: white; border-radius: 5px;}
.toc a:visited {background: #008EBD; color: white;}
.toc a:hover, .toc a:focus { background: #dddddd; color: black;text-decoration: none; }
.toc a:active { background: #bbbbbb; color: black;text-decoration: none; }



.widthiconStripShellV{height: 120px; margin: 20px auto 10px; padding: 25px 5px 40px; overflow-x: hidden; overflow-y: scroll; border: .5px solid gray; border-radius: 10px;}

.tall{height:180px;}
.widthiconStripW{width: 100%; margin: 0 auto; }
.widthiconStripW h3 {padding-top: 40px; margin-bottom: 30px; border-bottom: 0;}
/* .widthiconStrip h3 {padding-top: 40px;  } */
.indexItem h3{margin: 8px 0 0 10px; padding: 0 0 0 0; font-size: 1em;}
.indexItem p{margin: 0 0 0 10px; padding: 0; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}




.itemV{ float: left; width: 200px; margin: 0 10px 10px 0; min-height: 68px; padding: 20px; border: 1px white solid;border-radius: 20px;}
.itemV:nth-child(odd){ clear: left;}
.topBar{width: 100%;height: 40px;padding: 4px 0 4px 0; background-color: white;margin: 0px auto 8px;position: -webkit-sticky; position: sticky; top: 0;}
.topBar a:link {display: block; height: 40px; border-bottom: 0px; border-radius: 10px; }
.topBarInner {height: 40px; width: 324px;float: right;margin: 0 auto; padding: 0; }
.bg{width: 100%; margin: 0; padding-top: 60px;}
.bgD{background: #393E42; color: white; }
.bgL{background: #F7F1E8;}
.block{width: 480px; margin: 0 0 60px 0; float: left; border: .5px red solid;}
.block h2 { margin: 10px 0 10px;}
.block h3 {margin: 20px 0 0;}
.block p {font-size: .8em; padding: 0;}
.bgD .block{border-color: white;}
.padb{padding-bottom: 20px;}

.centerfloat{margin: 10px auto 0px;float: none; padding: 20px;}
.centerfloatoriginal{margin: 10px auto 0; float: none; padding: 0 20px 20px;  height: 400px;}
.line{border-top: 1px solid black; margin: 0 auto 0; width:50%;}


.button{margin: 1.4em 1em 2em 20px; float: left; clear: none;}
.button a:link {font-size: .8em; letter-spacing: 0.2em; text-decoration: none; padding: 1.2em 2em; margin: 0;  border-radius: 5px; color: white; background: #008EBD; box-shadow:5px 5px 20px  grey; 
position: relative; top: 0px; transition-property:  position, background; }
.button a:visited  {font-size: .8em; letter-spacing: 0.2em; text-decoration: none; padding: 1.2em 2em; margin: 0;  border-radius: 5px; color: white; background: #008EBD; box-shadow:5px 5px 20px  grey; 
position: relative; top: 0px; transition-property:  position, background; }
.button a:hover, .button a:active, .button a:focus  {/* background:  #0880A8;  */ color: white; text-decoration: none;position: relative; top: -1px; right: -1px; }

.inline ul, .inline li {width: 100%;}
.inline ul {float: left; margin-left: 20px;}
.inline li { display: inline; padding: 0 20px 0 0;}


#Footer {clear: both; height: 200px; width: 300px; margin: 40px auto; padding: 40px 0; text-align: center; border-top: 1px #B9B9B9 solid;}





.smaller{
font-size: .8em;}

.fullwidth{
max-width:940px;}
.halfwidth{max-width: 298px;}
.halfwidthplus{max-width: 450px;}
.halfwidthminus{max-width: 198px;}
/* 
.box{
width: 280px;
height: 280px;
overflow: scroll;
padding: 10px;
margin: 5px;
}
.box li {
margin: 0 0 0 10px;
padding: 0 0 0 5px ;}
 */

.callOut {margin: 40px 40px 40px; padding: 40px 40px 30px;  background-color: #FFFFFF; border: .5px black solid; border-radius: 20px;}
.callOut p {padding: 0;font-weight: 400;}
.callOut h2 {font-weight: 500; }
.callOut>h3{width: 60%; margin: 0 0 40px; padding-left: 0; text-align: left;}
.callOut ul {padding: 0;}
/* .callOut:nth-child(odd){background-color: #cacaca} */
.border{border: 1px black solid;}
.borderWhite{border-color: white;}
.borderRed{border-color: red;}
.borderNone{border: 0 white solid;}
.borderRounded{border-radius: 10px;}
.borderRounded20{border-radius: 20px;}
.blockBorder{border: .5px green solid;}
.dark {background-color: #888888;
color: white;
border-width: 0;
}

/* 
.dark a:link {
color: silver;}
.bgD a:link{
color:silver; font-weight: 400;}
.bgL a:link{
font-weight: 400;}
 */
.tight1 {
max-width: 450px;}

.tight2 {
max-width: 400px;}

.low {
padding: 10px 40px;}

.nilPadding{
padding: 0;}


.bgNone{
background-color: transparent;}
.underline{
border-bottom: 1px gray solid;}

.sharethis-inline-share-buttons{
max-width: 600px;
margin: 20px auto 20px;}

.menu{margin: 0 auto; width: 576px; height: 60px; padding: 0; border: 0px gray solid;}

.menuItem{float: left; width: 112px;margin: 0 auto 0;  padding: 10px 15px; border: .5px gray solid; color: white; font-size: .8em; letter-spacing: 0.2em; text-align: center;}



.index {
width: 230px; 
float: left; 
margin: 0 20px 20px;
border: 0px black solid;}
.index a:link {
color: #666666;}
.floatstop{clear: both; float: none;}
.floatstop{height:20px;}
.left{float: left; }
.right{float: right;}
.righT{text-align: right;}
.tRight{text-align: right;}
.tCenter{text-align: center;}





@media only screen and (max-width: 962px), only screen and (max-device-width: 962px) {
#PageWrapper{width: 100%;  }
#Header{width: 762px;}
/* .main{float: none; width: 680px; margin: 0 auto; padding: 0; } */
.main{float: none; width: auto; max-width: 680px; margin: 0 auto 40px;padding: 0 5px;}




/* h2{ width: 500px; margin: 64px 160px 20px 20px; } */
/* h3 {width: 300px; margin: 20px auto 5px; padding: 0 20px 0 260px; } */
.ancillary{float: none; width: 380px; margin: 80px auto 20px; padding: 20px 40px; background: white; border: .5px solid gray; border-radius: 20px;}
.subtitle{margin: 0 50px 20px;}
.ancillary p {margin: 0 80px 0 80px;}
.block{width: 380px; margin: 0 0 40px 0;  }
.bg{padding-top: 40px;}
.centerfloatoriginal{ padding: 0 10px 10px; }


}

@media only screen and (max-width: 762px), only screen and (max-device-width: 762px) {

 #Header{width: 622px;}
.main{width: 610px; }
.textImageSquare{width: 400px; margin: 10px auto; padding: 0 105px; border: .5px gray solid; border-radius: 40px; background-color: #aaaaaa;}
.textImageWindow{width: 620px; height: 350px;}
.textImage{width: 600px; }
.textBox {max-width: 680px; 
margin: 20px auto;
padding: 40px 40px 30px; 
border: .5px gray solid; 
border-radius: 20px; 
}
/* .main{border: .5px gray solid;} */
h2{ margin: 50px 20px 10px;}
/* h2{border-bottom: .5px blue solid;} */

/* .ancillary{width: 520px;} */
/* h3{padding: 0; margin: 60px 0 40px 300px;} */
.callOut>h3{width: 60%; margin: 0 0 40px 0; }
.callOut h2{margin: 40px 40px 20px 20px;}
.block{width: 310px;}
.centerfloatoriginal{height: 360px; }
.boxSet{width: 620px; margin: 0 auto; border: .5px white solid;}
}

@media only screen and (max-width: 620px), only screen and (max-device-width: 620px) {



/* 
#Header{height: 120px;width: 440px;background-position: 100px;}
#Header .homelink {width:80px;height:80px;left: 100px; top: 20px; }
#Header .headerMenu {width: 180px;margin-left: 200px; }
 */
/*  #PageWrapper{width: 460px;  } */
.crumbs{margin: 0 10px;}
h1, h2, h3 {margin: 40px 20px 30px; }
h1 {width: 380px; margin: 80px auto 5px; border-bottom: 0px solid #B9B9B9;}
h2{width: auto; margin: 60px auto 10px ;}
h3 {width: auto; margin: 40px auto 5px ; padding: 0 20px 0 20px;}
#Header{width: 460px;}
#Introduction{margin: 40px 40px 40px; padding: 40px 20px 30px;  }
#Introduction h2 {width: 300px; padding:0; }
#Introduction h3 {width: 300px; padding: 0; }
 p, ul, li {margin: 0 auto 12px; padding: 0 1em 0;  }

.band{width: 100%; padding: 20px 0;}
.band p {width: 90%; margin: 0 auto 10px;}
.band .heading {width: 90%; margin: 0 auto; font-size: 1.4em;}
.main{width: 450px; }
.textImageSquare{width: 400px; margin: 10px auto; padding: 0 25px; border: .5px gray solid; border-radius: 20px; background-color: #aaaaaa;}
.textImageWindow{width:460px; height: 454px; overflow: scroll; /* border: 1px red solid; */}
.textImage{width: 800px; float: left; margin: 10px auto; padding: 0; border-radius: 0;}
.textBox {max-width: 680px; 
margin: 20px auto;
padding: 40px 20px 30px; 
border: .5px gray solid; 
border-radius: 20px; 
}
.toc {width: 420px;}
.indexItem h3{width: auto; margin: 12px 0 2px 10px; padding: 0; line-height: 1.1em;text-align: left;  }
.indexItem p{height: 2.2em; margin: 0 0 0 10px; padding: 0; line-height: 1.1em; white-space: normal; }





.widthiconStripShellV{margin: 20px auto; padding: 5px 0;}
.widthiconStripShellV .widthiconStrip{width: 100%; padding: 0; margin: 0 auto; }
.ancillary{padding: 20px;}
.block{width: 460px; }
.block h2 {margin-left: 20px;}
.centerfloatoriginal{padding: 0 5px 10px; height: 400px; }
.itemV{width: 180px; margin: 0 10px 10px 0; min-height: 88px; padding: 10px;}


/* h3 {margin: 50px 0 5px 220px; width: 240px;} */
.callOut {margin: 20px; padding: 40px 20px 20px;}
.callOut h3{margin: 20px; padding: 0;  }
.callOut h2{width: auto; margin: 40px 20px 20px 20px;}


.subtitle{max-width: 90%}


ul, li {
max-width: 80%;}

.info{
font-size: .8em;
max-width: 90%;
margin: 0 auto;}

.left{float: none;}
/* 
.box{
margin: 5px auto;
}
 */


.tight1 {
max-width: 70%;}

.tight2 {
max-width: 60%;}
.menu{width: 294px; height: 120px; border: .5px gray solid;}
.boxSet{width: 100%; margin: 0 auto; border: .5px white solid;}
.box{width:38%; height:160px; margin: 10px 1px; padding: 20px .5em; border: .5px solid white;}
.w400{width: 44%;}
.wfull{width: 95%; height: 80px;}

/* 
.menu a:link, a:visited, a:focus {
height:  30px; width: 120px; margin: 0 -1px -1px 0;  padding: 16px 5px 0; text-decoration: none; border: .5px solid #888888;}
 */
}



@media only screen and (max-width: 460px), only screen and (max-device-width: 460px) {

#Header{width: auto; margin: 0 0 20px;}

#Introduction{margin: 40px 0 40px; padding: 40px 10px 30px; }

.centerfloatoriginal{ height: 360px; }
.callOut{float: none; width: 100%; margin: 40px auto; padding: 40px 10px; border-color: red;}
.itemV{float: none; width: 280px; min-height: 58px; margin: 0 auto 10px; padding: 20px; }
.main{width: auto; margin: 0 10px 0 10px; padding: 0; }
.textImageSquare{width: 300px; margin: 10px auto; padding: 0 10px; border: .5px gray solid; border-radius: 10px; background-color: #aaaaaa;}
.textImageWindow{width:320px; height: 360px;}
.textImage{width: 580px; float: left; margin-left: -10px; padding: 0 0; border: .5px gray solid; border-radius: 10px;}
.textBox {max-width: 680px; 
margin: 20px auto;
padding: 40px 10px 30px; 
border: .5px gray solid; 
border-radius: 10px; 
 }
 .textBox h2{margin: 20px 20px 10px; padding: 10px 20px;}
.ancillary{width: 280px;}
.ancillary p {margin: 0 10px 10px 40px;}
.widthiconStripShellV{width: 320px; margin: 20px auto 20px auto; padding 5px 0;}
.block{width: 320px; }
.block p {margin-left: 20px;}
.block h3 {margin-left: 20px;}
p{width: 300px; margin: 0 auto 10px; padding: 0;}
.callOut{width: auto;}
h1{width: auto;}
h2{width: auto; margin: 60px auto 20px; font-size: 1.2em; border-bottom: 1px white solid;}
h3{width: auto; margin: 40px 0 20px 0; padding: 0 20px 0 20px; }
#Introduction p {width: auto;}
#Introduction h2 {width: 300px; margin: 60px 10px; padding:0; }
#Introduction h3 {width: 280px; margin: 40px 10px; padding:0; text-align: center;}
.box{float: none;  width:90%; height:70px; margin: 5px auto; padding: 20px .5em; border: .5px solid blue;}
.box:nth-child(2n+2){margin-right: auto;}
.w400{float: none; width:90%; height: 120px; margin: 5px auto; padding: 20px .5em; }
.box p{width: 100%;}
.wfull{width: 95%; height: 80px;}
p {width: 90%; margin: 0 auto 12px; padding: 20px 10px 0; }
}

@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
/* #Header{height: 120px;width: 320px;background-position: 20px;} */
#PageWrapper{width: 320px;  }
.main{width: 320px;  margin: 10px 0;}
.textImageWindow{width:320px; height: 320px; /* border: blue 1px solid; */}

/* .callOut{width: 280px;} */
  #Introduction{margin: 40px 0 40px; padding: 40px 10px 30px; }
}