@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px; /* offset approximate height of navbar */
}

html,
body {
  margin: 0;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  background-color: white;
  width: 100%;
  display: table;
  height: 100%;
  counter-reset: section;
}

a {
  color: #4183C4; }
a.absent {
  color: #cc0000; }
a.anchor {
  display: block;
  padding-left: 30px;
  margin-left: -30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  cursor: text;
  position: relative;
  text-align: left;
}

h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA09pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoMTMuMCAyMDEyMDMwNS5tLjQxNSAyMDEyLzAzLzA1OjIxOjAwOjAwKSAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM2NjlDQjI4ODBGMTFFMTg1ODlEODNERDJBRjUwQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM2NjlDQjM4ODBGMTFFMTg1ODlEODNERDJBRjUwQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzY2OUNCMDg4MEYxMUUxODU4OUQ4M0REMkFGNTBBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzY2OUNCMTg4MEYxMUUxODU4OUQ4M0REMkFGNTBBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsQhXeAAAABfSURBVHjaYvz//z8DJYCRUgMYQAbAMBQIAvEqkBQWXI6sHqwHiwG70TTBxGaiWwjCTGgOUgJiF1J8wMRAIUA34B4Q76HUBelAfJYSA0CuMIEaRP8wGIkGMA54bgQIMACAmkXJi0hKJQAAAABJRU5ErkJggg==) no-repeat 10px center;
  text-decoration: none; }

h1 tt, h1 code {
  font-size: inherit; }

h2 tt, h2 code {
  font-size: inherit; }

h3 tt, h3 code {
  font-size: inherit; }

h4 tt, h4 code {
  font-size: inherit; }

h5 tt, h5 code {
  font-size: inherit; }

h6 tt, h6 code {
  font-size: inherit; }

h1 {
  font-size: 32px;
  color: black;
 }

h2 {
  font-size: 24px;
  color: #333;
  font-weight: 400;}

h3 {
  font-size: 21px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  color: #777777;
  font-size: 14px; }

p, blockquote, ul, ol, dl, li, table, pre {
  margin: 15px 0; }

hr {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
  border: 0 none;
  color: #cccccc;
  height: 4px;
  padding: 0;
}

body > h2:first-child {
  margin-top: 0;
  padding-top: 0; }
body > h1:first-child {
  margin-top: 0;
  padding-top: 0; }
  body > h1:first-child + h2 {
    margin-top: 0;
    padding-top: 0; }
body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
  margin-top: 0;
  padding-top: 0; }

a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
  margin-top: 0;
  padding-top: 0; }

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
  margin-top: 0; }

li p.first {
  display: inline-block; }
li {
  margin: 0; }
ul, ol {
  padding-left: 40px; }

ul :first-child, ol :first-child {
  margin-top: 0; }

dl {
  padding: 0; }
  dl dt {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    padding: 0;
    margin: 15px 0 5px; }
    dl dt:first-child {
      padding: 0; }
    dl dt > :first-child {
      margin-top: 0; }
    dl dt > :last-child {
      margin-bottom: 0; }
  dl dd {
    margin: 0 0 15px;
    padding: 0 15px; }
    dl dd > :first-child {
      margin-top: 0; }
    dl dd > :last-child {
      margin-bottom: 0; }

