/*this was updated 2025057 1537 hiding the modules above homepage theme*/
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-C623JKFP5V"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-C623JKFP5V');
</script>

<style type="text/css">
/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 *
 
 @-moz-document url-prefix() {
.enum{
      font-family: "PublicSans-Bold";
      font-weight: 400;
 }
}*/

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/**
 * Firefox specific rule
 */

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

b, strong {
  font-weight: 620 !important;
  /*font-weight: bolder;*/
}

@font-face {
  font-family: PublicSans-Thin;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-Thin.woff?ver=YI4bKCaoZRe7JpuVp4rSow%3d%3d) format("woff");
}

@font-face {
  font-family: PublicSans-Light;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-Light.woff?ver=xygJUzoMNXEtfCN5sdYPZg%3d%3d)  format("woff");
}

@font-face {
  font-family: PublicSans-Regular;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-Regular.woff?ver=Yvze9vpn5A7h5GNr0xa-2w%3d%3d) format("woff");
}

@font-face {
  font-family: PublicSans-Medium;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-Medium.woff?ver=XoytRdRTzo0tXYSco2GyfQ%3d%3d) format("woff");
}

@font-face {
  font-family: PublicSans-SemiBold;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-SemiBold.woff?ver=UCDAx9YsoR444OT85IlIFw%3d%3d) format("woff");
}

@font-face {
  font-family: PublicSans-Bold;
  src: url(/Portals/119/Fonts/PublicSans/PublicSans-Bold.woff?ver=kwqswX6N8DvcY7oLjZF0Zw%3d%3d) format("woff");
}

.dtmo h1, h2, h3, h4, h5, h6, p, a, ul, ol {
  margin: 0;
  padding: 0;
  color: #1b1b1b;
  -webkit-text-size-adjust: 100%;
}

.dtmo h1 {
  font-size: 2.8rem;
  font-family: PublicSans-Bold;
  font-style: normal;
  line-height: 150%;
  padding-bottom: 10px;
  letter-spacing: normal;
  color: #17345C;
  position: static; 
  font-weight: 700;
}

.dtmo h2 {
  font-size: 2.4rem;
  font-family: PublicSans-Bold;
  font-style: normal;
  line-height: 150%;
  padding-bottom: 10px;
  letter-spacing: normal;
  color: #015B99;
  position: static; 
}

.dtmo h2 > a, a:hover {
text-decoration: underline !important;
}

.dtmo h3 {
  font-size: 2.0rem;
  font-family: PublicSans-Bold;
  font-style: normal;
  line-height: 150%;
  padding-bottom: 10px;
  letter-spacing: normal;
  color: #5F5F5F;
  position: static; 
}

.dtmo h4 {
  font-size: 1.65rem;
  font-family: Arial;
  line-height: 140%;
  font-weight: normal;
  padding-bottom: 15px;
  letter-spacing: normal;
  color: #5F5F5F;
}

.dtmo h5 {
  font-size: 1.65rem;
  font-family: Arial;
  line-height: 140%;
  font-weight: normal;
  padding-bottom: 15px;
  letter-spacing: normal;
  color: #1b1b1b;
}
/*
.dtmo h6 {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: normal;
} */

.dtmo > p {
  color: #1b1b1b;
  font-size: 1.5rem;
  line-height: 1.65;
  padding-bottom: 15px;
  font-family: Arial;
  font-weight: normal;
}

  /* margin bottom is equal to line-height */
  .dtmo > p > img {
      margin: 0;
  }

  .dtmo > em, i {
  font-style: italic;
}

.dtmo > strong, b {
  font-weight: bold;
}

 .dtmo > p > a {
  display: inline;
  cursor: pointer;
  font-family: inherit;
  color: #3344dd; /*blue*/
  text-decoration: underline;
  outline: 0;
  font-size: inherit;
  line-height: inherit;
}

.dtmo > p > a:hover {
  font-family: inherit;
  color: #bb1122;
  font-size: inherit;
  line-height: inherit;
  }

.dtmo > p > a:active {
  font-family: inherit;
  color: #bb1122;
  outline: 0;
  font-size: inherit;
  line-height: inherit;
  }

.dtmo > p > a:visited {
font-family: inherit;
color: #884488;
font-size: inherit;
line-height: inherit;
}

.dtmo > ul, ol {
  margin-bottom: 18px;
  margin-left: 18px;
  color: #1b1b1b;
  font-size: 1.5rem;
  line-height: 1.65;
  font-family: Arial;
  font-style: normal;
  position: static;
}

.dtmo > ul {
  list-style: disc;
}

.dtmo > ul > li {
  font-size: 1.5rem;
  line-height: 1.65;
  padding: 3px;
}

.dtmo > ol > li {
  font-size: 1.5rem;
  line-height: 1.65;
  padding: 3px;
}

/* Nested Styles */
.dtmo > ul ul, ul ol,
ol ol, ol ul {
    margin-left: 18px;
    margin-bottom: 0;
}

.dtmo > ol > ol {
    list-style: upper-roman;
}

.dtmo > li > p {
  font-size: 1.5rem;
  line-height: 1.65;
}

.dtmo > ul > li > p {
  font-size: 1.5rem;
  line-height: 1.65;
}

.dtmo > li > a {
  font-size: 1.5rem;
  line-height: 1.65;
  cursor: pointer;
  color: #3344dd; /*blue*/
  text-decoration: underline;
}

.dtmo > ul > li > a {
  font-size: 1.5rem;
  line-height: 1.65;
  cursor: pointer;
  color: #3344dd; /*blue*/
  text-decoration: underline;
}


.dtmo > li > a:hover {
  font-size: 1.5rem;
  line-height: 1.65;
  cursor: pointer;
  color: #bb1122;
  text-decoration: underline;
}

.dtmo > li > a:visited {
  font-size: 1.5rem;
  line-height: 1.65;
  cursor: pointer;
  color: #884488;
  text-decoration: underline;
}


/* Tables */

.dtmo > table.dtmo-table  {
  border: 1px solid #ddd;
  width: 100%;
  overflow-x: auto;
}

.dtmo > table.dtmo-table > tbody.dtmo-table  {
  font-family: Arial;
  border-collapse: collapse;
  overflow-x: auto;
  border: 1px solid #ddd;
}

.dtmo > table.dtmo-table > tbody.dtmo-table > td.dtmo-table, th.dtmo-table {
  border: 1px solid #ddd;
  padding: 8px 12px 8px 12px;
}

.dtmo > table.dtmo-table > tbody.dtmo-table > tr.dtmo-table:nth-child(even){
  background-color: #f2f2f2;
}

.dtmo > table.dtmo-table > tbody.dtmo-table >  tr.dtmo-table > th.dtmo-table {
  border-right: 1px solid #ddd;
  padding: 10px 15px 10px 15px;
  background-color: #015B99;
  color: #FFFFFF;
  text-align: center;
  font-family: PublicSans-Medium;
  font-size: 1.5rem;


  overflow-wrap: normal;
  word-wrap: normal;
  -ms-word-break: keep-all;
  word-break: keep-all;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: auto;
  hyphens:none;
}

.dtmo > table.dtmo-table > tbody.dtmo-table > tr.dtmo-table > td.dtmo-table {
  border-right: 1px solid #ddd;
  padding: 10px 15px 10px 15px;
  border-left: none;
  font-family: Arial;
  font-size: 1.35rem;
  line-height: 150%;

  overflow-wrap: break-word;
  word-wrap: normal;
  -ms-word-break: keep-all;
  word-break: keep-all;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: auto;
  hyphens:none;
}

.dtmo > table.dtmo-table > tbody.dtmo-table > tr.dtmo-table > td.dtmo-table > a.dtmo-table, a.dtmo-table:active  {
  font-family: Arial;
  font-size: 1.35rem;
  line-height: 150%;
  cursor: pointer;
  color: #3344dd; /*blue*/
  text-decoration: underline;
}

.dtmo > table.dtmo-table > tbody.dtmo-table > tr.dtmo-table > td.dtmo-table > a.dtmo-table:hover {
  font-family: Arial;
  font-size: 1.35rem;
  line-height: 150%;
  cursor: pointer;
  color: #bb1122;
  text-decoration: underline;
}

.dtmo > table.dtmo-table > tbody.dtmo-table > tr.dtmo-table > td.dtmo-table > ul.dtmo-table-ul {
  font-family: Arial;
  font-size: 1.35rem;
  list-style: disc;
  margin-left: 15px;
  margin-bottom: 0;
}

.dtmo > table.dtmo-table > tbody.dtmo-table > tr.dtmo-table > td.dtmo-table > ul.dtmo-table-ul > li.dtmo-table-li {
  list-style: disc;
}

.dtmo > table.dtmo-table > tbody.dtmo-table > tr.dtmo-table > td.dtmo-table > ol.dtmo-table-ol {
  font-family: Arial;
  font-size: 1.35rem;
  list-style: decimal;
  margin-left: 15px;
  margin-bottom: 0;
}

.dtmo > table.dtmo-table > tbody.dtmo-table > tr.dtmo-table > td.dtmo-table > ol.dtmo-table-ol > li.dtmo-table-li {
  list-style: decimal;
}

/*MEDIA ADJUSTING TABLES VIEW*/
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

    .dtmo > table.dtmo-table > tbody.dtmo-table >  tr.dtmo-table {
      margin: 0 0 1rem 0;
    }
      
    .dtmo > table.dtmo-table > tbody.dtmo-table >  tr.dtmo-table:nth-child(odd) {
      background: #fff;
    }
    
		.dtmo > table.dtmo-table > tbody.dtmo-table >  tr.dtmo-table > td.dtmo-table {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
		}
	
			.dtmo > table > tbody.dtmo >  tr.dtmo {
			border-spacing:0; /* Removes the cell spacing via CSS */
			}
			
			.dtmo > table > tbody.dtmo >  tr.dtmo > td.dtmo {
			/* Behave  like a "row" */
			border: none;
			position: relative;
			padding-left: 0;
			border-collapse: collapse; 
			border-spacing:0; /* Removes the cell spacing via CSS */
		}

		.dtmo > table > tbody.dtmo >  tr.dtmo > td.dtmo:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 100%;
			white-space: nowrap;
		}
    .dtmo > table > tbody.dtmo >  tr.dtmo > td.dtmo:nth-child(1) {
     display: none;
    }
}

/* Side Nav */

  .dtmo-sidenav {
    max-width: 320px;
    min-width: 200px;
    position: relative;
    background: #FFFFFF;
    margin-left: 10px;
    vertical-align: middle;
  }

  .dtmo-sidenav > ul {
    list-style:none;
    border-top:1px solid #e5e9ed;
  }

  .dtmo-sidenav > ul .nested{
    margin-left: 0;
    list-style-type:none;
    border-top: none;
    display:none;
  }

  .dtmo-sidenav > ul .nested:hover {
    background-color: transparent;
  }

  .dtmo-sidenav > ul .active {
    margin-left: 0;
    list-style:none;
    border-top: none;
    display:list-item;
  }

  .dtmo-sidenav > ul .active:hover {
    background-color: transparent;
  }

  .dtmo-sidenav > ul > li {
    list-style:none;
    border-bottom:1px solid #e5e9ed;
    vertical-align: middle;
  }

  .dtmo-sidenav > ul:hover {
    background-color: transparent;
    color: #015B99;
  }

  .dtmo-sidenav > ul:active {
    background-color: transparent;
    color: #015B99;
    padding: 0;
  }

  /* Page Title */

  .dtmo-sidenav > .pagetitle {
    font-family: PublicSans-Bold;
    color: #17345C;
    font-size: 2.1rem;
    font-weight: normal;
    padding: 0 5px 10px 20px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: auto;
    hyphens:none;
  }

  .dtmo-sidenav > .pagetitle > a.pagetitle, a.pagetitle:active {
    line-height: inherit;
    font-size: inherit;
    text-decoration: none;
    color: #17345C;
  }

  .dtmo-sidenav > .pagetitle > a.pagetitle:hover {
    cursor: pointer;
    line-height: inherit;
    font-size: inherit;
    text-decoration: none;
    color: #015B99;
  }

  /* Parent Page */

  .dtmo-sidenav > li.lvl1 {
    font-family: PublicSans-Medium;
    color: #17345C;
    font-size: 1.6471rem;
    font-weight: normal;
    padding: 10px 5px 8px 10px;
    border-bottom:1px solid #e5e9ed;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: auto;
    hyphens:none;
  }
  
  .dtmo-sidenav > li.lvl1:hover {
    color: #015B99;
  }

  .dtmo-sidenav > li.lvl1 > a.lvl1{
    color: #17345C;
  }
  
  .dtmo-sidenav > li.lvl1 > a.lvl1:hover {
    color: #015B99;
  }

  .dtmo-sidenav > li.lvl1 > .selected {
    font-weight: bold;
    border-left: 4px solid #015B99;
    padding: 5px 0 3px 15px;
  }
  .dtmo-sidenav > li.lvl1 > .selected:hover {
    font-weight: bold;
    border-left: 4px solid #17345C;
    padding: 5px 0 3px 15px;
  }

  .dtmo-sidenav > li.lvl1 > .selected > a.selected {
    color: #015B99;
  }
  .dtmo-sidenav > li.lvl1 > .selected > a.selected:hover {
    color: #17345C;
  }

  /* Drop Down Arrow */

  .dtmo-sidenav > li.lvl1 > .arrow-right {
    cursor: pointer;
    padding: 0 0 0 0;
    margin: 2px 15px 0 10px;
    border-bottom: 9px solid rgba(0, 0, 0, 0);
    border-left: 7px solid #17345c;
    border-top: 9px solid rgba(0, 0, 0, 0);
    position: static;
    float: right;
    vertical-align: middle;
    transform: rotate(90deg);
    width: 9px;
    height: 7px;
  }

  .dtmo-sidenav > li.lvl1 > .arrow-right:hover {
    cursor: pointer;
    padding: 0 0 0 0;
    border-bottom: 9px solid rgba(0, 0, 0, 0);
    border-left: 7px solid #015b99;
    border-top: 9px solid rgba(0, 0, 0, 0);
    position: static;
    float: right;
    vertical-align: middle;
    transform: rotate(90deg);
  }

  .dtmo-sidenav > li.lvl1 > .arrow-right-down {
        border-bottom: 9px solid rgba(0, 0, 0, 0);
    border-left: 7px solid #17345c;
    border-top: 9px solid rgba(0, 0, 0, 0);
	cursor: pointer;
    transform: rotate(270deg);
    width: 9px;
    height: 7px;
    }

  .dtmo-sidenav > li.lvl1 > .arrow-right-selected {
    cursor: pointer;
    padding: 0 0 0 0;
    margin: 8px 15px 0 10px;
    border-bottom: 9px solid rgba(0, 0, 0, 0);
    border-left: 7px solid #015b99;
    border-top: 9px solid rgba(0, 0, 0, 0);
    position: static;
    float: right;
    vertical-align: middle;
    transform: rotate(90deg);
    width: 9px;
    height: 7px;
  }

  .dtmo-sidenav > li.lvl1 > .arrow-right-selected:hover {
    cursor: pointer;
    padding: 0 0 0 0;
    border-bottom: 9px solid rgba(0, 0, 0, 0);
    border-left: 7px solid #17345C;
    border-top: 9px solid rgba(0, 0, 0, 0);
    position: static;
    float: right;
    vertical-align: middle;
    transform: rotate(270deg);
  }

  .dtmo-sidenav > li.lvl1 > .arrow-right-selected-down {
        border-bottom: 9px solid rgba(0, 0, 0, 0);
    border-left: 7px solid #17345c;
    border-top: 9px solid rgba(0, 0, 0, 0);
	cursor: pointer;
    transform: rotate(270deg);
    width: 9px;
    height: 7px;
  }

  /* Child Page */
  
  .dtmo-sidenav ul > li.lvl2 {
    font-family: PublicSans-Medium;
    color: #1b1b1b;
    font-size: 1.5rem;
    line-height: 125%;
    font-weight: normal;
    padding: 10px 5px 8px 30px;
    border-bottom:1px solid #e5e9ed;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
  }
  
  .dtmo-sidenav ul > li.lvl2:active {
    font-size: 1.5rem;
    line-height: 125%;
    text-decoration: none;
    color: #1b1b1b;
    padding: 10px 5px 8px 30px;
  }
  
  .dtmo-sidenav ul > li.lvl2:hover {
    color: #015B99;
    border-left: none;
    padding: 10px 5px 8px 30px;
  }

  .dtmo-sidenav ul > li.lvl2 > a.lvl2 {
    font-family: PublicSans-Medium;
    color: #1b1b1b;
    font-size: 1.5rem;
    line-height: 125%;
    font-weight: normal;
    border-bottom: none;
    padding: 10px 5px 8px 0px;
  }

  .dtmo-sidenav ul > li.lvl2 > a.lvl2:hover {
    color: #17345c;
    font-size: 1.5rem;
    line-height: 125%;
    line-height: inherit;
    padding: 10px 5px 8px 0px;
  }

  .dtmo-sidenav ul > li.lvl2 > a.lvl2:active {
    color: #17345c;
    font-size: 1.5rem;
    line-height: 125%;
    padding: 10px 5px 8px 0px;
  }

  .dtmo-sidenav ul > li.lvl2 > .selected {
    font-family: PublicSans-Bold;
    font-size: 1.5rem;
    line-height: 125%;
    border-left: none;
    padding: 0px 5px 0px 0px;
  }


  .dtmo-sidenav ul > li.lvl2 > .selected:hover {
    font-family: PublicSans-Bold;
    font-size: 1.5rem;
    line-height: 125%;
    border-left: none;
    padding: 0px 5px 0px 0px;
  }

  .dtmo-sidenav ul > li.lvl2 > .selected > a.selected {
    font-size: 1.5rem;
    line-height: 125%;
    color: #015B99;
    border-left: none;
    padding: 0px 5px 0px 0px;
  }

  .dtmo-sidenav ul > li.lvl2 > .selected > a.selected:hover {
    font-size: 1.5rem;
    line-height: 125%;
    color: #17345C;
    border-left: none;
    padding: 0px 5px 0px 0px;
  }

  .dtmo-sidenav ul > li.lvl2 > .selected > a.selected:active {
    font-size: 1.5rem;
    line-height: 125%;
    color: #015B99;
    border-left: none;
    padding: 0px 5px 0px 0px; 
  }

  /* Child Page Last Child*/
  
  .dtmo-sidenav ul > li.lvl2-lastchild {
    font-family: PublicSans-Medium;
    color: #1b1b1b;
    font-size: 1.5rem;
    padding: 10px 5px 0px 30px;
    border: none;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
  }
  
  .dtmo-sidenav ul > li.lvl2-lastchild:active {
    color: #1b1b1b;
    border-bottom: none;
  }
  
  .dtmo-sidenav ul > li.lvl2-lastchild:hover {
    color: #015B99;
    border-left: none;
  }

  .dtmo-sidenav ul > li.lvl2-lastchild > a.lvl2 {
    font-family: PublicSans-Medium;
    color: #1b1b1b;
    font-size: 1.5rem;
    padding: 10px 5px 0px 0px;
    border: none;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
  }
  
  .dtmo-sidenav ul > li.lvl2-lastchild > a.lvl2:active {
    color: #1b1b1b;
    border-bottom: none;
  }
  
  .dtmo-sidenav ul > li.lvl2-lastchild > a.lvl2:hover {
    color: #17345c;
    border-left: none;
  }

  .dtmo-sidenav ul > li.lvl2-lastchild > .selected {
    font-size: 1.5rem;
    font-family: PublicSans-Bold;
    border-left: none;
  }

  .dtmo-sidenav ul > li.lvl2-lastchild > .selected:hover {
    line-height: inherit;
    font-size: inherit;
    font-family: PublicSans-Bold;
    border-left: none;
  }

  .dtmo-sidenav ul > li.lvl2-lastchild > .selected > a.selected {
    font-size: 1.5rem;
    color: #015B99;
    font-family: PublicSans-Bold;
    border-left: none;
  }

  .dtmo-sidenav ul > li.lvl2-lastchild > .selected > a.selected:hover {
    line-height: inherit;
    font-size: inherit;
    color: #17345c;
    font-family: PublicSans-Bold;
    border-left: none;
  }

  /* Grand Child Page */

  .dtmo-sidenav ul > li.lvl3 {
    font-family: PublicSans-Medium;
    color: #1b1b1b;
    font-size: 1.4rem;
    padding: 10px 5px 10px 50px;
    border-bottom:1px solid #e5e9ed;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
  }
 
  .dtmo-sidenav ul > li.lvl3:hover {
    color: #015B99;
  }
  
  .dtmo-sidenav ul > li.lvl3 > a.lvl3 {
    line-height: inherit;
    font-size: inherit;
    text-decoration: none;
    color: #1b1b1b;
  }
  
  .dtmo-sidenav ul > li.lvl3 > a.lvl3:hover, a.lvl3:active {
    line-height: inherit;
    font-size: inherit;
    text-decoration: none;
    color: #17345c;
  }

  .dtmo-sidenav ul > li.lvl3 > .selected {
    font-family: PublicSans-Bold;
    border-left: none;
  }

  .dtmo-sidenav ul > li.lvl3 > .selected > a.selected {
    color: #015B99;
  }

  .dtmo-sidenav ul > li.lvl3 > .selected > a.selected:hover {
    color: #17345C;
  }

  /* Grand Child Page Last Child*/
  
  .dtmo-sidenav ul > li.lvl3-lastchild {
    font-family: PublicSans-Medium;
    color: #1b1b1b;
    font-size: 1.4rem;
    padding: 10px 5px 0px 50px;
    border-bottom: none;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
  }
  
  .dtmo-sidenav ul > li.lvl3-lastchild:active {
    text-decoration: none;
    color: #17345C;
  }
  
  .dtmo-sidenav ul > li.lvl3-lastchild:hover {
    color: #17345C;
    border-left: none;
  }

  .dtmo-sidenav ul > li.lvl3-lastchild > a.lvl3 {
    font-family: PublicSans-Medium;
    color: #1b1b1b;
    font-size: 1.4rem;
    padding: 10px 5px 0px 0px;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
  }
  
  .dtmo-sidenav ul > li.lvl3-lastchild > a.lvl3:active {
    text-decoration: none;
    color: #17345C;
  }
  
  .dtmo-sidenav ul > li.lvl3-lastchild > a.lvl3:hover {
    color: #17345C;
    border-left: none;
  }

  .dtmo-sidenav ul > li.lvl3-lastchild > .selected {
    font-family: PublicSans-Bold;
    border-left: none;
  }

  .dtmo-sidenav ul > li.lvl3-lastchild > .selected:hover {
    font-family: PublicSans-Bold;
    border-left: none;
  }

  .dtmo-sidenav ul > li.lvl3-lastchild > .selected > a.selected, a.selected:active {
    color: #015B99;
    font-family: PublicSans-Bold;
    border-left: none;
  }

  .dtmo-sidenav ul > li.lvl3-lastchild > .selected > a.selected:hover {
    color: #17345c;
  }


  /* Grid Containers sometimes float: left 	width: 100%;*/
  .grid-container-1 {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-flow: auto;
    grid-auto-columns: auto;
    background-color: #FFFFFF;
    padding: 20px 40px 0 15px;
    justify-content: center;
  }

  
  .grid-container-2 {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-flow: auto;
    grid-auto-columns: auto;
    background-color: #FFFFFF;
    padding: 0 40px 0 40px;
    justify-content: center;
  }
  .grid-container-3 {
    display: grid;
    grid-auto-flow: auto;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-columns: auto;
	/*grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
padding: 0 40px 0 40px;
	grid-auto-columns: 1fr;*/
    background-color: #FFFFFF;
    padding: 0 40px 0 40px;
    justify-content: center;
  }

  .grid-container-4 {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));
    grid-auto-flow: auto;
    grid-auto-columns: auto;
    background-color: #FFFFFF;
    padding: 15px 10px 0 10px;
    justify-content: center;
  }

  .grid-container-5 {
    display: grid;
	  width: auto;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-flow: auto;
    background-color: #FFFFFF;
    justify-content: center;
  }

  .grid-container-6 {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-flow: auto;
    background-color: #FFFFFF;
    justify-content: center;
  }

  .grid-container-5 > .grid-item {
  background-color: #FFFFFF;
  padding: 10px;
  vertical-align: top;
  }
  
  .grid-item {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  padding: 10px;
  vertical-align: top;
  }
  
  /* Vertical Cards with Images as Button*/
  

  .grid-item > button.dtmo-card {
    display: inline-flex;
    box-shadow: 0;
    transition: 0.3s;
    width: 100%;
    background-color: #fff;
    font-family: Arial;
    border-width: 3px;
    border-color: #e6e6e6;
    border-style: solid;
    padding: 0;
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: .75rem;
    vertical-align: top;
    justify-content: start;
  }
  
  .grid-item > button.dtmo-card:hover {
    box-shadow: 0 8px 8px 0 rgba(0,0,0,0.2);
  }
  
  .grid-item > button.dtmo-card > .dtmo-card-container {
    border: 0px;
    text-align: left;
	border-radius: .75rem;*/
    vertical-align: top;
	width: 100%;
  }

  .grid-item > button.dtmo-card > .dtmo-card-container > img.dtmo-card {
    padding: 0;
    vertical-align: top;
    justify-content: start;
  }

  .H1dtmocard, #H1dtmocard {
  margin: 0;
  padding: 0;
  color: #1b1b1b;
  -webkit-text-size-adjust: 100%;
  font-size: 2.8rem;
  font-family: PublicSans-Bold;
  font-style: normal;
  line-height: 150%;
  padding-bottom: 10px;
  letter-spacing: normal;
  color: #17345C;
  position: static; 
  font-weight: 700;
    font-size: 2.8rem;
  font-family: PublicSans-Bold;
  font-style: normal;
  line-height: 150%;
  padding-bottom: 10px;
  letter-spacing: normal;
  color: #17345C;
  position: static; 
  font-weight: 700;
	padding: 0px 20px 0px 25px;
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.2rem;
    line-height: 140%;
    text-align: left;
    vertical-align: text-top;
  }

  .grid-item > button.dtmo-card > .dtmo-card-container > h1.dtmo-card {
    padding: 0px 20px 0px 25px;
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.2rem;
    line-height: 140%;
    text-align: left;
    vertical-align: text-top;
  }
  
    .grid-item > button.dtmo-card > .dtmo-card-container > .H1dtmocard, #H1dtmocard {
  padding: 0px 20px 0px 25px;