blockquote {
  border-left: 4px solid #dddddd;
  padding: 0 15px;
  color: #777777; }
  blockquote > :first-child {
    margin-top: 0; }
  blockquote > :last-child {
    margin-bottom: 0; }

table {
  padding: 0;border-collapse: collapse;
}

  table tr {
    border-top: 1px solid #cccccc;
    background-color: white;
    margin: 0;
    padding: 0; }
    table tr:nth-child(2n) {
      background-color: #f8f8f8; }
    table tr th {
      font-weight: bold;
      border: 1px solid #cccccc;
      margin: 0;
      padding: 6px 13px; }
    table tr td {
      border: 1px solid #cccccc;
      margin: 0;
      padding: 6px 13px; }
    table tr th :first-child, table tr td :first-child {
      margin-top: 0; }
    table tr th :last-child, table tr td :last-child {
      margin-bottom: 0; }

img {
  max-width: 100%; }

span.frame {
  display: block;
  overflow: hidden; }
  span.frame > span {
    border: 1px solid #dddddd;
    display: block;
    float: left;
    overflow: hidden;
    margin: 13px 0 0;
    padding: 7px;
    width: auto; }
  span.frame span img {
    display: block;
    float: left; }
  span.frame span span {
    clear: both;
    color: #333333;
    display: block;
    padding: 5px 0 0; }
span.align-center {
  display: block;
  overflow: hidden;
  clear: both; }
  span.align-center > span {
    display: block;
    overflow: hidden;
    margin: 13px auto 0;
    text-align: center; }
  span.align-center span img {
    margin: 0 auto;
    text-align: center; }
span.align-right {
  display: block;
  overflow: hidden;
  clear: both; }
  span.align-right > span {
    display: block;
    overflow: hidden;
    margin: 13px 0 0;
    text-align: right; }
  span.align-right span img {
    margin: 0;
    text-align: right; }
span.float-left {
  display: block;
  margin-right: 13px;
  overflow: hidden;
  float: left; }
  span.float-left span {
    margin: 13px 0 0; }
span.float-right {
  display: block;
  margin-left: 13px;
  overflow: hidden;
  float: right; }
  span.float-right > span {
    display: block;
    overflow: hidden;
    margin: 13px auto 0;
    text-align: right; }

code, tt {
  margin: 0 2px;
  padding: 0 5px;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px; }

pre code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent; }

.highlight pre {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }

pre {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }
  pre code, pre tt {
    background-color: transparent;
    border: none; }

sup {
    font-size: 0.83em;
    vertical-align: super;
    line-height: 0;
}

kbd {
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 10px;
  color: #555;
  vertical-align: middle;
  background-color: #fcfcfc;
  border: solid 1px #ccc;
  border-bottom-color: #bbb;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #bbb
}

* {
	-webkit-print-color-adjust: exact;
}

/* CUSTOM */

h3 {
font-weight: normal;
}

ol {
    list-style-type: decimal;
}

ol ol {
    list-style-type: decimal;
   /*  border: 1px solid lightgrey; */
    padding: 20px 40px;
    margin-top: -10px;
    margin-bottom: -15px;

}

ol ol ol {
    list-style-type: lower-alpha;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

ol ol ol ol {
    list-style-type: lower-roman;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

ul {
  list-style-type: disc;
}

ul ul {
    list-style-type: disc;
}

table {
  width: 100%;
}

.bordered-list  {
    border: 10px solid black;

}

blockquote {
	border: 1px solid lightgray;
	border-radius: 3px;
	padding: 20px;
	margin-left: 0;
	margin-bottom:1.68em;
	font-size: 14px;
}
blockquote:before{
	color:#3bf7d1;
	content:"";
	width:42px;
	height:36px;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%233bf7d1' d='M15 0a15 15 0 1 0 15 15A15 15 0 0 0 15 0zm0 2A13 13 0 1 1 2 15 13 13 0 0 1 15 2z'/%3E%3Cpath fill='%233bf7d1' d='M20 7.7l-7.3 10.2-3.4-3.5-2.1 2.1 5.8 5.8 9.3-12.8L20 7.7z'/%3E%3C/svg%3E");

	background-repeat:no-repeat;
	background-position:0;
	background-size:32px 32px;
	margin-top:-4px;
	float: left;
	text-align:center;
	display:block
}

h1, h2, h3,h4,h5,h6 {font-weight:400;}

.page-header {
  width: 100%;
  position: sticky;
  top: 0;
  background-color: black;
  z-index: 50;
}

.page-header__top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 103em;
  padding-left: 2em;
  padding-right: 2em;
  height: 60px;
  background-color: black;
  margin: 0 auto;/

}

.page-header__logo {
  width: 6em;
}

.page-header__page-title {
  list-style: none;
}

.page-title__text {
  color: white;
  margin: 1px 3px 3px 3px !important;
  font-size: 18px;
}

.skipAhead {
  list-style: none;
  border: 1px solid lightgrey;
  padding: 20px 40px;
  margin-top: 10px;
  border-radius: 3px;
}

 .skipAhead li:first-child {
  list-style: none;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: initial;
  line-height: 1.2632;
  letter-spacing: 0.1em;
  text-transform: uppercase;

}

.skipAhead a {
  color: #159bb9;
  text-decoration: none;
}

.skipAhead a:hover {
  color: #3bcbf7;
}

#back-to-top {
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 99;
  border: none;
  outline: none;
  border-radius: 50%;
  height: 4em;
  width: 4em;
  transform: rotate(-90deg);
  background-color: #00f587;
  opacity: 0.6;
  transition: all 300ms linear;
}

#back-to-top:hover {
  opacity: 0.8;
}

#back-to-top:active {
  opacity: 0.9;
}

#back-to-top:hover .back-to-top__arrow {
  transition: all 300ms linear;
  transform: translate(-45%, -50%);
}

.back-to-top__arrow {
  transform: translate(-50%, -50%);
  position: absolute;
  width: 1.75em;
  height: 1.75em;
  top: 50%;
  left: 50%;
  fill: #000000;
}

.sidebar-links__link-list {
  list-style: none;
  padding-left: 1em;
}