color: #17345C;
font-family: PublicSans-Bold;
text-align: left; font-weight: 700; margin: 67em 0; margin-top: 0.67em; margin-bottom: 0.67em;
font-size: 38px; line-height: 54px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px;
  }

  .grid-item > button.dtmo-card > .dtmo-card-container > p.dtmo-card {
    padding: 0px 20px 8px 25px;
    color: #1b1b1b;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 150%;
    text-align: left;
    vertical-align: text-top;
  }

    /* Vertical Cards with Images as Div*/

    .grid-item > .dtmo-card {
      display: inline-flex;
      box-shadow: 0;
      transition: 0.3s;
      width: 100%;
      background-color: #fff;
      font-family: Arial;
      border-width: 3px;
      border-color: #e6e6e6;
      border-style: solid;
      padding: 0;
      margin-left: .5rem;
      margin-right: .5rem;
      border-radius: .75rem;
      vertical-align: top;
      justify-content: start;
    }
    
    .grid-item > .dtmo-card:hover {
      box-shadow: none;
    }
    
    .grid-item > .dtmo-card > .dtmo-card-container {
      border: 0px;
      border-radius: .75rem;
      text-align: left;
      vertical-align: top;
      padding-bottom: 15px;
    }
  
    .grid-item > .dtmo-card > .dtmo-card-container > img.dtmo-card {
      padding: 0;
      vertical-align: top;
      justify-content: start;
    }
	
	.grid-container-4 > .grid-item > .dtmo-card-container > img.dtmo-card {
      padding: 0;
      vertical-align: top;
      justify-content: start;
    }
  
  
    .grid-item > .dtmo-card > .dtmo-card-container > h1.dtmo-card {
      padding: 0px 20px 0px 25px;
      color: #17345C;
      font-family: PublicSans-Bold;
      font-size: 2.2rem;
      line-height: 140%;
      text-align: left;
      vertical-align: text-top;
    }
 
      .grid-item > .dtmo-card > .dtmo-card-container > h2.dtmo-card {
padding: 0px 20px 0px 25px;
color: #17345C;
font-family: PublicSans-Bold;
text-align: left; font-weight: 700; margin: 67em 0; margin-top: 0.67em; margin-bottom: 0.67em;
font-size: 38px; line-height: 54px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px;
    }
	
	      .grid-container-1 > .grid-item > .dtmo-card > .dtmo-card-container > h2.alt-dtmo-card {
padding: 15px 20px 0px 25px;
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.2rem;
    line-height: 140%;
    text-align: left;
    vertical-align: text-top;
    font-weight: 700;
    margin: .67em 0;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
    }
  
    .grid-item > .dtmo-card > .dtmo-card-container > p.dtmo-card {
      padding: 0 20px 8px 25px;
      color: #1b1b1b;
      font-family: Arial;
      font-size: 1.4rem;
      line-height: 150%;
      text-align: left;
      vertical-align: text-top;
    }

    .grid-item > .dtmo-card > .dtmo-card-container > .button-container {
      justify-content: center;
      text-align: center;
      padding: 5px 20px 5px 20px;
    }

  /* Horizontal Cards with Images as Button*/

  .grid-item > button.dtmo-card-horizontal {
    display: inline-flex;
    box-shadow: 0;
    transition: 0.3s;
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-family: Arial;
    border-width: 3px;
    border-color: #e6e6e6;
    border-style: solid;
    padding: 0;
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: .75rem;
    vertical-align: middle;
    justify-content: start;
  }
  
  .grid-item > button.dtmo-card-horizontal:hover {
    box-shadow: 0 8px 8px 0 rgba(0,0,0,0.2);
  }
  
  .grid-item > button.dtmo-card-horizontal > img.dtmo-card-horizontal {
    display:inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    vertical-align: middle;
    justify-content: left;
  }


  .grid-item > button.dtmo-card-horizontal > .dtmo-card-horizontal-container {
    display: inline;
    width: 100%;
    height: 100%;
    border: 0px;
    border-radius: .75rem;
    text-align: left;
    vertical-align: middle;
    padding-bottom: 10px;
    overflow-y: auto;
  }


  .grid-item > button.dtmo-card-horizontal > .dtmo-card-horizontal-container > h1.dtmo-card-horizontal {
    display:inline-block;
    position: relative;
    width: 75%;
    padding: 30px 20px 0px 25px;
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.2rem;
    line-height: 140%;
    text-align: left;
    vertical-align: middle;
  }

  .grid-item > button.dtmo-card-horizontal > .dtmo-card-horizontal-container > h2.dtmo-card-horizontal {
    display:inline-block;
    position: relative;
    width: 75%;
    padding: 30px 20px 0px 25px;
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.2rem;
    line-height: 140%;
    text-align: left;
    vertical-align: middle;
  }

  .grid-item > button.dtmo-card-horizontal > .dtmo-card-horizontal-container > p.dtmo-card-horizontal {
    display:inline-block;
    position: relative;
    padding: 0px 20px 8px 25px;
    color: #1b1b1b;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 150%;
    text-align: left;
    vertical-align: middle;
  }


  /* Horizontal Cards with Images as Div*/

  .grid-item > .dtmo-card-horizontal {
    display: inline-flex;
    box-shadow: 0;
    transition: 0.3s;
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-family: Arial;
    border-width: 3px;
    border-color: #e6e6e6;
    border-style: solid;
    padding: 0;
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: .75rem;
    vertical-align: middle;
    justify-content: start;
  }
  
  
  .grid-item > .dtmo-card-horizontal > img.dtmo-card-horizontal {
    display:inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    vertical-align: middle;
    justify-content: left;
  }


  .grid-item > .dtmo-card-horizontal > .dtmo-card-horizontal-container {
    display: inline;
    width: 100%;
    border: 0px;
    border-radius: .75rem;
    text-align: left;
    vertical-align: middle;
    padding-bottom: 10px;
    overflow-y: auto;
  }


  .grid-item > .dtmo-card-horizontal > .dtmo-card-horizontal-container > h1.dtmo-card-horizontal {
    display:inline-block;
    position: relative;
    width: 100%;
    padding: 30px 20px 0px 25px;
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.2rem;
    line-height: 140%;
    text-align: left;
    vertical-align: middle;
  }


  .grid-item > .dtmo-card-horizontal > .dtmo-card-horizontal-container > h2.dtmo-card-horizontal {
    display:inline-block;
    position: relative;
    width: 100%;
    padding: 30px 20px 0px 25px;
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.2rem;
    line-height: 140%;
    text-align: left;
    vertical-align: middle;
  }

  .grid-item > .dtmo-card-horizontal > .dtmo-card-horizontal-container > p.dtmo-card-horizontal {
    display:inline-block;
    position: relative;
    padding: 0px 20px 8px 25px;
    color: #1b1b1b;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 150%;
    text-align: left;
    vertical-align: middle;
  }

  .grid-item > .dtmo-card-horizontal > .dtmo-card-horizontal-container > .button-container-horizontal {
    justify-content: center;
    text-align: center;
    padding: 5px 20px 5px 20px;
  }

  /* Cards with Icons*/

  .dtmo-card-icons {
    box-shadow: 0;
    transition: 0.3s;
    width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    font-family: Arial;
    display: flex;
    height:min-content;
    flex-direction: column;
    margin-left: .5rem;
    margin-right: .5rem;
    position:relative;
    vertical-align: text-top;
    align-items: center;
    padding-bottom: 20px;
  }

  .dtmo-card-icons > a.dtmo-card-icons {
    cursor: pointer;
    padding-bottom: 0;
  }

  .dtmo-card-icons > a.dtmo-card-icons > img.dtmo-card-icons {
    width: 45%;
    height: 45%;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
  .dtmo-card-icons > .dtmo-card-icons-container {
    padding: 0px 5x 15px 5px;
    border: 0px;
    border-radius: .75rem;
    vertical-align: text-top;
  }

  .dtmo-card-icons > .dtmo-card-icons-container > h1.dtmo-card-icons {
    color: #1b1b1b;
    font-family: PublicSans-Bold;
    font-size: 2.4rem;
    line-height: 135%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .dtmo-card-icons > .dtmo-card-icons-container > h1.dtmo-card-icons > a.dtmo-card-icons, a.dtmo-card-icons:active {
    cursor: pointer;
    color: #1b1b1b;
    font-family: PublicSans-Bold;
    font-size: 2.4rem;
    line-height: 135%;
    padding-bottom: 0;
  }

  .dtmo-card-icons > .dtmo-card-icons-container > h1.dtmo-card-icons > a.dtmo-card-icons:hover {
    color: #015b99;
    font-family: PublicSans-Bold;
    font-size: 2.4rem;
    line-height: 135%;
    text-decoration: underline;
    padding-bottom: 0;
  }


  .dtmo-card-icons > .dtmo-card-icons-container > h2.dtmo-card-icons {
    color: #1b1b1b;
    font-family: PublicSans-Bold;
    font-size: 2.4rem;
    line-height: 135%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .dtmo-card-icons > .dtmo-card-icons-container > h2.dtmo-card-icons > a.dtmo-card-icons, a.dtmo-card-icons:active {
    cursor: pointer;
    color: #1b1b1b;
    font-family: PublicSans-Bold;
    font-size: 2.4rem;
    line-height: 135%;
    padding-bottom: 0;
	text-decoration: none !important;
  }

  .dtmo-card-icons > .dtmo-card-icons-container > h2.dtmo-card-icons > a.dtmo-card-icons:hover {
    color: #015b99;
    font-family: PublicSans-Bold;
    font-size: 2.4rem;
    line-height: 135%;
    text-decoration: underline;
    padding-bottom: 0;
  }

  .dtmo-card-icons > .dtmo-card-icons-container > p.dtmo-card-icons {
    color: #1b1b1b;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: center;
    vertical-align: text-top;
    padding: 5px;
  }

  .dtmo-card-icons > .dtmo-card-icons-container > p.dtmo-card-icons > a.dtmo-card-icons, a.dtmo-card-icons:active {
    display: contents;
    cursor: pointer;
    color: #015b99;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 1.6;
    text-decoration: underline;
  }

  .dtmo-card-icons > .dtmo-card-icons-container > p.dtmo-card-icons > a.dtmo-card-icons:hover {
    color: #bb1122;
  }


  /* Highlight Box */

  /* Blue Box */  

  .dtmo-highlightbox-blue {
    box-shadow: 0;
    transition: 0.3s;
    width: 100%;
    background-color: #17345C;
    font-family: Arial;
    border: #55CAF5 solid 4px;
    margin-left: .5rem;
    margin-right: .5rem;
    position:relative;
    border-radius: .75rem;
    vertical-align: text-top;
  }
  
  .dtmo-highlightbox-blue-container {
    padding: 0px 20px 20px 25px;
    border: 0px;
    border-radius: .75rem;
    vertical-align: text-top;

	& h1 {
    color: #FFFFFF;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
    line-height: 135%;
    padding-top: 0;
    padding-bottom: 5px;
    }
	
	& p {
		    color: #FFFFFF;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
    vertical-align: text-top;
    padding-bottom: 5px;
	}
  }


  .dtmo-highlightbox-blue-h1 > h1.dtmo-highlightbox {
    color: #FFFFFF;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
    line-height: 135%;
    padding-top: 0;
    padding-bottom: 5px;
  }

  .dtmo-highlightbox-blue-p > p.dtmo-highlightbox {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
    vertical-align: text-top;
    padding-bottom: 5px;
  }

  .dtmo-highlightbox-blue-p > p.dtmo-highlightbox > a.dtmo-highlightbox {
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: underline;
  }

  .dtmo-highlightbox-blue-p > ul.dtmo-highlightbox {
    color: #FFFFFF;
    padding-bottom: 10px; 
    margin-left: 15px;
  }

  .dtmo-highlightbox-blue-p > ul.dtmo-highlightbox > li.dtmo-highlightbox {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
    vertical-align: text-top;
  }

  .dtmo-highlightbox-blue-p > ul.dtmo-highlightbox > li.dtmo-highlightbox > a.dtmo-highlightbox {
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: underline;
  }

  .dtmo-highlightbox-blue-learnmore > a.dtmo-highlightbox {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.6;
    text-align: right;
    vertical-align: text-top;
    padding: 25px 5px 0px 0px;
  }

  .dtmo-highlightbox-blue-learnmore > a.dtmo-highlightbox:hover {
    text-decoration: underline;
  }

  .dtmo-highlightbox-blue-learnmore > a.dtmo-highlightbox:after {
    content: "\003E";
    padding-left: 10px;
  }


  /* White Box */  

  .dtmo-highlightbox-white {
    box-shadow: 0;
    transition: 0.3s;
    width: 100%;
    background-color: #FFFFFF;
    font-family: Arial;
    border: #015B99 solid 4px;
    margin-left: .5rem;
    margin-right: .5rem;
    position:relative;
    border-radius: .75rem;
    vertical-align: text-top;
  }
  
  .dtmo-highlightbox-white-container {
    padding: 0px 20px 20px 25px;
    border: 0px;
    border-radius: .75rem;
    vertical-align: text-top;
  }
  
  .dtmo-highlightbox-white-container > h2.dtmo-RSS-highlightbox {
	  /*added this in July*/
   color: #17345C;
    font-size: 150%;
    font-weight: 700;
    font-family: inherit;
    margin: .67em 0;
    letter-spacing: normal;
  }


  .dtmo-highlightbox-white-h1 > h1.dtmo-highlightbox {
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
    line-height: 135%;
    padding-top: 0;
    padding-bottom: 5px;
  }

  .dtmo-highlightbox-white-h1 > h2.dtmo-highlightbox {
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
    line-height: 135%;
    padding-top: 5px;
    padding-bottom: 5px;
	font-weight: 700;
    margin: .67em 0;
  }
  .dtmo-highlightbox-white-p > p.dtmo-highlightbox {
    color: #1b1b1b;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
    vertical-align: text-top;
    padding-bottom: 5px; 
  }

  .dtmo-highlightbox-white-p > p.dtmo-highlightbox > a.dtmo-highlightbox, a.dtmo-highlightbox:active {
    cursor: pointer;
    text-decoration: underline;
  }

  .dtmo-highlightbox-white-p > ul.dtmo-highlightbox {
    color: #1b1b1b;
    padding-bottom: 10px; 
    margin-left: 15px;
  }

  .dtmo-highlightbox-white-p > ul.dtmo-highlightbox > li.dtmo-highlightbox {
    color: #1b1b1b;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
    vertical-align: text-top;
  }

  .dtmo-highlightbox-white-p > ul.dtmo-highlightbox > li.dtmo-highlightbox > a.dtmo-highlightbox {
    cursor: pointer;
    text-decoration: underline;
  }
  
  .dtmo-highlightbox-white-learnmore > a.dtmo-highlightbox {
    cursor: pointer;
    color: #17345C;
    font-family: Arial;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.6;
    text-align: right;
    padding: 25px 5px 0px 0px;
	text-decoration: underline; /*added for TAC links*/
  }

  .dtmo-highlightbox-white-learnmore > a.dtmo-highlightbox:hover {
    text-decoration: underline;
  }

  .dtmo-highlightbox-white-learnmore > a.dtmo-highlightbox:after {
    content: " \003E";
    /*padding-left: 10px; removed for TAC links, added in space above*/
  }

  /* Quick Links 
    max-width: 290px;
	    min-width: 200px;*/
  /* Grey Box */  

  .dtmo-quicklinks-grey {
    width: 100%;
    background-color: #f0f0f0;
    font-family: Arial;
    margin-left: .5rem;
    margin-right: .5rem;
    position:relative;
    border-radius: .75rem;
    vertical-align: text-top;
  }
  
  .dtmo-quicklinks-grey-container {
    padding: 0px 20px 20px 25px;
    border: 0px;
    border-radius: .75rem;
    vertical-align: text-top;
	width: 100%;

	& h1 {
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
    line-height: 135%;
    padding-bottom: 5px;}
	
	& p {
    color: #1b1b1b;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
    vertical-align: text-top;
    padding-bottom: 5px;}
  }
  
  	.dtmo-quicklinks-grey-container > h1.dtmo-quicklinks  {
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
    line-height: 135%;
    padding-bottom: 5px;}
	
	.dtmo-quicklinks-grey-container > h2.dtmo-quicklinks  {
    color: #17345C;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
    line-height: 135%;
    padding-top: 5px;
	font-weight: 700;
    margin: .67em 0;
    letter-spacing: normal;
	}
	
	.dtmo-quicklinks-grey-container > p.dtmo-quicklinks {
    color: #1b1b1b;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
    vertical-align: text-top;
    padding-bottom: 5px;}

  .dtmo-quicklinks-grey-container > p.dtmo-quicklinks > a.dtmo-quicklinks, a.dtmo-quicklinks:active {
    cursor: pointer;
    color: #3344dd;
    text-decoration: underline;
  }

  .dtmo-quicklinks-grey-container > p.dtmo-quicklinks > a.dtmo-quicklinks:hover {
    color: #bb1122;
    text-decoration: underline;
  }

  .dtmo-quicklinks-grey-container > ul.dtmo-quicklinks {
    margin: 0 0 0 0;
    align-content: left;
    vertical-align: text-top;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .dtmo-quicklinks-grey-container > ul.dtmo-quicklinks > li.dtmo-quicklinks {
    padding: 10px 0 0 0;
    color: #1b1b1b;
    font-family: Arial;
    font-size: 1.4rem;
    line-height: 160%;
    text-align: left;
    vertical-align: text-top;
    list-style: none;
  }

  .dtmo-quicklinks-grey-container > ul.dtmo-quicklinks > li.dtmo-quicklinks > a.dtmo-quicklinks {
    cursor: pointer;
    color: #015B99;
    font-family: Arial;
    font-size: inherit;
    font-weight: bold;
    text-decoration: none;
  }

  .dtmo-quicklinks-grey-container > ul.dtmo-quicklinks > li.dtmo-quicklinks:hover {
    font-family: inherit;
    font-size: inherit;
    text-decoration: underline;
  }

  .dtmo-quicklinks-grey-container > ul.dtmo-quicklinks > li.dtmo-quicklinks:active {
    font-family: inherit;
    font-size: inherit;
    text-decoration: underline;
  }

  
  /* Buttons */

  button.dtmobutton-default {
    background-color: #015b99; 
    border: #55CAF5 solid 3px;
    border-radius: 10px;
    color: white;
    padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-flexbox;
    position: relative;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;

    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens:none;
  }

  button.dtmobutton-default:hover {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    background-color: #1c4071; 
  }

  button.dtmobutton-default:active {
    background-color: #17345c; 
  }

  button.dtmobutton-default:focus {
    outline: .25rem solid #2491ff; 
  }

  button.dtmobutton-default:disabled {
    color: #FFFFFF;
    background-color: #c9c9c9; 
  }

  button.dtmobutton-lightblue {
    background-color: #55CAF5; 
    border: #17345C solid 3px;
    border-radius: 10px;
    color: #17345C;
    padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-flexbox;
    position: relative;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;

    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens:none;
  }

  button.dtmobutton-lightblue:hover {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    background-color: #28a0cb; 
  }

  button.dtmobutton-lightblue:active {
    background-color: #07648d; 
  }

  button.dtmobutton-lightblue:focus {
    outline: .25rem solid #2491ff; 
  }

  button.dtmobutton-lightblue:disabled {
    color: #FFFFFF;
    background-color: #c9c9c9; 
  }

  button.dtmobutton-default-borderless {
    background-color: #015b99; 
    border: none;
    border-radius: 10px;
    color: white;
    padding: 13px 30px 13px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-flexbox;
    position: relative;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;

    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens:none;
  }

  button.dtmobutton-default-borderless:hover {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    background-color: #1c4071; 
  }

  button.dtmobutton-default-borderless:active {
    background-color: #17345c; 
  }

  button.dtmobutton-default-borderless:focus {
    outline: .25rem solid #2491ff; 
  }

  button.dtmobutton-default-borderless:disabled {
    color: #FFFFFF;
    background-color: #c9c9c9; 
  }

  button.dtmobutton-lightblue-borderless {
    background-color: #55CAF5; 
    border: none;
    border-radius: 10px;
    color: #17345C;
    padding: 13px 30px 13px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-flexbox;
    position: relative;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;

    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens:none;
  }

  button.dtmobutton-lightblue-borderless:hover {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    background-color: #28a0cb; 
  }

  button.dtmobutton-lightblue-borderless:active {
    background-color: #07648d; 
  }

  button.dtmobutton-lightblue-borderless:focus {
    outline: .25rem solid #2491ff; 
  }

  button.dtmobutton-lightblue-borderless:disabled {
    color: #FFFFFF;
    background-color: #c9c9c9; 
  }

  button.dtmobutton-green-borderless {
    background-color:  #8bc53f; 
    border: none;
    border-radius: 10px;
    color: #17345C;
    padding: 13px 30px 13px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-flexbox;
    position: relative;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;

    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens:none;
  }

  button.dtmobutton-green-borderless:hover {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    background-color: #6fb512; 
  }

  button.dtmobutton-green-borderless:active {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    background-color: #64a40f; 
  }

  button.dtmobutton-green-borderless:disabled {
    color: #FFFFFF;
    background-color: #c9c9c9; 
  }

  button.dtmobutton-default-outline {
    background-color: #FFFFFF; 
    border: #015b99 solid 3px;
    border-radius: 10px;
    color: #17345c;
    padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-flexbox;
    position: relative;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;

    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens:none;
  }

  button.dtmobutton-default-outline:hover {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    border: #1c4071 solid 3px;
  }

  button.dtmobutton-default-outline:active {
    border: #17345c solid 3px;
  }

  button.dtmobutton-default-outline:focus {
    outline: .25rem solid #2491ff; 
  }

  button.dtmobutton-default-outline:disabled {
    color: #c9c9c9;
    border: #c9c9c9 solid 3px;
    outline-offset: -30px; 
  }

  button.dtmobutton-lightblue-outline {
    background-color: #FFFFFF; 
    border: #55CAF5 solid 3px;
    border-radius: 10px;
    color: #17345c;
    padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-flexbox;
    position: relative;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;

    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens:none;
  }

  button.dtmobutton-lightblue-outline:hover {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    border: #28a0cb solid 3px;
  }

  button.dtmobutton-lightblue-outline:active {
    border: #07648d solid 3px; 
    outline-offset: -30px;
  }

  button.dtmobutton-lightblue-outline:focus {
    outline: .25rem solid #2491ff; 
  }

  button.dtmobutton-default-outline:disabled {
    color: #c9c9c9;
    border: #c9c9c9 solid 3px;
  }

  button.dtmobutton-grey-outline {
    background-color: #FFFFFF; 
    border: #A7A9AC solid 3px;
    border-radius: 10px;
    color: #696B6D;
    padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-flexbox;
    position: relative;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;

    overflow-wrap: normal;
    word-wrap: normal;
    -ms-word-break: normal;
    word-break: normal;
    word-break: normal;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens:none;
  }

  button.dtmobutton-grey-outline:hover {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    border: #696B6D solid 3px; 
    outline-offset: -30px;
  }

  button.dtmobutton-grey-outline:active {
    border: #696B6D solid 3px; 
    outline-offset: -30px;
  }

  button.dtmobutton-grey-outline:focus {
    outline: .25rem solid #2491ff; 
  }

  button.dtmobutton-grey-outline:disabled {
    color: #c9c9c9;
    border: #c9c9c9 solid 3px; 
    outline-offset: -30px;
  }

  /* Collapsible */
  
  /* Blue Button Fill */
  button.dtmocollapsible-blue {
    margin-top: 15px;
    background-color: #015b99;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
  }
  
  button.dtmocollapsible-blue:active {
    background-color: #17345c;
  }
  
  button.dtmocollapsible-blue:hover {
    background-color: #1c4071;
  }

  button.dtmocollapsible-blue:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  button.dtmocollapsible-blue-active:after {
    content: "\2212";
  }

  /* Grey Button Fill */
  button.dtmocollapsible-grey {
    margin-top: 15px;
    background-color: #696B6D;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
  }
  
  button.dtmocollapsible-grey:active {
    background-color: #5F5F5F;
  }
  
  button.dtmocollapsible-grey:hover {
    background-color: #A7A9AC;
  }

  button.dtmocollapsible-grey:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  button.dtmocollapsible-grey-active:after {
    content: "\2212";
  }

  /* Blue Button Outline */

  button.dtmocollapsible-blue-outline {
    margin-top: 15px;
    border: #015b99 solid 3px;
    background-color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
    color: #1b1b1b;
  }
  
  button.dtmocollapsible-blue-outline:active {
    background-color: #17345c;
  }
  
  button.dtmocollapsible-blue-outline:hover {
    background-color: #E5E5E5;
  }

  button.dtmocollapsible-blue-outline:after {
    content: '\002B';
    color: #1b1b1b;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  button.dtmocollapsible-blue-outline-active:after {
    content: "\2212";
  }

  /* Grey Button Outline */

  button.dtmocollapsible-grey-outline {
    margin-top: 15px;
    border: #A7A9AC solid 3px;
    background-color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
    color: #1b1b1b;
  }
  
  button.dtmocollapsible-grey-outline:active {
    background-color: #5F5F5F;
  }
  
  button.dtmocollapsible-grey-outline:hover {
    background-color: #E5E5E5;
  }

  button.dtmocollapsible-grey-outline:after {
    content: '\002B';
    color: #1b1b1b;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  button.dtmocollapsible-grey-outline-active:after {
    content: "\2212";
  }
  
  /* White Content Fill */

  .dtmocollapsible-content {
    border: none;
    padding: 20px 20px 5px 25px;
    display: none;
    overflow: hidden;
    background-color: #FFFFFF;
  }

  .dtmocollapsible-content > h1.dtmocollapsible {
    font-size: 2.8rem;
    font-family: PublicSans-Bold;
    font-style: normal;
    line-height: 150%;
    padding-top: 10px;
    padding-bottom: 5px;
    letter-spacing: normal;
    color: #17345C;
    position: static; 
  }

  .dtmocollapsible-content > h2.dtmocollapsible {
    font-size: 2.4rem;
    font-family: PublicSans-Bold;
    font-style: normal;
    line-height: 150%;
    padding-top: 10px;
    padding-bottom: 5px;
    letter-spacing: normal;
    color: #015B99;
    position: static; 
  }

  .dtmocollapsible-content > h3.dtmocollapsible {
    font-size: 2.0rem;
    font-family: PublicSans-Bold;
    font-style: normal;
    line-height: 150%;
    padding-top: 10px;
    padding-bottom: 5px;
    letter-spacing: normal;
    color: #5F5F5F;
    position: static; 
  }

  .dtmocollapsible-content > h4.dtmocollapsible {
    font-size: 1.65rem;
    font-family: Arial;
    line-height: 140%;
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 5px;
    letter-spacing: normal;
    color: #5F5F5F;
  }

  .dtmocollapsible-content > h5.dtmocollapsible {
    font-size: 1.65rem;
    font-family: Arial;
    line-height: 140%;
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 5px;
    letter-spacing: normal;
    color: #1b1b1b;
  }

  .dtmocollapsible-content > p.dtmocollapsible {
    color: #1b1b1b;
    font-size: 1.5rem;
    line-height: 1.75;
    padding-top: 0;
    padding-bottom: 10px;
    font-family: Arial;
    font-weight: normal;
  }

  .dtmocollapsible-content > p.dtmocollapsible > a.dtmocollapsible {
    cursor: pointer;
    color: #3344dd; /*blue*/
    font-size: 1.5rem;
    line-height: 1.75;
    font-family: Arial;
    font-weight: normal;
    text-decoration: underline;
  }

  .dtmocollapsible-content > p.dtmocollapsible > a.dtmocollapsible:hover {
    color: #bb1122; 
  }

  .dtmocollapsible-content > ul.dtmocollapsible, ol.dtmocollapsible {
    margin-bottom: 3px;
    margin-left: 18px;
    position: static;
    padding-top: 0;
  }
  
  .dtmocollapsible-content > ul.dtmocollapsible > li.dtmocollapsible {
    padding: 3px;
    font-size: 1.5rem;
    line-height: 1.75;
  }
  
  .dtmocollapsible-content > ol.dtmocollapsible > li.dtmocollapsible {
    padding: 3px;
    font-size: 1.5rem;
    line-height: 1.75;
  }

  .dtmocollapsible-content > ul.dtmocollapsible > li.dtmocollapsible > a.dtmocollapsible {
    cursor: pointer;
    color: #3344dd; /*blue*/
    font-size: 1.5rem;
    line-height: 1.75;
    font-family: Arial;
    font-weight: normal;
    text-decoration: underline;
  }

  .dtmocollapsible-content > ul.dtmocollapsible > li.dtmocollapsible > a.dtmocollapsible:hover {
    color: #bb1122; 
  }
  
  .dtmocollapsible-content > ol.dtmocollapsible > li.dtmocollapsible > a.dtmocollapsible {
    cursor: pointer;
    color: #3344dd; /*blue*/
    font-size: 1.5rem;
    line-height: 1.75;
    font-family: Arial;
    font-weight: normal;
    text-decoration: underline;
  }

  .dtmocollapsible-content > ol.dtmocollapsible > li.dtmocollapsible > a.dtmocollapsible:hover {
    color: #bb1122; 
  }

  /* Grey Content Fill*/
  
  .dtmocollapsible-content-grey {
    border: none;
    padding: 20px 20px 10px 20px;
    display: none;
    overflow: hidden;
    background-color: #E5E5E5;
  }
  .dtmocollapsible-content-grey > p.dtmocollapsible {
    color: #1b1b1b;
    font-size: 1.5rem;
    line-height: 1.75;
    padding-bottom: 0x;
    font-family: Arial;
    font-weight: normal;
  }

  .dtmocollapsible-content-grey > ul.dtmocollapsible > ol.dtmocollapsible {
    margin-bottom: 5px;
    margin-left: 18px;
    font-size: 1.5rem;
    line-height: 1.75;
    position: static;
  }
  
  .dtmocollapsible-content-grey > ul.dtmocollapsible > li.dtmocollapsible {
    padding-left: 5px;
    font-size: 1.5rem;
    line-height: 1.75;
  }
  
  .dtmocollapsible-content-grey > ol.dtmocollapsible > li.dtmocollapsible {
    padding-left: 5px;
    font-size: 1.5rem;
    line-height: 1.75;
  }


  /* Note from Carolyn: I was not able to finish building the tab menu component */

  /* Tab Menus */ 

  .dtmotab {
    overflow: hidden;
    border: 3px solid #E5E5E5;
    background-color: #FFFFFF;
  }

  /* Style the buttons inside the tab */
  .dtmotab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
  }
  
  /* Change background color of buttons on hover */
  .dtmotab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .dtmotab button.active {
    background-color: #ccc;
  }
  
  /* Style the tab content */
  .dtmotabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none; }


  /* Banner */

  .dtmobanner {
    margin: 0 0 0 0;
    background-color:#f0f0f0;
    color: #1b1b1b;
    align-items: center;
  }

  .dtmobanner-content {
    display: block;
    padding: 17px 15px 15px 15px;
    width:100%;
  }

  .dtmobanner-content p {
    display:inherit;
    padding: 0 0 0 0;
    margin: inherit;
    font-family: PublicSans-Medium;
    font-size:1.3rem;
    line-height:100%;
    text-align: center;
  }

  .dtmobanner-content > p > a {
    display:inline-block;
    padding: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height:inherit;
    text-align: inherit;
  }

  .dtmobanner-content > p > a:active {
    display:inline-block;
    padding: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height:inherit;
    text-align: inherit;
  }


  .dtmobanner-content > p > a:hover {
    display:inline-block;
    padding: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height:inherit;
    text-align: inherit;
  }

  .dtmobanner-content > p > a:visited {
    display:inline-block;
    padding: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height:inherit;
    text-align: inherit;
  }

  /* Navy Call Out */

  .dtmo-callout-navy {
    display: grid;
    grid-template-columns: auto auto;
    background-color: #17345C;
    padding: 40px;
    justify-content: center;
  }

  /* Process List */

  .dtmo > ol.dtmo-process-list {
    font-family: Arial;
    font-size:1.6rem;
    line-height:125%;
    margin-bottom:0;
    margin-top:0;
    list-style-type:none;
    padding-left:0;
    counter-reset:dtmo-numbered-list;
    padding:20px 0 0 calc( ( (2.5rem / 2) - (0.5rem / 2) ) );
    position:relative;
  }
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list {
    margin-bottom:0;
    max-width: none;
  }
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item{
    max-width: none;
  }
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item {
    border-left:0.5rem solid #d9e8f6;
    font-size:1.35rem;
    line-height:150%;
    margin-bottom:0;
    padding-bottom:2rem;
    padding-left:calc(calc( (2.5rem / 2) - 0.25rem ) * 2);
  }
  
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item:last-child{
    border-left:0.5rem solid transparent;
  }
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item::before{
    flex-direction:row;
    align-items:center;
    justify-content:center;
    height:2.5rem;
    border-radius:99rem;
    width:2.5rem;
    background-color:white;
    border:0.25rem solid #17345C;
    box-shadow:0 0 0 0.25rem white;
    color:#1b1b1b;
    content:counter(dtmo-numbered-list, decimal);
    counter-increment:dtmo-numbered-list;
    display:flex;
    font-family: PublicSans-Bold;
    font-size:1.35rem;
    line-height: 135%;
    height:2.5rem;
    left:0;
    margin-top:-0.4rem;
    position:absolute;
    width:2.5rem;
  }
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > ul.dtmo-process-list {
    list-style-type:disc;
  }
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > ul.dtmo-process-list > li.dtmo-process-list {
    font-family: Arial;
    font-size:1.45rem;
    line-height:135%;
    padding-bottom: 5px;
    margin-bottom:0.15rem;
  }

  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > ul.dtmo-process-list > li.dtmo-process-list > a.dtmo-process-list  {
    cursor: pointer;
    font-family: Arial;
    font-size:1.45rem;
    line-height:135%;
    color: #3344dd;
    text-decoration: underline;
    padding-bottom: 5px;
    margin-bottom:0.15rem;
  }

  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > ul.dtmo-process-list > li.dtmo-process-list > a.dtmo-process-list:hover  {
    cursor: pointer;
    font-family: Arial;
    font-size:1.45rem;
    line-height:135%;
    color: #bb1122;
    text-decoration: underline;
    padding-bottom: 5px;
    margin-bottom:0.15rem;
  }

  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > ul.dtmo-process-list > li.dtmo-process-list:last-child{
    margin-bottom:0;
  }
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > *:first-child{
    margin-top:0;
  }
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > *:last-child{
    margin-bottom:0;
  }
  
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > h4.dtmo-process-list {
    font-family: PublicSans-Bold;
    font-size:1.75rem;
    line-height:100%;
    color:#1b1b1b;
    margin:0;
    padding-bottom: 10px;
  }
  
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > h4.dtmo-process-list + *{
    margin-top:0.25rem;
  }

  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > h4.dtmo-process-list > a.dtmo-process-list {
    cursor: pointer;
    font-family: PublicSans-Bold;
    font-size: 1.75rem;
    line-height:100%;
    color:#1b1b1b;
    text-decoration: underline;
    margin:0;
    padding-bottom: 10px;
  }

  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > p.dtmo-process-list {
    font-family: Arial;
    font-size:1.45rem;
    line-height:150%;
    color:#1b1b1b;
    font-weight: normal;
    margin:0;
    padding-bottom: 5px;
  }
  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > p.dtmo-process-list + *{
    margin-top:.25rem;
  }

  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > p.dtmo-process-list > a.dtmo-process-list {
    cursor: pointer;
    font-family: Arial;
    font-size:1.45rem;
    line-height:150%;
    font-weight: normal;
    color: #3344dd;
    text-decoration: underline;
    margin:0;
    padding-bottom: 5px;
  }

  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > p.dtmo-process-list > a.dtmo-process-list:hover {
    cursor: pointer;
    font-family: Arial;
    font-size:1.45rem;
    line-height:150%;
    font-weight: normal;
    color: #bb1122;
    text-decoration: underline;
    margin:0;
    padding-bottom: 5px;
  }

  .dtmo > ol.dtmo-process-list > li.dtmo-process-list__item > p.dtmo-process-list > a.dtmo-process-list:active {
    display: inline;
    font-family: Arial;
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
    margin:0;
   }

  /* Alert */

  .dtmo-alert {
    font-family: PublicSans-Regular, Arial;
    font-size:1.06rem;
    line-height:1.5;
    color:#1b1b1b;
    background-color:#f0f0f0;
    padding-bottom:1rem;
    padding-top:1rem;
    position:relative;
    border-left:0.5rem solid #a9aeb1;
  }
  * + .dtmo-alert {
    margin-top:1rem;
  }
  .dtmo-alert > .dtmo-list,
  .dtmo-alert .dtmo-alert__body > .dtmo-list{
    padding-left:0;
  }
  .dtmo-alert > .dtmo-list:last-child,
  .dtmo-alert .dtmo-alert__body > .dtmo-list:last-child{
    margin-bottom:0;
  }
  
  .dtmo-alert__body{
    padding-left:1.25rem;
    padding-right:1.25rem;
  }
  
  .dtmo-alert--success{
    background-color:#ecf3ec;
    border-left-color:#00a91c;
    color:#1b1b1b;
  }
  .dtmo-alert--success:before{
    background:url("https://defensetravel.dod.afpims.mil/Portals/119/Images/Alert Component/check_circle.svg?ver=wQfn1hwr4X4DgaS1rwXVvw%3d%3d") no-repeat center/2rem 2rem;
    display:inline-block;
    height:2rem;
    width:2rem;
    content:"";
    display:block;
    height:3.5rem;
    left:0.9166666667rem;
    position:absolute;
    top:.8rem;
	bottom:.8rem;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))){
    .dtmo-alert--success:before{
      background:none;
      background-color:#1b1b1b;
      -webkit-mask:url("/Portals/119/Images/Alert Component/check_circle.svg?ver=wQfn1hwr4X4DgaS1rwXVvw%3d%3d") no-repeat center/2rem 2rem;
              mask:url("/Portals/119/Images/Alert Component/check_circle.svg?ver=wQfn1hwr4X4DgaS1rwXVvw%3d%3d") no-repeat center/2rem 2rem;
    }
  }
  .dtmo-alert--success.dtmo-alert--slim:before{
    background-size:1.5rem;
    height:2.5rem;
    width:1.5rem;
	top:.3rem;
	bottom:.3rem;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))){
    .dtmo-alert--success.dtmo-alert--slim:before{
      -webkit-mask-size:1.5rem;
              mask-size:1.5rem;
    }
  }
  .dtmo-alert--success a.dtmo-link{
    color:#005ea2;
  }
  .dtmo-alert--success a.dtmo-link:visited{
    color:#54278f;
  }
  .dtmo-alert--success a.dtmo-link:hover, .dtmo-alert--success a.dtmo-link:active{
    color:#1a4480;
  }
  .dtmo-alert--success.dtmo-alert--no-icon:before{
    display:none;
  }
  .dtmo-alert--success.dtmo-alert--no-icon .dtmo-alert__body{
    padding-left:1.25rem;
  }
  .dtmo-alert--success .dtmo-alert__body{
    padding-left:3.8333333333rem;
  }
  
  .dtmo-alert--warning{
    background-color:#faf3d1;
    border-left-color:#ffbe2e;
    color:#1b1b1b;
  }
  .dtmo-alert--warning:before{
    background:url("/Portals/119/Images/Alert Component/warning.svg?ver=IglICempoUrLramC6oWcoQ%3d%3d") no-repeat center/2rem 2rem;
    display:inline-block;
    height:2rem;
    width:2rem;
    content:"";
    display:block;
    height:3.5rem;
    left:0.9166666667rem;
    position:absolute;
    top:.8rem;
	bottom:.8rem;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))){
    .dtmo-alert--warning:before{
      background:none;
      background-color:#1b1b1b;
      -webkit-mask:url("/Portals/119/Images/Alert Component/warning.svg?ver=IglICempoUrLramC6oWcoQ%3d%3d") no-repeat center/2rem 2rem;
              mask:url("/Portals/119/Images/Alert Component/warning.svg?ver=IglICempoUrLramC6oWcoQ%3d%3d") no-repeat center/2rem 2rem;
    }
  }
  .dtmo-alert--warning.dtmo-alert--slim:before{
    background-size:1.5rem;
    height:2.5rem;
    width:1.5rem;
	top:.3rem;
	bottom:.3rem;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))){
    .dtmo-alert--warning.dtmo-alert--slim:before{
      -webkit-mask-size:1.5rem;
              mask-size:1.5rem;
    }
  }
  .dtmo-alert--warning a.dtmo-link{
    color:#005ea2;
  }
  .dtmo-alert--warning a.dtmo-link:visited{
    color:#54278f;
  }
  .dtmo-alert--warning a.dtmo-link:hover, .dtmo-alert--warning a.dtmo-link:active{
    color:#1a4480;
  }
  .dtmo-alert--warning.dtmo-alert--no-icon:before{
    display:none;
  }
  .dtmo-alert--warning.dtmo-alert--no-icon .dtmo-alert__body{
    padding-left:1.25rem;
  }
  .dtmo-alert--warning .dtmo-alert__body{
    padding-left:3.8333333333rem;
  }
  
  .dtmo-alert--error{
    background-color:#f4e3db;
    border-left-color:#d54309;
    color:#1b1b1b;
  }
  .dtmo-alert--error:before{
    background:url("/Portals/119/Images/Alert Component/error.svg?ver=j-r68kbkYPplhWcuW1gjvQ%3d%3d") no-repeat center/2rem 2rem;
    display:inline-block;
    height:2rem;
    width:2rem;
    content:"";
    display:block;
    height:3.5rem;
    left:0.9166666667rem;
    position:absolute;
    top:.8rem;
	bottom:.8rem;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))){
    .dtmo-alert--error:before{
      background:none;
      background-color:#1b1b1b;
      -webkit-mask:url("/Portals/119/Images/Alert Component/error.svg?ver=j-r68kbkYPplhWcuW1gjvQ%3d%3d") no-repeat center/2rem 2rem;
              mask:url("/Portals/119/Images/Alert Component/error.svg?ver=j-r68kbkYPplhWcuW1gjvQ%3d%3d") no-repeat center/2rem 2rem;
    }
  }
  .dtmo-alert--error.dtmo-alert--slim:before{
    background-size:1.5rem;
    height:2.5rem;
    width:1.5rem;
	top:.3rem;
	bottom:.3rem;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))){
    .dtmo-alert--error.dtmo-alert--slim:before{
      -webkit-mask-size:1.5rem;
              mask-size:1.5rem;
    }
  }
  .dtmo-alert--error a.dtmo-link{
    color:#005ea2;
  }
  .dtmo-alert--error a.dtmo-link:visited{
    color:#54278f;
  }
  .dtmo-alert--error a.dtmo-link:hover, .dtmo-alert--error a.dtmo-link:active{
    color:#1a4480;
  }
  .dtmo-alert--error.dtmo-alert--no-icon:before{
    display:none;
  }
  .dtmo-alert--error.dtmo-alert--no-icon .dtmo-alert__body{
    padding-left:1.25rem;
  }
  .dtmo-alert--error .dtmo-alert__body{
    padding-left:3.8333333333rem;
  }
  
  .dtmo-alert--info{
    background-color:#e7f6f8;
    border-left-color:#00bde3;
    color:#1b1b1b;
  }
  .dtmo-alert--info:before{
    background:url("/Portals/119/Images/Alert Component/info.svg?ver=r5g8PX5qexNkbBERUIKL1Q%3d%3d") no-repeat center/2rem 2rem;
    display:inline-block;
    height:2rem;
    width:2rem;
    content:"";
    display:block;
    height:3.5rem;
    left:0.9166666667rem;
    position:absolute;
    top:.8rem;
	bottom:.8rem;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))){
    .dtmo-alert--info:before{
      background:none;
      background-color:#1b1b1b;
      -webkit-mask:url("/Portals/119/Images/Alert Component/info.svg?ver=r5g8PX5qexNkbBERUIKL1Q%3d%3d") no-repeat center/2rem 2rem;
              mask:url("/Portals/119/Images/Alert Component/info.svg?ver=r5g8PX5qexNkbBERUIKL1Q%3d%3d") no-repeat center/2rem 2rem;
    }
  }
  .dtmo-alert--info.dtmo-alert--slim:before{
    background-size:1.5rem;
    height:2.5rem;
    width:1.5rem;
	top:.3rem;
	bottom:.3rem;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))){
    .dtmo-alert--info.dtmo-alert--slim:before{
      -webkit-mask-size:1.5rem;
              mask-size:1.5rem;
    }
  }
  .dtmo-alert--info a.dtmo-link{
    color:#005ea2;
  }
  .dtmo-alert--info a.dtmo-link:visited{
    color:#54278f;
  }
  .dtmo-alert--info a.dtmo-link:hover, .dtmo-alert--info a.dtmo-link:active{
    color:#1a4480;
  }
  .dtmo-alert--info.dtmo-alert--no-icon:before{
    display:none;
  }
  .dtmo-alert--info.dtmo-alert--no-icon .dtmo-alert__body{
    padding-left:1.25rem;
  }
  .dtmo-alert--info .dtmo-alert__body{
    padding-left:3.8333333333rem;
  }
  
  .dtmo-alert--emergency{
    background-color:#9c3d10;
    border-left-color:#9c3d10;
    color:white;
  }
  .dtmo-alert--emergency:before{
    background:url("/Portals/119/Images/Alert Component/emergency.svg?ver=iWgPUq9pIx1uWle-QJ8r_w%3d%3d") no-repeat center/2rem 2rem;
    display:inline-block;
    height:2rem;
    width:2rem;
    content:"";
    display:block;
    height:3.5rem;
    left:0.9166666667rem;
    position:absolute;
    top:.8rem;
	bottom:.8rem;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))){
    .dtmo-alert--emergency:before{
      background:none;
      background-color:white;
      -webkit-mask:url("/Portals/119/Images/Alert Component/error.svg?ver=j-r68kbkYPplhWcuW1gjvQ%3d%3d") no-repeat center/2rem 2rem;
              mask:url("/Portals/119/Images/Alert Component/error.svg?ver=j-r68kbkYPplhWcuW1gjvQ%3d%3d") no-repeat center/2rem 2rem;
    }
  }
  .dtmo-alert--emergency.dtmo-alert--slim:before{
    background-size:1.5rem;
    height:2.5rem;
    width:1.5rem;
	top:.3rem;
	bottom:.3rem;
  }
  @supports ((-webkit-mask: url("")) or (mask: url(""))){
    .dtmo-alert--emergency.dtmo-alert--slim:before{
      -webkit-mask-size:1.5rem;
              mask-size:1.5rem;
    }
  }
  .dtmo-alert--emergency a.dtmo-link{
    color:#dfe1e2;
  }
  .dtmo-alert--emergency a.dtmo-link:visited{
    color:#dfe1e2;
  }
  .dtmo-alert--emergency a.dtmo-link:hover, .dtmo-alert--emergency a.dtmo-link:active{
    color:#f0f0f0;
  }
  .dtmo-alert--emergency.dtmo-alert--no-icon:before{
    display:none;
  }
  .dtmo-alert--emergency.dtmo-alert--no-icon .dtmo-alert__body{
    padding-left:1.25rem;
  }
  .dtmo-alert--emergency .dtmo-alert__body{
    padding-left:3.8333333333rem;
  }
    
  h4.dtmo-alert__heading {
    font-family: PublicSans-SemiBold;
    font-size:1.75rem;
    line-height:150%;
    color:#1b1b1b;
    margin-top:0;
    margin-bottom:0.5rem;
    padding: 0 0 0 0;
  }
  
  p.dtmo-alert__text{
    font-family: Arial;
    color:#1b1b1b;
    font-size:1.5rem;
    margin-bottom:0;
    margin-top:0;
  }
  p.dtmo-alert__text > a.dtmo-link {
    color:#005ea2;
    text-decoration:underline;
  }
  p.dtmo-alert__text > a.dtmo-link:visited{
    color:#54278f;
  }
  p.dtmo-alert__text > a.dtmo-link:hover{
    color:#1a4480;
  }
  p.dtmo-alert__text > a.dtmo-link:active{
    color:#162e51;
  }
  p.dtmo-alert__text > a.dtmo-link:focus{
    outline: .25rem solid #2491ff;
    outline-offset:0;
  }
  
  p.dtmo-alert__text:only-child{
    padding-bottom:0;
    padding-top:0;
  }
  
  .dtmo-alert--slim{
    padding-bottom:0.5rem;
    padding-top:0.5rem;
  }
  .dtmo-alert--slim .dtmo-alert__body{
    padding-left:3.3333333333rem;
  }
  
  .dtmo-alert--validation .dtmo-checklist{
    margin-top:1rem;
  }
  
  .dtmo-alert--emergency{
    border-left:none;
  }
  

  /* Dropdown */

  select.dtmo-select {
    font-family: Arial;
    font-size:1.4rem;
    line-height:1.45;
  }
  
  select.dtmo-select {
    border-radius: 0px;
    border-width: .25rem;
    border-style: solid;
    border-color: #A7A9AC;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    color:#1b1b1b;
    display:block;
    height:100%;
    margin-top:0.5rem;
    max-width:30rem;
    padding:0.75rem;
    width:100%;
  }

  select.dtmo-select {
    background-image:url("/Portals/119/Images/USWDS Images/unfold_more.svg?ver=vxHWhUlES6Qgp3q4vd4H8A%3d%3d"), linear-gradient(transparent, transparent);
    background-repeat:no-repeat;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    background-color:white;
    background-position:right 0.5rem center;
    background-size:1.25rem;
    padding-right:2rem;
  }
  select.dtmo-select:-ms-expand{
    display:none;
  }
  select.dtmo-select:-webkit-autofill{
    -webkit-appearance:menulist;
            appearance:menulist;
  }
  select.dtmo-select:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 black;
  }



  /* Over writing the menu tab links in the universal header of the AFPIMS website */


  /* Footer */

  /* Main Section */

  .dtmo > .footer-main {
    margin: 0 0 0 0;
    display: grid;
    grid-template-columns: auto auto auto auto;
    background-color: #f0f0f0;
    padding: 25px 20px 20px 20px;
    justify-content: space-evenly;
  }

  .dtmo > .footer-main > .footer-grid-item {
    width: 100%;
    margin: 0 0 0 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px 0 10px;
    background-color: transparent;
    justify-content: center;
    }

  .dtmo > .footer-main > .footer-grid-item > ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    background-color: transparent;
    list-style: none;
    }

  .dtmo > .footer-main > .footer-grid-item > ul > li img {
    /*width: 100%;
    height: 100%;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

  .dtmo > .footer-main > .footer-grid-item > ul > li.section-title {
    font-family: PublicSans-Bold;
    font-size: 1.7rem;
    line-height: 100%;
    color: #17345C;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: auto;
    hyphens:none;
    }

  .dtmo > .footer-main > .footer-grid-item > ul > li.section-title > a {
    font-family: PublicSans-Bold;
    font-size: 1.7rem;
    color: #17345C;
    text-decoration: none;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: auto;
    hyphens:none;
    }

  .dtmo > .footer-main > .footer-grid-item > ul > li.section-title > a:hover , a:active {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #17345C;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: auto;
    hyphens:none;
    }

  .dtmo > .footer-main > .footer-grid-item >  ul > li.links {
    margin: inherit;
    font-family: arial;
    font-size: 1.5rem;
    line-height: 175%;
    color: #1b1b1b;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: auto;
    hyphens:none;
    }

  .dtmo > .footer-main > .footer-grid-item > ul > li.links > a.main-link {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #1b1b1b;
    text-decoration: none;
    }


  .dtmo > .footer-main > .footer-grid-item > ul > li.links > a.main-link:hover {
    cursor: pointer;
    margin: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #1b1b1b;
    text-decoration: underline;
    }

  .dtmo > .footer-main > .footer-grid-item > ul > li.links > a.main-link:active, a.main-link:visited {
    margin: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #1b1b1b;
    text-decoration: underline;
    }



  /* Bottom Section */
  .dtmo > .footer-bottom {
    margin: 0 0 0 0;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    background-color: #71767a;
    padding: 18px 15px 25px 15px;
    justify-content: space-evenly;
  }

  .dtmo > .footer-bottom > .footer-grid-item {
    width: 100%;
    margin: 0 0 0 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px 0 10px;
    background-color: transparent;
    justify-content: center;
    }

  .dtmo > .footer-bottom > .footer-grid-item > ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    background-color: transparent;
    list-style: none;
    }



  .dtmo > .footer-bottom > .footer-grid-item > ul > li img {
    /*width: 100%;
    height: 100%;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }


  .dtmo > .footer-bottom > .footer-grid-item > ul > li.links {
    margin: inherit;
    padding: 0 0 0 0;
    font-family: arial;
    font-size: 1.5rem;
    line-height: 200%;
    color: #FFFFFF;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: auto;
    hyphens:none;
    }

  .dtmo > .footer-bottom > .footer-grid-item > ul > li.links > a.bottom-link {
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    color: #FFFFFF;
    text-decoration: none;
    }


  .dtmo > .footer-bottom > .footer-grid-item > ul > li.links > a.bottom-link:hover {
    color: #FFFFFF;
    text-decoration: underline;
    }

  .dtmo > .footer-bottom > .footer-grid-item > ul > li.links > a.bottom-link:visited {
    color: #FFFFFF;
    text-decoration: none;
  }

  /* Footer Button */

  .dtmo > .footer-bottom > button.dtmobutton-default {
    background-color: #015b99; 
    border: #55CAF5 solid 3px;
    border-radius: 10px;
    color: white;
    padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    width:min-content;
    position: relative;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
  }

  .dtmo > .footer-bottom > button.dtmobutton-default:hover {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    background-color: #1c4071; 
  }

  .dtmo > .footer-bottom > button.dtmobutton-default:active {
    background-color: #17345c; 
  }

  .dtmo > .footer-bottom > button.dtmobutton-default:disabled {
    color: #FFFFFF;
    background-color: #c9c9c9; 
  }



/* Over writing the menu tab links in the universal header of the AFPIMS website */

.dma-full-width .desktop-search {
  white-space: normal !important;	
}

.dma-full-width.scroll .skin-title {
	white-space: normal !important;	
}
 
 .skin-header-left {
	width: 60%;
  }
  
.skin-header-right {
  display: flex;
  width:  35%;
  float: right;
  align-items: right;
  justify-content: right;
  margin: 10px 15px 0 0;
  flex-wrap: wrap;
  white-space: normal !important;
  }
  
/*social links*/
.skin-social .social-item {
	float: left;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 10px;
	white-space: normal !important;
}

.social-item span {
  font-size: 1.4rem;
  background: #8ea8b4;
  color: #000; /*FFF*/
  width: 100%;
  height: 35px;
  border-radius: 20px;
  text-align: center;
  flex-wrap: wrap;
  margin: 0px;
  padding: 0px;
}

  
  header .skin-header-right .social li {
	margin: 0px;
	padding: 0px;
	flex-wrap: wrap;
  }
  
  header .skin-header-right .social li+li {
  border-left: 1px #ccc solid;
  flex-wrap: wrap;
  margin: 0px;
  padding: 0px;
  }
  
  header .skin-header-right .social li a:focus span:social-icon:before, header .skin-header-right .social li a:hover span:social-icon:before {
  flex-wrap: wrap;
    margin: 0px;
  padding: 0px;
  }
  /*display:none;*/
  
  header .skin-header-right .social li span {
  color: #545456;
  font-size: 1.4rem;
  flex-wrap: wrap;
  font-weight: normal;
    margin: 0px;
  padding: 0px;
  }

  header .skin-header-right .social li a[title="TravelBot"] span.fa-android:before {
  content: "TravelBot";
	font-family: Arial;
  text-decoration: underline;		
  font-weight: normal;
    margin: 10px;
    padding: 0px;
  }
    
  header .skin-header-right .social li a[title="Log into MyTravel"] span.fa-plane:before {
  content: "MyTravel";
	font-family: Arial; 
	text-decoration: underline;	
  font-weight: normal;
    margin: 10px;
    padding: 0px;
  }
  
  header .skin-header-right .social li a[title="Log into DTS"] span.fa-shield:before {
  content: "DTS";
	font-family: Arial;
  text-decoration: underline;	
  font-weight: normal;
    margin: 10px;
    padding: 0px;
  }
  
  /* Over writing the Traning Search button of the AFPIMS website to match our design system*/

  .da_admin {
    border: 3px #ccc dashed;
  }

  .da_admin a {
    background-color: #015b99; 
    border: #55CAF5 solid 3px;
    border-radius: 10px;
    color: white;
    padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin: 10px;

  }

  .da_admin .fa {
    color: #FFFFFF;
  }

  /* Fixing the formatting on the Types of Training page */
  
  .afilter {
    margin: 10px 20px 10px 25px; 
	padding: 22px 15px 15px 15px;
    border: 3px #ccc solid;
    border-radius: 10px;
  }

  .btn-primary {
    background-color: #015b99; 
    border: #55CAF5 solid 3px;
    border-radius: 10px;
    color: white;
    padding: 10px 30px 10px 30px;
    text-align: center;
    text-decoration: none;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 5px 10px 0px;
  }
  
   .btn-primary:hover {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    background-color: #1c4071; 
  }

  .btn-primary:active {
    background-color: #17345c; 
  }

  .btn-primary:focus {
    outline: .25rem solid #2491ff; 
  }

  .btn-primary:disabled {
    color: #FFFFFF;
    background-color: #c9c9c9; 
  }
  /* Fix form and list module padding 
.that-text
{
  padding-left: 5px;
}
.dnnFormAndList td
{
  padding-right: 5px;
}*/
@media screen and (min-width: 768px) and (max-width: 1500px) {
.nav li:last-child .dropdown-menu
{
    left: auto;
    right: 0%;
}
.nav li:last-child .dropdown-menu .dropdown-menu
{
    left: auto;
    right: 100%;
}

.nav li:last-child .dropdown-menu .dropdown-menu
{
    left: auto;
    right: 100%;
}
}

/*To tackle Slideshow customization by removing/making the border white and removing the black space in between to white*/
.top-rotator-joint .jointBanner-bottom, .top-rotator-joint .jointBanner-top {
    background: white;
	    height: 0px;
}
/*
    background-size: 100% auto;
    height: 7px;
    margin-right: -5px;
    margin-left: -5px;
}*/

.top-rotator.slideshow .bottom {
    background: none;
}
/*    position: relative;
    overflow: hidden;
    margin-right: 4px;
    height: 100%;*/

.top-rotator .bottom {
    background: none;
}

#externalDocument::after, .external_link::after {
        background: url(/Portals/119/Images/Icons/gsa-external-link.png) no-repeat 0 0;
        background: url(/Portals/119/Images/Icons/gsa-external-link.svg) no-repeat 0 0;
        background-size: 100%;
        content: '';
        display: inline-block;
        height: 0.65em;
        margin-bottom: -1px;
        margin-left: 4px;
        width: 0.65em;
}

.top-rotator-joint .jointPreviousButton, .top-rotator-joint .jointNextButton {
    filter: brightness(50%);

}
		/*background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 1),rgba(0, 0, 0, 0.5)); filter: brightness(50%);*/	

/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		.dtmo > table.dtmo > tbody.dtmo > tr.dtmo > td.dtmo> ul.dtmo
		{margin-bottom:0px;}
		
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
			text-align: center;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
	
	tr td:empty, .flex-row-col-md-6{
  visibility: hidden;
  display:none;
	}
      
    tr:nth-child(odd) {
      background: #fff;
    }
	
			tr td, tr th {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			    text-align: left;
		}

		tr td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		
		.dtmo > .footer-main {
display: inline-block;
    padding: 18px 15px 0px 15px;
	    width: 100%;
		border-top: 2px solid #71767a;
		}
	
  .dtmo > .footer-main > .footer-grid-item {
  display: block;
  font-size: .5rem;
  }
  
  		.dtmo > .footer-bottom {
display: inline-block;
width:100%;
	    padding:5px 15px 5px 15px;
		}
	
  .dtmo > .footer-bottom > .footer-grid-item {
  display: block;
  font-size: .5rem;
  font-color: #ffffff;
  }
  
  .footer-grid-item {
  display: block;
  font-size: .5rem;
  }
  
  .dtmo > .footer-main > .footer-grid-item > ul > li img {
	    object-fit: cover;
		width: auto;
		max-width: 60%;
 align:center;
border-radius: 10px;
	   }

  
    .dtmo > .footer-bottom > .footer-grid-item > ul > li img {
	    object-fit: cover;
		width: auto;
		max-width: 60%;
align:center;
/*background-color: #FF0000;*/
    padding: 20px 0px 20px 0px;
border-radius: 10px;
	   }

	
	.dtmo-quicklinks-grey-container > ul.dtmo-quicklinks {
    columns: 1 !important;
	}
	
	.dtmo > .footer-main > .footer-grid-item > ul > li.links {
    font-size: 1.5rem;
	}
	
	.dtmo > .footer-bottom > .footer-grid-item > ul > li.links {
    font-size: 1.5rem;
	}
	 /*.dtmo > .footer-main > .footer-grid-item > ul > li.section-title, .dtmo > .footer-bottom > .footer-grid-item > ul > li.section-title {
		 text-align: center;
	 }*/

	bottom-link, .dtmo > .footer-bottom > .footer-grid-item > ul > li.links > a.bottom-link, .dtmo > .footer-bottom > .footer-grid-item > ul > li.links > a.bottom-link:visited {
    color: #fff;
    }