.nav-item {
  margin: 0.8em 0.8em 0.8em 1.2em;
}

.sidebar__nested-links {
  margin: 0
}

.sidebar-menu__header,
#sidebarMenuHeader {
  color: dimgray;
  text-transform: uppercase;
  font-weight: 800;
  width: 195px;
  text-decoration: none;
}

#submenu-links a,
.nav-item__link {
  color: darkgray;
  cursor: pointer;
  transition: all .15s;
  text-decoration: none;

}

#submenu-links a:active,
.nav-item__link:active {
  font-weight: 700;
}


#submenu-links a:hover,
.nav-item__link:hover {
  color: #696969;
}


#submenu-links a:before,
.nav-item__link:before {
  color: #3bf7d1;
  content: "";
  width: 26px;
  height: 30px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%233bf7d1' d='M15 0a15 15 0 1 0 15 15A15 15 0 0 0 15 0zm0 2A13 13 0 1 1 2 15 13 13 0 0 1 15 2z'/%3E%3Cpath fill='%233bf7d1' d='M20 7.7l-7.3 10.2-3.4-3.5-2.1 2.1 5.8 5.8 9.3-12.8L20 7.7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 20px 20px;
  margin-top: -4px;
  float: left;
  text-align: center;
  display: block;
}


.layout-container {
  padding-left: 2em;
  padding-right: 2em;
  position: relative;
  max-width: 103em;
  margin: 0 auto;
}

.layout-content {
  padding-left: 26em;
  position: relative;
}

.content {
  padding-bottom: 1em;
  text-align: justify;
}

.sidebar-area {
  width: 26em;
  overflow-y: auto;
  position: fixed;
  top: 4em;
  left: max(0px, calc(50% - 53em));
  right: auto;
  z-index: 20;
  bottom: 0;
  padding: 1em;
}

/* custom section bullets  */

.cl {
  /* Set "subsection" to 0 */
  counter-reset: subsection;
}

.human-resources-page .cl {
  counter-set: section 5;
}

.program-standards-page.first .cl {
  counter-set: section 6;
}

.cl::before {
  counter-increment: section;
  content: "Standard " counter(section) " |" ;
  /*color: #3bf7d1;*/
  color: #00f587;
  font-weight: 600;
}

.clI1::before {
  counter-increment: subsection;
  content: "S." counter(section) " ";
  left: -40px;
  position: relative;
  top: 22px;
}
.clI2::before {
  counter-increment: listsection;
  content: "S." counter(section) "." counter(listsection) " ";
  left: -40px;
  position: relative;
  top: 22px;
}

#s49Custom::marker {
  content: "9. ";
}

#s410Custom::marker {
  content: "10. ";
}

.sectionList {
 list-style-type: none;
 counter-reset: listsection;
}

.sectionList li {
  margin-left: 15px;
}

.nestedList {
  padding-left: 60px;
}

.standardHeading {
  margin-left: 10px;
  margin-top: 22px;
  text-decoration: underline;
}

#standardheadingparagraph {
  margin-top: -5px;
  text-decoration: underline;
}

.sectionBullets {
  margin-left: -26px;
}

.sectionBullets li {
  margin-left: 15px;
}

.sectionUl li {
  margin-left: -8px;
}

/* Russ */
li p {
  margin: 0;
}

li {
  margin-bottom: .25rem
}

.titleBox {
  display: flex;
}

.download-pdf-link {
  border: 1px solid lightgrey;
  padding: .5rem;
  margin-bottom: .5rem;
  border-radius: 3px;
  display: inline-block;
  width: auto !important;
  transition: all .15s;
}

.download-pdf-link:hover {
  border: 1px solid #696969;
}

.divider {
  width: 100%;
  height: 0.4em;
  background-image: linear-gradient(-45deg, rgba(13, 13, 13, 0), rgba(13, 13, 13, 0) 33.33%, #cccccc 33.33%, #cccccc 66.67%, rgba(13, 13, 13, 0) 66.67%, rgba(13, 13, 13, 0) 100%);
  background-size: 0.4em 100%;
}
.divider:before,
.divider:after {
  content: "";
}

.alert {
  background-color: rgba(59, 247, 209, 0.2);
  border: 1px solid #3bf7d1;
  border-radius: 0.5em;
  padding: 0.4em 1.5em;
  margin-bottom: 1em;
}

.footer {
  padding: 1em 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.footer__copy {
  color: rgba(0, 0, 0, 0.7);
}
/*-- Utilities --*/
.uppercase {
  text-transform: uppercase;
}

.bold {
  font-weight: bold;
}

table {
  text-align: start;
}

td,th  {
  vertical-align: top;
}