button.dtmobutton-default {
    padding: 1px 3px 1px 3x;
}

	tr td:first-child {
      font-weight: bold;
    }
    
	  .grid-item {
  padding: 0px;
  }
  
  .grid-item > .dtmo-card-horizontal {
    display: block;
  }
  
  .grid-container-1 {
  display: block;}
	
	  .grid-container-5, .grid-container-4 {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}
	
	.dropdown-menu>li>a { /*to wrap the navigation*/
   white-space:inherit !important;
}
	
	/*.skin-footer-banner {
    background-color: #71767a !important;}
	
	.skin-footer-banner a, .skin-footer-banner a:hover, .skin-footer-banner a:visited,.skin-footer-banner a, .skin-footer-banner a:hover, .skin-footer-banner a,.skin-footer-banner a, .skin-footer-banner a:hover, .skin-footer-banner a:hover, .skin-footer-banner a, .skin-footer-banner a:hover, .skin-footer-banner a:visited {
    color: #fff !important;
    text-decoration: none;}*/
	
	.skin-footer-banner .vcl {
    height: 25px; !important;}
	
.empty-container {
    margin-bottom: 0px;
}
	
.container-fluid > .flex-row-fw > .flex-row-col-md-6, .nopad > .flex-row-fw > .flex-row-col-md-6, .container-fluid > .flex-row > .flex-row-col-md-6, .nopad > .flex-row > .flex-row-col-md-6, .container-fluid > .v2-template > .flex-row-col-md-6, .nopad > .v2-template > .flex-row-col-md-6, .val-summary {
    display: none;
}
	}

.text.text-link-255 {
	font-weight:bold;
}

/*to handle 508c*/
a:focus, .dtmo > p > a:focus {
    outline: .25rem solid #2491ff;
	outline-offset: 0;
	font-weight: bold !important;
	padding: 1px;
}

a::-moz-focus-inner {
	outline: .25rem solid #2491ff;
	outline-offset: 0;
	font-weight: bold !important;
	padding: 1px;
}

.dtmocollapsible-blue-outline:focus {
outline: 3px solid black;
}

.dtmocollapsible-blue:focus {
outline: 3px solid black;
}

.dtmocollapsible-grey-outline:focus {
outline: 3px solid black;
}

/*508c to replace H1 and H4s with proper tags/headings*/
  .grid-item > button.dtmo-card > .dtmo-card-container > h2.dtmo-card {
padding: Opx 20px Opx 25px;color: #17345C;font-family: PublicSans-Bold; text-align: left;font-weight: 700;font-size: 2.2rem;line-height:135%;letter-spacing: normal;margin-top: 20px; margin-bottom: 10px;
  }
  
    .dtmo-highlightbox-blue-h1 > h2.dtmo-highlightbox {
    color: #FFFFFF;
    font-family: PublicSans-Bold;
    font-size: 2.0rem;
    line-height: 135%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  
  span.dtmo-alert__heading {
font-family: PublicSans-SemiBold;
    font-size: 1.75rem;
    line-height: 150%;
    color: #1b1b1b;
    margin-top: 0;
    margin-bottom: 0.5rem;
    padding: 7px 0 0 0;
    font-weight: normal;
    letter-spacing: normal;
	vertical-align: baseline;
	font-weight: normal;
	letter-spacing: normal;
  }
  
  .DnnModule-63975, .DnnModule-45204 {display:none}
  </style>