@import 'color.css';

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

html, body {
	/*height: 100%;*/
    /*font-family: Verdana, Arial, sans-serif;*/
	font-size: 14px;

}
@font-face {
    font-family: Public Sans;
    src: url(PublicSans-VariableFont_wght.ttf);
}
body {
	position: relative;
	margin: 0;
	font-family: "Public Sans", apple-system, blinkmacsystemfont,"Segoe UI","Helvetica Neue",arial,sans-serif;
}

 p, p li{
 	line-height:1.4 !important;
 	font-weight:350;
 	font-size:16px;
			 
 }
 table {
	 font-size:16px;
 }

table caption {
	color: #757575;
}

dt{
	margin-bottom:-60%;
}

dd{
	margin-top:-1%;
}

.alert-warning {
	color: #000;
	background-color: rgba(247, 199, 142, .5);
	border-color: #ffeeba;
}
@media screen and (max-width: 991px) {
	.alert-warning .col-11 {
		padding-left:1rem !important;
	}
}
@media screen and (max-width: 768px) {
	.alert-warning .col-11 {
		padding-left: 2rem !important;
	}
}

.wrapper {

	
}
a {
	color: #17639f;
	
}
.page_nav_left {
	margin-top: 3.5rem;

}
.customIndent {
  margin-left: -15px;
}

p a, p li a, .ul-scroll li a{
	font-weight:bold;
}
#content a {
	font-weight: bold;
}

#main a {
	font-weight:bold;
}


.fas.fa-file-pdf {
     color: #db1f29;
}
.centered-icon {
	padding:2px 0 0 0
}

.py-1 {
	padding: 1em .5em;
	
}

.text-white {
	color: #fff;
}

.mb-0 {
	margin-bottom: 0;
}

.steps-breadcrumb {
    width: 100%;
    min-width: 300px;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    counter-reset: flag;
    font-family: arial;
    text-align: center;
}

    .steps-breadcrumb .item {
        position: relative;
        display: block;
        float: left;
        width: 33%;
        background: #E3E3E3;
        color: #3D3D3D;
        text-decoration: none;
        outline: none;
        font-size: 13px;
        font-weight: bold;
        line-height: 44px;
        white-space: nowrap;
        padding: 0 20px 0 60px;
    }

    .steps-breadcrumb .item:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

	@media print {
		.collapse {
			display: block !important;
			height: auto !important;
		}
	}
	
@media screen and (max-width: 991px) {
    .steps-breadcrumb .item {
        font-size: 13px;
    }
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .item {
        line-height: normal;
        text-align: center;
        padding-bottom: 4px;
        padding-left: 0;
        padding-right: 0;
    }

        .steps-breadcrumb .item:not(.active) {
            padding-top: 2px;
            padding-bottom: 6px;
        }
}

.steps-breadcrumb .item:first-child {
    border-radius: 5px 0 0 5px;
}

    .steps-breadcrumb .item:first-child:before {
        left: 14px;
    }

@media screen and (max-width: 991px) {
    .steps-breadcrumb .item:first-child:before {
        left: 0;
    }
}

.steps-breadcrumb .item:first-child:last-child {
    border-radius: 0 5px 5px 0;
}

.steps-breadcrumb .arrow {
    position: absolute;
    top: 22px;
    right: 1px;
    z-index: 2;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .arrow {
        top: 24px;
    }
}

.steps-breadcrumb .arrow:after, .steps-breadcrumb .arrow:before {
    content: " ";
    position: absolute;
    height: 0;
    width: 0;
    border: solid transparent;
}

.steps-breadcrumb .arrow:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #E3E3E3;
    border-width: 20px;
    margin-top: -20px;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .arrow:after {
        margin-top: -23px;
        right: -12px;
        border-width: 23px 0 24px 12px;
    }
}

.steps-breadcrumb .arrow:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #fff;
    border-width: 23px;
    margin-top: -23px;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .arrow:before {
        margin-top: -28px;
        border-width: 28px 0 28px 15px;
    }
}

.steps-breadcrumb .item:before {
    content: counter(flag);
    counter-increment: flag;
    position: absolute;
    top: 0;
    left: 30px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin: 8px 0;
    background: white;
    box-shadow: 0 0 0 1px #ccc;
    font-size: 18px;
    font-weight: bold;
    color: green;
    line-height: 24px;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .item:before {
        position: relative;
        display: block;
        left: 0;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 14px;
        margin: 6px auto 4px;
    }
}

.steps-breadcrumb .item:hover, .steps-breadcrumb .active {
    background: #fff;
}

    .steps-breadcrumb .item:hover .arrow:after {
        border-left-color: #fff;
    }

.steps-breadcrumb .active {
    border-top: 2px solid #09F;
    border-bottom: 2px solid #09F;
    line-height: 40px;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .active {
        line-height: normal;
    }
}

.steps-breadcrumb .active:before {
    color: #09F;
}

.steps-breadcrumb .active .arrow {
    top: 20px;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .active .arrow {
        top: 22px;
    }
}

.steps-breadcrumb .active .arrow:before {
    border-left-color: #09F;
}

.steps-breadcrumb .active .arrow:after {
    border-left-color: #fff;
}

.steps-breadcrumb .active:first-child {
    border-left: 2px solid #09F;
}

.steps-breadcrumb .active:last-child {
    border-right: 2px solid #09F;
}

.steps-breadcrumb .item.completed {
    background: #1b75bc;
    color: #fff;
}

    .steps-breadcrumb .item.completed .arrow:before, .steps-breadcrumb .item.completed .arrow:after {
        border-left-color: #1b75bc;
    }

    .steps-breadcrumb .item.completed:after {
        box-shadow: 2px -2px 0 2px #1b75bc, 3px -3px 0 2px #1b75bc;
    }

@media screen and (max-width: 991px) {
    .hide-mobile {
        display: none;
    }
}

.show-mobile {
    display: none;
}

@media screen and (max-width: 991px) {
    .show-mobile {
        display: inline-block;
    }
}

*, :after, :before {
    box-sizing: border-box;
}

/*---Side Nav On this Page Related Content2022---*/

/*.usa-sidenav {
             
             /* border-bottom: none;*/
          }
          .usa-sidenav__item {
             /* border-top: none;*/
              
          }
          .usa-sidenav a {
              line-height: 1.2;
              font-family: Arial;
              font-size:15px;
          }

          .usa-sidenav__item, .usa-sidenav__sublist {
              margin-bottom: 0 !important;
          }

          .usa-sidenav__sublist {
              margin-top: 0 !important;
          }

          .usa-sidenav .usa-current {
              color: #17639f;
              font-family: Arial;
              font-size: 16.25px;
          }
         .usa-sidenav p.lead {
              font-size: 20px !important;
              line-height: 1.2 !important;
              margin-bottom: 4rem;
              font-family: 'Source Serif Pro';
              letter-spacing:-.75px;
              
              
          }

          #linkListTitle {
              font-size:20px !important;
          }
          #linkList a {
              line-height:1.6;
          }

          @media (min-width: 40em) {
              .usa-sidenav .usa-current::after {
                  background-color: #17639f;
              }
          }

          .usa-sidenav .usa-current::after {
              background-color: #17639f;
          }

		  .left_icon span {
        
              font-size: 18px;
          }
          .card-info .card-header {
              font-size: 16px;
              color: #343a40;
          }
    .card-info .card-body {
              font-size:14px !important;
          }
		  
		  #relatedContentDropdown::after {
              font-family: "Font Awesome 5 Pro";
              content: "\f107";
              margin-left: 6rem;
              color: #565c65 !important;
              font-size: 16px;
          }
          #relatedContentDropdown[aria-expanded=true]::after {
              content: "\f106";
          }

 .usa-sidenav__sublist .usa-sidenav__item a {
              font-weight: normal !important;
          }

		#relatedContent.card-info .card-header {
              color: #565c65;
              background-color: white;
              border: 1px solid;
              border-color: rgba(0,0,0,.125);
              font-weight: bold;
              border-radius: 0;
              padding: 0.5rem 1rem;
          }
          .card-info, .card-info .card-body {
              font-family:Arial;
              font-size:16px !important;  
		  }*/
	/*Related Content Box*/
        #relatedContent.card-info .card-header {
            color: #565c65;
            background-color: white;
            border: 1px solid;
            border-color: rgba(0,0,0,.125);
            font-weight: bold;
            border-radius: 0;
            padding: 0.5rem 1rem;
        }

        #relatedContent.card-info, #relatedContent.card-info .card-body {
            font-family: Arial;
            font-size: 16px !important;
            border-radius: 0;
        }

        #relatedContent.card-info .list-group-item {
             border-top: none;
             border-bottom: none;
        }

        #relatedContent .list-group {
            border: none;
        }

        #relatedContent .list-group-item:last-child {
            border-bottom: 1px solid rgba(0,0,0,.125);
            border-radius: 0;
        }

        #relatedContent .list-group-item:first-child {
            border-radius: 0;
        }	  
		  
		  
.nav-search {
	vertical-align: middle;
	height: 50px;
}


.header-search-span {
    float: left;
    width: 200px;
    display: inline-block;
	color: #fff;
}

.header-search {
    width: 200px;
     position: relative; 
    float: left;
	padding-top: 9px;
	padding-bottom: 9px;
	
}

    .header-search input {
       /*  position: absolute; */
        /* width: 0px; */
        float: Left;
		width: 170px;
        /* -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out; */
        border-radius:0;
        padding: 0 2px 0 2px;
        border: 0;
        box-shadow: none;
    }

       /*  .header-search:hover input, .header-search input:focus {
            width: 200px;
            margin-left: 0px;
            color: #000000;
            font-weight: bold;
            background: rgba(255, 255, 255,1);
			border-radius: 5px;
        }
        
        .header-search input::placeholder {
            color: #ffffff;
            font-weight: normal;
        } */

.btn-srch {
    position: absolute;
    right: 0;
    border: 0;
    background: transparent;
}

.btn-srch i {
	color: #fff;
	font-size: 1.5em;
	padding-top: 5px;
}

@media (max-width: 767px) {

}





.notification-home {
	margin: 5px 0px;
}

.link-secondary, .link-secondary:visited {
	color: #fff;
	background-color: #c73531;
	border: 1px solid #c73531;
	font-size: 14px;
	padding: 3px 5px;
	margin: 3px 3px 3px 0px;
	display: inline-block;
}

.link-secondary:hover {
	color: #fff;
	background-color: #B02F2B;
	text-decoration: none;
	border: 1px solid #c73531;
	font-size: 14px;
	display: inline-block;
}


.block {
    display: block;
}

a.longURL
{
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}


.hero {
	/*background: linear-gradient(180deg, #fff, #eee);*/
}

.hero-image-container {
	position: relative;
	max-width: 1199px;
}

.hero-image {
	width: 100%;
	display: inline-block;
}

.hero-text {
	margin: 5px 10px;
}

/*.hero-text a {
	color: #87CEFA;
}*/

.hero .row {
	margin-bottom: 0px;
	
}
.notification-home .row {
	margin-top:5px;
	margin-bottom:5px;
}

.overlay {
  color: #ffffff;
  background-color: rgba(0,0,0,.75);
  position: absolute;
  bottom: 0;
  left: 0;

}

.hero .nav-pills {
	padding: 0px 10px 5px 10px;
}

.hero .nav.nav-pills li a {
	background-color: #eee;
	color: #000;
	border: 1px solid #000;
	margin-bottom: 3px;
	
	
}

.hero .nav.nav-pills li a:hover {
	background-color: #1b75bc;
	color: #fff;
	border: 1px solid #000;
	border-bottom: 0;
}

.row.padded-row {
    padding-bottom: 15px;
}

.img-padding{
	width:300px;
	padding:0px 20px 0px 0px;
}

.skipnav {
	position: absolute;
	right: 10000px;
}

.skipnav:focus {
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
}




@media (max-width: 767px) {
	/* NAVIGATION  VIEWPORT 1*/
	.navbar-header {
		padding-left: 15px;
	}
	
	.navbar-nav {
		clear: both;
		display: block;
		float: left;
	}
	
	.btn-srch i {
		padding-right: 15px;
	}
	.header-search input {
		width: 150px;
		
	}
	
	.navbar-nav .open .dropdown-menu {
		background-color: #eee;
	}

	#fullnav .container {
		padding: 0px !important;
		margin: 0px !important;
	}
	#fullnav .container-lg, #fullnav .container-md {
		padding: 0px !important;
		margin: 0px !important;
	}
	
	#nav li.divider {
		display: none;
	}
	
	.navbar-collapse {
		margin-bottom: 7px;
        padding-right: 0px;
		clear: both;
	}
	
	.navbar-collapse .navbar-nav {
		width: 100%;
	}
	
    .navbar-nav {
        margin-right: 0px;
        padding-right: 0px;
    }

	.navbar-nav .dropdown {
		min-height: 40px;
	}

    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .navbar-nav .mega-dropdown li ul li {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dropdown-menu .dropdown-content {
        margin-left: -15px;
    }
	
	/*.navbar li {
		padding-left: 15px;
	}*/

    .navbar li > ul.dropdown-menu {
        margin-left: 0px;
        margin-right: 0px;
		min-width: 300px;
    }
	
	.nav-module {
		padding: 0px;
		margin: 0px;
	}
	
	.navbar-toggle {
		margin-right: 15px;
	}
	
	/* HERO VIEWPORT 1*/
	.hero {
	    background: #fff;
	}

    .hero .container {
        margin: 0 10px;
        padding: 0;
    }

	.hero-image-container {
		position: relative;
		max-width: 1199px;
	}

	.hero-image {
		width: 100%;
		display: inline-block;
	}

	.hero-text {
		margin: 5px 10px;
	}

	/*.hero-text a {
		color: #17639f;
	}*/

	.hero .row {
		margin-bottom: 0px;
	}

	.overlay {
	  color: #000;
	  background-color: #fff;
	  position: relative;
	  top: 0;
	  left: 0;

	}

	.hero .nav.nav-pills li a {
		background-color: #eee;
		color: #000;
		border: 1px solid #000;
		
	}

	.hero .nav.nav-pills li a:hover {
		background-color: #1b75bc;
		color: #fff;
		border: 1px solid #000;
	}

    .panel-info {
        margin-top: 10px;
    }
	.card-info{
		margin-top: 10px;
	}
		
	}
.card-info .card-header {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
	text-decoration: none;
	color: #555;
	background-color: #f5f5f5;
}
a.list-group-item, button.list-group-item {
	color: #555;
	font-weight:normal !important;
}








footer .lower {
	background-color: #eee;
	height: auto;
	width: 100%;
	
	margin-bottom: 0;
	padding-bottom: 0;
	clear: both;
}

footer > p {
	text-align: bottom;
}

footer .upper {
	/*background-color: #ddd;*/
	background-color:rgba(102, 113, 126, .25);
}

footer .upper .container .dismissable {
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	height: auto;
	display: inline;
}

footer .upper .container .dismissable li {
	list-style-type: none;
	display: inline;
}

footer .upper .container .dismissable li a {
	list-style-type: none;
	display: inline-block;
	padding: 5px 10px 5px 5px;
	color: #000;
}

.footernav h4 {
    margin: 0px 0px 3px 0px;
}

.footernav ul {
    list-style-type: none;
    padding-left: 0px;
}

.footernav ul li {

}

.footernav ul li a {
    color: #000;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 2px 0px 2px 8px;
	font-weight:350;
}

.footernav ul li:hover {
    background-color: #fff;
}

body {
  color: #1b1b1b;
}


.row {
	margin: 10px -15px 10px -15px;
}


h1, h2, h3,h3 bold, h4, h5, h6 {
	color: #1b75bc;
	color: #BF202F;
	margin-top: 1.25rem;
}

h1 {
	color: #494e88;
	font-size: 36px;
	font-weight: bold;
	font-family: Arial;
	line-height: 1.1;

	font-weight: 700;
	line-height: 39.6px;
	margin-block-end: 14px;
	margin-block-start: 42px;
	margin-bottom: 2rem;
	margin-inline-end: 0px;
	margin-inline-start: 0px;
	margin-top: 42px;
	text-align: left;
}

h2 {
	
	font-size: 30px;
	font-family: Arial;
	font-weight: bold;
	margin-bottom: 0.25rem;
	color: #343a40;
	margin-top: 4rem;
}

/*h2, h3, h4 {
	color: #BF202F;
	color: #1b75bc;
}*/

h3 {
	color: #343a40;
	font-weight: 400;
	font-family: "Public Sans";
	font-size: 26px;
	line-height: 1.2;
	margin-bottom: 6px;
	margin-top: 2.5rem;
	text-align: left;
}
.bold {
	font-weight: bold;

}
h4 {
	font-weight: bold;
	color: #494e88;
	font-size: 18px;
	font-family: "Public Sans";
	margin-top: 2rem;
}
.text-faq h4{
	color:#000;
	font-weight: bold;
}

h5 {
	font-size: 16px;
	font-weight: bold;
	font-family:"Public Sans";
	color: #343a40;
	
}
.gray {
	
	color: rgba(94, 94, 94, 1);
	font-weight: bold;
	
}
h6 {
	font-size: 14px;
	/*color: #BF202F;*/
	/*color: #000;*/
	color: #1b75bc;
    color: #000;
	font-weight: bold;
}


/*h2 {
	font-size: 24px;
}*/


.cdc-image {
	padding-bottom: 20px;
}

/* Global Content Container Settings */

#content ul > li, #content p, #content dl, #content dl dd, #content address, #content ol > li {
	line-height: 1.4;
	font-size:16px;
}

#content ul > li {
	margin-bottom: 4px;
	font-size:16px;
}


#content ul > li > ul {
	margin: 8px 0px 8px 0px;
}
dl, ol, ul {
	margin-bottom: 1.5rem;
	padding-left:1.2em;
}
ol ul {
	margin-top:.5rem;
}
ul {
	padding-left: 1.2em;
}

.nested-toc ol {
    counter-reset: item;
}
.nested-toc ol li {
    display: block;
    position: relative;
}
.nested-toc ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}

#content dl > dd {

}

#content dl dt, #content dl dd {
	white-space: normal;
	margin-bottom: 15px;
}



#wannabox {
    margin-top: 1rem;
	margin-bottom:1rem;
}

.wants {
	height: 100%;
	padding: 0px 0px 8px 0px;
	/*background-color: #eaeaea;*/
	
}

	.wants ul {

	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#banner_carousel.carousel {
	display: block !important;
}

#banner_carousel .carousel-item {
	opacity: 0;
	transition-duration: 1s;
	transition-property: opacity;
}

	#banner_carousel .carousel-item.active,
	#banner_carousel .carousel-item-next.carousel-item-left,
	#banner_carousel .carousel-item-prev.carousel-item-right {
		opacity: 1;
	}

#banner_carousel .active.carousel-item-left,
#banner_carousel .active.carousel-item-right {
	opacity: 0;
}

#banner_carousel .carousel-item-next,
#banner_carousel .carousel-item-prev,
#banner_carousel .carousel-item.active,
#banner_carousel .active.carousel-item-left,
#banner_carousel .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}
#banner_carousel .carousel-caption {
	background-color: rgba(73,78,136, 1);
	left: 0%;
	width: 33.333%;
	height: 100%;
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
	margin-left:0px;
	margin-right:15px;
	padding-top: 0;
	bottom: 0px;
	z-index:0;
}
	#banner_carousel .carousel-caption.about {
		background-color: rgba(27,117,188, 1);
	}
	#banner_carousel .carousel-caption.npn {
		background-color: rgba( 6, 141, 157, 1);
		
	}
	#banner_carousel .carousel-caption.museum {
		background-color: rgba(102,113,126,1);
	}
	#banner_carousel .carousel-caption.stac {
		background-color: rgb(245, 184, 89);
	}
	#banner_carousel .carousel-caption.newsletter {
		background-color: rgba(102,113,126,1);
	}
		#banner_carousel .carousel-caption.stac p, #banner_carousel .carousel-caption.stac h2 {
			color: #343a40;
		}


		#banner_carousel .carousel-control-next, #banner_carousel .carousel-control-prev {
			width: 10%;
			align-items: self-end;
			bottom: 10%;
			opacity: .9;
			font-size:16px;
		}

	#banner_carousel .carousel-caption p {
	margin-right:15px;
	padding:.5rem;
	margin-bottom:0;
	font-weight:600;
}

#banner_carousel .carousel-indicators {
	margin-bottom: 0;

	
}
#banner_carousel .carousel-control-prev {
	z-index:30;
	

}
#banner_carousel .carousel-caption .btn {
	background-color: white;
	color: #494e88;
	font-weight:bold;
	margin-left:.5rem;
	margin-top:.5rem;
	position:relative;
	z-index: 1000 !important;
	display:flex;
	justify-content:center;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	
	

}
#banner_carousel .carousel-caption.about .btn {
	color: #1b75bc;
}
#banner_carousel .carousel-caption.npn .btn {
	color: #068d9d;
	
}
#banner_carousel .carousel-caption.museum .btn, #banner_carousel .carousel-caption.newsletter .btn {
	color: #66717E;
}
#banner_carousel .carousel-caption.stac .btn {
	color: #343a40;
}


		#banner_carousel .carousel-caption .btn:hover {
			opacity: .9;
		}
#banner_carousel .carousel-caption h2 {
	margin-bottom: .5rem;
	padding-left: .5rem;
	padding-right: .5rem;
	font-family: "Public Sans", apple-system, blinkmacsystemfont,"Segoe UI","Helvetica Neue",arial,sans-serif;
	
}
#banner_carousel .carousel-caption .slideNumber {
	bottom: 10%;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}

	@media screen and (max-width: 992px) {
		#banner_carousel .carousel {
			display: block !important;
		}

		#banner_carousel .carousel-caption {
			display: block !important;
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			margin-left: 0;
			margin-right: 0;
			padding-bottom:5rem;
		}
	
			


			#banner_carousel .carousel-caption h2 {
				margin-bottom: 15px;
				margin-top: 0;
				padding-top: 25px;
			}

			#banner_carousel .carousel-caption .btn {
				position: relative;
				margin-bottom: 1rem;
			}

			#banner_carousel .carousel-caption p {
				margin-right: 0;
			}
		#banner_carousel .carousel-control-next, #banner_carousel .carousel-control-prev{
			width:25%;
	
		}
	}

	@media screen and (min-width: 992px) {
		#banner_carousel .carousel-indicators {
			text-align: left;
			float: left;
			margin-left:0;
			margin-right:0;
			left: 7% !important;
			right: inherit;
		}

		#banner_carousel .carousel-control-next {
			right: 65.6%;
		}
	}
	/*.wants ul {
    list-style-type: none;
}

.wants ul li {
    background-color: #fff;
    color: #000;
    border: 1px solid #1b75bc;
    border-radius: 4px;
    padding: 3px 5px;
}

.wants ul li:hover {
    background-color: #1b75bc;
    color: #fff;
}

.wants ul li:hover a {
    background-color: #1b75bc;
    color: #fff;
    text-decoration: none;
}

.wants ul li a {
    color: #000;  
}*/
	@media (min-width: 992px) {
		#wannabox {
			/*margin-top: -90px;*/
			/*position: absolute;*/
			bottom: 0;
		}

		height: 100%;
		.wants {
			padding: 8px 5px;
			background-color: #eaeaea;
			opacity: .9;
		}
	}

	.wants ul {
    list-style-type: none;
}

.wants ul li {
    
    margin-bottom: 0px;
    float: left;
    width: 25%;
    position: relative;
}

.wants ul li:hover {
    background-color: #fff;
    color: #000;
    cursor: pointer;
}

.wants ul li:hover a {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

	.wants ul li a {
		/*color: #343a40;*/
		font-weight:bold;
		color: #17639f;
		display: block;
		height: 100%;
		padding: 3px 15px;
	}


@media (max-width: 767px) {	
	.wants ul {
        list-style-type: none;
    }

    .wants ul li {
        margin-bottom: 0px;
        float: left;
        width: 100%;
        position: relative;
    }

    .wants ul li:hover {
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }

    .wants ul li:hover a {
        background-color: #fff;
        color: #000;
        text-decoration: none;
    }

    .wants ul li a {
        
        padding: 3px 5px;
    }
}




#i-want-to {
    /*margin-left: -20px;*/
}

#i-want-to .arrow-right {
	display: inline-block;
	position: relative;
	background: #C73531;
}
#i-want-to .arrow-right:after {
	content: '';
	display: block;  
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -24px;
	width: 0;
	height: 0;
	border-top: 24px solid transparent;
	border-right: 24px solid transparent;
	border-bottom: 24px solid transparent;
	border-left: 24px solid #C73531;
}

	#i-want-to h2 {
		background-color: #068d9d;
		color:#fff;
		padding: 3px 20px 5px 20px;
		margin-top: 0px;
	}

.hero-image-container {
    padding-top: 0px;
    margin-top: -10px;
	margin-bottom:2rem;
}

/* Fieldset CSS*/
fieldset {
	border: 0;
    margin-bottom: 30px;
}

fieldset legend {
    font-size: 16px;
}


fieldset ul{
    list-style:none;
    margin:0;
    padding:0;
}

fieldset ul li{
    margin-bottom:10px;
}

fieldset input{
    float:left;
    margin-right:10px;
}

fieldset label{
    overflow:auto;
    display:block;
    margin-left: 20px;
}

fieldset legend {
	width: 100%;
	white-space: normal;
	display: block;
}

fieldset legend span {
	width: 100%;
	display: block;
}

.explanation {
    border: #8faad8 solid 1px;
    background: #fff;
    padding: 10px;
    margin-bottom: 14px;
    border-radius: 10px;
}


/* CANCER DEFINITION LIST ON CONDITIONS PAGE  */
#content dl.cancer > dd {
	margin-bottom: 8px;
	display: list-item;
	list-style-type: disc;
	margin-left: 6em;
}

#content dl.cancer dt {
	/*color: #1b75bc;*/
	display: list-item;
	list-style-type: disc;
	margin-left: 3em;
	margin-bottom: 8px;
}

ul.list-block {
	list-style: none;
	display: block;
	padding: 5px 0;
}

ul.list-block li {
	margin: 0;
	display: inline-block;
	width: 100%;
	padding: 5px 0;
}

/* HANDBOOK CSS */
table.cce.directory {
	border: 2px solid #fff;
}

table.cce.directory th {
	background-color: #1b75bc;
	color: #fff;
	padding: 5px 5px;
	border-bottom: 2px solid #fff;
}

table.cce.directory th.subheader {
	background-color: #e2e9f8;
	color: #000;
}

table.cce.directory td {
	padding: 5px 5px;
	border: 2px solid #fff;
	text-align: top;
	vertical-align: top;
	background-color: #f5f5f5;
}

table.cce.directory tbody.group td {
	border: 0;
}

table .center {
	text-align: center;
}

table td span.success {

	color: green;
	
}


/* MEDIA OBJECTS */

.navigation-buttons .media-heading {
	color: #1b75bc;
	font-weight: normal;
}






/* Feature Thumbnails
-------------------------------------------------- */

.thumbnail .caption {
	padding: 0px;
	margin-top: 5px;
	color:black;
}
a.thumbnail:hover{
	text-decoration:none;

}
.card .caption {
	padding: 8px 5px 8px 5px;
	margin-top: 5px;
}

.thumbnail .caption h3 {
	padding: 8px 5px 8px 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #1b75bc;
	color: #fff;
	font-size: 16px;
}
.card .caption h3 {
	padding: 8px 5px 8px 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #1b75bc;
	color: #fff;
	font-size: 16px;
}




@media (min-width:404px) and (max-width: 767px) {
	.thumbnail.feature {
		height: 100%;
		overflow:auto;
	}
	.card.feature {
		height: 100%;
		overflow: auto;
	}
	
	.thumbnail.feature img {
		width: 25%;
		float: left;
	}
	.card.feature img {
		width: 25%;
		float: left;
	}
	
	.thumbnail.feature .caption {
		padding: 0px;
		margin-top: 5px;
		width: 74%;
		float: left;
		margin-left: 1%;
	}
	.card.feature .caption {
		padding: 0px;
		margin-top: 5px;
		width: 74%;
		float: left;
		margin-left: 1%;
	}
	
	
	.thumbnail .caption h3 {
	padding: 8px 5px 8px 5px;
	margin-top: -5px;
	margin-bottom: 3px;
	background-color: #1b75bc;
	color: #fff;
	font-size: 16px;
	}
	.card .caption h3 {
		padding: 8px 5px 8px 5px;
		margin-top: -5px;
		margin-bottom: 3px;
		background-color: #1b75bc;
		color: #fff;
		font-size: 16px;
	}

    .thumbnail img {
    padding-bottom: 3px;
    }
	.card img {
		padding-bottom: 3px;
	}
}

@media (max-width: 403px) {
	.thumbnail.feature {
		height: 100%;
		overflow:auto;
	}
	
	.thumbnail.feature img {
		float: left;
		display: none;
	}
	
	.thumbnail.feature .caption {
		padding: 0px;
		margin-top: 5px;
		width: 100%;
		float: left;
	}
	.card.feature {
		height: 100%;
		overflow:auto;
	}
	
	.card.feature img {
		float: left;
		display: none;
	}
	
	.card.feature .caption {
		padding: 0px;
		margin-top: 5px;
		width: 100%;
		float: left;
	}
	
	
	.thumbnail .caption h3 {
	padding: 8px 5px 8px 5px;
	margin-top: -5px;
	margin-bottom: 3px;
	background-color: #1b75bc;
	color: #fff;
	font-size: 16px;
	}
	.card .caption h3 {
		padding: 8px 5px 8px 5px;
		margin-top: -5px;
		margin-bottom: 3px;
		background-color: #1b75bc;
		color: #fff;
		font-size: 16px;
	}

    .thumbnail img {
    padding-bottom: 3px;
    }
	.card img {
		padding-bottom: 3px;
	}
	
	.skipnav:focus {
		float: right;
		position: relative;
	}
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  /*height: 500px;*/
  /*max-height: 240px;*/
  /*margin-bottom: 60px;*/
  overflow: hidden;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  /*height: 500px;*/
  background-color: #777;
 /*max-height: 240px;*/
}

.carousel .item .slide {
  /*width: 100%;
  height: 100%;*/
}
.carousel .item  .container {
  /*height: 500px;*/

  background-color: #777;

}



/*.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}*/

/* Carousel Caption */

.carousel-caption h2 {
	color: #fff;
	font-size: 20px;
	margin-bottom:1.5rem;
}

.carousel-caption p {
	color: #fff;
	font-size: 14px;
}




#myCarousel {
	top: -10px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.carousel-fade .carousel-inner {
	overflow: hidden;
}

.carousel-fade .item {
	overflow: hidden;

}

.carousel-fade, .carousel-fade .carousel-inner, .carousel-fade .item {
	height: auto !important;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  height: auto;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner img {
  /*margin-left: 25%;
  width: 75%;*/
}

.carousel-fade .carousel-inner .carousel-caption {
  background-color: #1b75bc;
  left: 0;
  top: 0;
  height: 100%;
  width: 25%;
}

.carousel-fade .carousel-indicators {
	clear: both;
}

@media (min-width: 546px) and (max-width: 768px) {
	#myCarousel, #myCarousel .carousel-caption, #myCarousel .carousel-content, #myCarousel .carousel-inner, #myCarousel .item .container {
		max-height: 240px;
	}
	
	/*.carousel-fade h2 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	.carousel-fade p {
		font-size: 12px;
	}*/
	


	
	#myCarousel .item .container {

	}
	
	#myCarousel img {
		width: 100%;
		height: 100%;
		margin-left: 0;
	}
	
	#myCarousel .carousel-inner {
		width: 100%;
		height: 100%;
		clear: both;
	}
	
	#myCarousel .carousel-indicators {
		bottom: -12px;
	}
	
	#myCarousel .carousel-caption {
    position: absolute;
    top: 145px;
    font-family: 'museo_slab500';
    font-size: 150%;
    color: #fff;
    padding: 0 20px;
    width: 100%;
	height: 40%;
    line-height: 150%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
	text-align: left;
	}
	

	#myCarousel .carousel-caption .content-link .btn {
		float: right;
		margin-top: 25px;
	}
	
	#myCarousel .carousel-caption .carousel-content {

	}
	
	#myCarousel .carousel-caption .carousel-content .btn {

	}
	

}

@media (min-width: 768px) and (max-width: 991px) {
	#myCarousel, #myCarousel .carousel-caption, #myCarousel .carousel-content, #myCarousel .carousel-inner, #myCarousel .item .container {
		max-height: 300px;
	}
	
	.carousel-fade h2 {
		font-size: 24px;
		margin-bottom: 5px;
	}
	
	.carousel-fade p {
		font-size: 16px;
	}
	
	.overlay {
	  color: #000;
	  background-color: #fff;
	  position: relative;
	  top: 0;
	  left: 0;

	}
	
	
	.hero .overlay .container {
		padding: 0px;
		margin: 0px;
	}
	
	.hero .nav-pills {
		margin: 0px;
		padding: 0px;
	}
	
	.hero .nav-pills li {
		padding: 2px;
	}
	
	.hero .nav-pills li a {
		background-color: #eee;
		color: #000;
		border: 1px solid #000;
	}

	.hero .nav-pills li a:hover {
		background-color: #1b75bc;
		color: #fff;
		border: 1px solid #000;
	}
	
	.hero-text {
		margin: 0px;
	}
	
	/*.hero-text a {
		color: #17639f
	}*/

	.hero-text p {
		margin-bottom: 0px;
	}
	
	#myCarousel .item .container {

	}
	
	#myCarousel img {
		width: 100%;
		height: 100%;
		margin-left: 0;
	}
	
	#myCarousel .carousel-inner {
		width: 100%;
		height: 100%;
		clear: both;
	}
	
	#myCarousel .carousel-indicators {
		bottom: -5px;
	}
	
	#myCarousel .carousel-caption {
    position: absolute;
    top: 190px;
    font-family: 'museo_slab500';
    font-size: 150%;
    color: #fff;
    padding: 0 20px;
    width: 100%;
	height: 40%;
    line-height: 150%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
	text-align: left;
	}
	

	#myCarousel .carousel-caption .content-link .btn {
		float: right;
		margin-top: 25px;
	}
	
	#myCarousel .carousel-caption .carousel-content {

	}
	
	#myCarousel .carousel-caption .carousel-content .btn {

	}

    
}

@media (min-width: 992px) and (max-width: 1200px) {

    
    #myCarousel, #myCarousel .carousel-caption, #myCarousel .carousel-content, #myCarousel .carousel-inner, #myCarousel .item .container {

	}
	
	.carousel-fade h2 {
		font-size: 24px;
		margin-bottom: 5px;
	}
	
	.carousel-fade p {
		font-size: 16px;
	}
	
	
	.overlay {
	  color: #000;
	  background-color: #fff;
	  position: relative;
	  top: 0;
	  left: 0;

	}
	
	
	.hero .overlay .container {
		padding: 0px;
		margin: 0px;
	}
	
	.hero .nav-pills {
		margin: 0px;
		padding: 0px;
	}
	
	.hero .nav-pills li {
		padding: 2px;
	}
	
	.hero .nav-pills li a {
		background-color: #eee;
		color: #000;
		border: 1px solid #000;
	}

	.hero .nav-pills li a:hover {
		background-color: #1b75bc;
		color: #fff;
		border: 1px solid #000;
	}
	
	.hero-text {
		margin: 0px;
	}
	
	/*.hero-text a {
		color: #17639f;
	}*/

	.hero-text p {
		margin-bottom: 0px;
	}

	
	#myCarousel .item .container {

	}
	
	#myCarousel img {
		width: 100%;
		height: 100%;
		margin-left: 0;
	}
	
	#myCarousel .carousel-inner {
		width: 100%;
		height: 100%;
		clear: both;
	}
	
	#myCarousel .carousel-indicators {
		bottom: -5px;
	}
	
	#myCarousel .carousel-caption {
    position: absolute;
    top: 300px;
    font-family: 'museo_slab500';
    font-size: 150%;
    color: #fff;
    padding: 0 20px;
    width: 100%;
	height: 40%;
    line-height: 150%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
	text-align: left;
	}
	

	#myCarousel .carousel-caption .content-link .btn {
		float: right;
		margin-top: 25px;
	}
	
	#myCarousel .carousel-caption .carousel-content {

	}
	
	#myCarousel .carousel-caption .carousel-content .btn {

	}
}

@media (min-width: 1200px) {
	#myCarousel, #myCarousel .carousel-caption, #myCarousel .carousel-content, #myCarousel .carousel-inner, #myCarousel .item .container {
		height: 150px;
	}
	
	.carousel-fade h2 {
		font-size: 24px;
		margin-bottom: 5px;
	}
	
	.carousel-fade p {
		font-size: 16px;
	}
	

    .overlay {
	  color: #000;
	  background-color: #fff;
	  position: relative;
	  top: 0;
	  left: 0;

	}
	
	
	.hero .overlay .container {
		padding: 0px;
		margin: 0px;
	}
	
	.hero .nav-pills {
		margin: 0px;
		padding: 0px;
	}
	
	.hero .nav-pills li {
		padding: 2px;
	}
	
	.hero .nav-pills li a {
		background-color: #eee;
		color: #000;
		border: 1px solid #000;
	}

	.hero .nav-pills li a:hover {
		background-color: #1b75bc;
		color: #fff;
		border: 1px solid #000;
	}
	
	.hero-text {
		margin: 0px;
	}
	
	/*.hero-text a {
		color: #17639f;
	}*/

	.hero-text p {
		margin-bottom: 0px;
	}
	
	#myCarousel .item .container {
		height: auto;
	}
	
	#myCarousel img {
		width: 100%;
		height: 100%;
		margin-left: 0;
	}
	
	#myCarousel .carousel-inner {
		width: 100%;
		height: 100%;
		clear: both;
	}
	
	#myCarousel .carousel-indicators {
		bottom: -5px;
	}
	
	#myCarousel .carousel-caption {
    position: absolute;
    top: 410px;
    font-family: 'museo_slab500';
    font-size: 150%;
    color: #fff;
    padding: 0 20px;
    width: 100%;
	height: 20%;
    line-height: 150%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
	text-align: left;
	}
	

	#myCarousel .carousel-caption .content-link .btn {
		float: right;
		margin-top: 25px;
	}
	
	#myCarousel .carousel-caption .carousel-content {

	}
	
	#myCarousel .carousel-caption .carousel-content .btn {

	}
	

}







.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  display: none;
}

.carousel-fade .carousel-control {
  z-index: 2;
  display: none;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: .75;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: .75;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}





/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}



/* NAVBAR
------------------------- */

#fullnav {
    background-color: #1b75bc;
  
}
#fullnav .navbar {
	padding: 0 !important;
}


.navbar {
	margin-bottom: 0px;
	border: 0;
	border-radius: 0;
	background-color: #1b75bc !important;
	
}
#fullnav .navbar-light .navbar-toggler {
	color: white;
	border-color: white;
	margin-top:.5rem;
	margin-bottom:.5rem;
	padding: .15rem .5rem;
}
#fullnav .navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar .navbar-collapse {
	/* Align navbar to left border of container when removing Home button */
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.navbar-default .navbar-nav>li>a {
    width: 100%;
	color: #fff;
}

.navbar-light .navbar-nav .nav-link {
	color:#fff;
	font-weight:350;
	/*padding-left:.9375rem;*/
	
}
.nav-link.dropdown-toggle, .navlink.dropdown-toggle:active{
	padding-left: .9375rem;
	color: #fff !important;
}

element.style {
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
    /* padding-left: .9375rem; */
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5);
}


.dropdown-menu{
	border:none;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-brand:hover, #fullnav .navbar-light .navbar-brand:focus, .navbar .dropdown-menu.nav-module .dropdown-content li a:hover, .navbar .dropdown-menu.nav-module .dropdown-content li a:focus {
	color: #fff;
	background-color: #0E5D9D;
}
 #fullnav .navbar-light .navbar-nav > li > a:hover, #fullnav .navbar-light .navbar-nav > li > a:hover, #fullnav .navbar-light .navbar-nav > li > a:focus, #fullnav .navbar-light .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar .dropdown-menu.nav-module .dropdown-content li a:hover, .navbar .dropdown-menu.nav-module .dropdown-content li a:focus {
	color: #fff;
	background-color: #0E5D9D;
	
}


.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #0E5D9D;
}
#fullnav navbar-light .navbar-nav > .open > a:focus, #fullnav .navbar-light .navbar-nav > .open > a:hover {
	color: #fff;
	background-color: #0E5D9D;
}

.navbar-header .navbar-brand {
	color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-header .navbar-brand:hover {
	color: #fff;
	background-color: #0E5D9D;
}

.navbar .dropdown-menu.nav-module {
	left: auto;
	margin-top: 0px;
	margin-left: -1px;
	background-color: #eee;
}

.navbar .dropdown-menu.nav-module .dropdown-content {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	min-width: 210px;
}

.navbar .dropdown-menu.nav-module .dropdown-content li {
	padding: 0px;
	margin: 0px;
}

.navbar .dropdown-menu.nav-module .dropdown-content li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #000;
    white-space: normal;
}
.navbar .dropdown-menu.nav-module .dropdown-content li a:hover, .navbar .dropdown-menu.nav-module .dropdown-content li a:focus {
    text-decoration: none;
    color: #000;
    background-color: #fff;
}
a:hover, a:focus {
	color: #0d395c;
	text-decoration: underline;
}



.navbar .dropdown-menu.nav-module .dropdown-content li a {
	color: #000;
}

.mega-dropdown {
    position: static !important;
    width:100%;

}

.mega-dropdown .row {
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 0px !important;
}

.mega-dropdown-menu {
    /*padding: 20px 0px;*/
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
	clear: both;
	background-color: #eee;
}

.mega-dropdown-menu .divider {
	background-color: #999;
}


.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #000 !important;
    white-space: normal;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #000 !important;
    white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #000;
    background-color: #fff;
}
.mega-dropdown-menu .dropdown-header, .mega-dropdown-menu .dropdown-header {
    color: #428bca;
    font-size: 16px;
    font-weight:bold;
	padding: 0;
}
.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

.socialRow ul {
    list-style-type: none;
    display: block;
    margin: 10px 0px 10px 10px;
    padding: 0;
}

.socialRow ul li {
    display: inline;
    float: left;
}

.socialRow ul li a {
    padding: 3px;
}

@media (min-width: 992px)
    {
	/*
	.open .dropdown-toggle:after {
    border-bottom: 15px solid #fff;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    content: "";
    left: 163px;
    position: absolute;
    bottom: -21px;
    z-index: 1500;
}
.open .dropdown-toggle span:after {
    border-bottom: 17px solid #ccc;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    content: "";
    left: -10px;
    position: absolute;
    bottom: -41px;
    z-index: 8;
}*/

/*.modal:before {

  }
  
  .modal-dialog {
	top: 25%;
}*/

	/* NAVIGATION VIEWPORT 2 VIEWPORT 3 VIEWPORT 4*/
		

	.navbar-nav {
		display: flex;
	}

	.navbar-nav > li {
		width: auto;
		border-left: 1px solid #0E5D9D;
	}

	.navbar-nav > li > a {
			padding: 15px 10px;
		}


	.dropdown-toggle {
		/*display: inline;*/
	}

	.glyphicon-chevron-down, .glyphicon-chevron-up {
		white-space: nowrap;
		margin-left: 10px;
		display: inline;
		text-align: right;
	}

	.navbar-nav > li:last-of-type {
		border-right: 1px solid #0E5D9D;
	}

	.navbar-default .navbar-nav>li>a {
		white-space: nowrap;
		color: #fff;
	}
}

@media (max-width: 767px) {
	
	
	span.glyphicon-chevron-down, .glyphicon-chevron-up  {
	white-space: nowrap;
	margin-left: 10px;
	display: inline;
	float: right;
	text-align: right;
	}
	
	#headerImage img {
		/*margin-left: -15px;*/
		vertical-align: left;
		padding-left: 0px;
	}
	

	footer .upper .container .dismissable li {
		list-style-type: none;
		display: block;
	}

	footer .upper .container .dismissable li a {
		list-style-type: none;
		display: block;
		padding: 5px 10px 5px 5px;
		color: #000;
	}

    #ppm_handbook ul, #ppm_handbook ol {
        margin-left: -18px;
    }
	
}

.navbar-nav {
	margin-top: 0px;
	margin-bottom: 0px;
}

span.glyphicon-chevron-down, span.glyphicon-chevron-up  {
	white-space: nowrap;
	margin-left: 10px;
	display: inline;
	text-align: right;
}

.panel .glyphicon-chevron-down, .panel .glyphicon-chevron-up {
    display: block;
    float: right;
}

.panel div.list-group > div.list-group {
    margin-bottom: 0px;
	margin-top: 1px;
}
.card div.list-group > div.list-group {
	margin-bottom: 0px;
	margin-top: 1px;
}

.panel div.list-group > div.list-group a {
    padding-left: 40px;
}
.card div.list-group > div.list-group a {
	padding-left: 40px;
}

.lower {
    clear: left;
}



/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* PANEL DESIGN
-------------------------------------------------- */
/*
.panel-transparent, .panel {
        background: none;
        border: 1px solid black;
    }

    .panel-transparent .panel-heading {
        background: rgba(14, 93, 157, .9) !important;
        color: #fff;
    }

    .btn-primary, .panel .panel-heading {
        background-color: #0E5D9D;
        color: #fff;
    }

    .panel-transparent .panel-body{
        background: rgba(45, 30, 30, .90);
    }

    .panel-transparent {
        background: none;
    }

.panel-nav-transparent .panel-heading {
        background: rgba(14, 93, 157, .9) !important;
        color: #fff;
    }

.panel-nav-transparent .panel-body * {
     background: rgba(255, 255, 255, .90);
}

    .panel-nav-transparent .list-group{
        background-color: rgba(45, 30, 30, .25);
    }

    .well, .panel-heading {
    background-color: rgba(14, 93, 157, .90);
}
*/


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 545px) {
	.carousel {
		display: none;
	}
	

	}

@media (max-width: 767px) {
	span.glyphicon-chevron-down, span.glyphicon-chevron-up  {
		white-space: nowrap;
		margin-left: 10px;
		display: inline;
		text-align: right;
	}
}

@media (min-width: 768px) {
  /* Navbar positioning foo */


  .featurette-heading {
    font-size: 50px;
  }
  
	span.glyphicon-chevron-down, span.glyphicon-chevron-up  {
		white-space: nowrap;
		margin-left: 10px;
		display: inline;
		text-align: right;
	}
	


  
}

@media (min-width: 992px) {
	

  .featurette-heading {
    margin-top: 120px;
  }
  
	span.glyphicon-chevron-down, span.glyphicon-chevron-up  {
		white-space: nowrap;
		margin-left: 10px;
		display: inline;
		text-align: right;
	}
}








#headerImage {
	background-color: #fff;
}
#headerTagline {
	font-size: 10px;
	border-left: 1.5px solid black;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left:5rem;
	width: 100%;
	
}
	#headerTagline p {
		font-size: 10px !important;
		margin: 0;
	}
@media (max-width: 766px) {
	#headerTagline {
		border-left: none;
		margin-top:1rem;
		margin-left:0;

	}
		#headerTagline p {
			font-size: 11.2px !important;
		}
}

	

	.navigation-buttons, .media-menu {
		/*height: 100%;*/
		margin-bottom: 20px;
	}

	.nav-button {
		background-color: transparent;
		padding: 0;
		color: #333;
	}

	.navigation-buttons .media i, .media-menu i {
		margin: 10px;
	}

	.navigation-buttons .media-left, .media-menu .media-left {
		min-width: 6em;
		text-align: center;
	}

	.navigation-buttons .media {
		background-color: #eee;
		padding: 5px;
		margin: 3px;
		height: auto;
		color: #000;
		border-radius: 5px;
	}

	.navigation-buttons .media-heading {
		color: #000;
	}

	.navigation-buttons a:hover {
		text-decoration: none;
	}

	.navigation-buttons .glyphicon {
		font-size: 48px;
	}



	.navigation-buttons .media:hover, .navigation-buttons .media:focus {
		background-color: #ddd;
		color: #000;
	}

	.btn-primary {
		color: #fff !important;
		background-color: #1b75bc;
		
	}

	.text-primary {
		color: #1b75bc !important;
	}

	.btn-primary:hover {
		color: #fff;
		background-color: #15598f;
		border-color: #104670;
	}

	.btn-outline-secondary:hover {
		color: #333;
		background-color: #e6e6e6;
	}

	.btn-outline-secondary:active, .btn-outline-secondary.active, .open > .dropdown-toggle.btn-default {
		color: #333 !important;
		background-color: #e6e6e6 !important;
		/*border-color: #adadad;*/
	}

	.btn-red {
		border: 1px solid #ab1d23;
		background-color: #c73531;
		margin: 2px;
		color: #fff;
	}

		.btn-red:hover, .btn-red:focus {
			border: 1px solid #ab1d23;
			background-color: #ab1d23;
			color: #fff;
		}

	.btn-secondary {
		border: none;
		background-color: rgba(145, 171, 210, .8);
	
		margin: 2px;
		color: #1b1b1b;
	}

		.btn-secondary:hover, .btn-secondary:focus {
		border: none;
				background-color: #91abd2;
			color: #1b1b1b;
		}
.btn-outline-secondary {
color:#1b1b1b;
background-color: rgba(102, 113, 126, .25);
border:none;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus {
background-color: rgba(102, 113, 126, .5);
}



	/*.panel .panel-heading {
    font-weight: bold;
}*/

	.panel.panel-block {
		border-radius: 0;
	}

		.panel.panel-block .panel-heading {
			border-radius: 0;
		}

		.panel.panel-block .list-group {
			padding-top: 0px;
		}

		.panel.panel-block h3 {
			margin-bottom: 0px;
		}

	.panel-secondary {
		border: 1px solid #FAA61A;
	}

		.panel-secondary .panel-heading {
			background-color: #FAA61A;
			color: #000;
		}

	.panel-related {
		border: 1px solid #C0D4DE;
	}

		.panel-related .panel-heading {
			background-color: #d9edf7;
			color: #000;
		}

		.panel-related a.list-group-item {
			border: 1px solid #C0D4DE;
		}
	/*CARD STYLING*/
	.card.card-block {
		border-radius: 0;
	}

		.card.card-block .card-header {
			border-radius: 0;
		}

		.card.card-block .list-group {
			padding-top: 0px;
		}

		.card.card-block h3 {
			margin-bottom: 0px;
		}

	.card-primary > .card-header {
		color: #fff;
		background-color: #1b75bc;
		border-color: #1b75bc;
	}

	.col-lg-3 .card-primary {
		/*border-color: #1b75bc;*/
		border:none;
	}
	.col-lg-3 .card-info {
		border:none;
	}

	.card-secondary {
		border: 1px solid #FAA61A;
	}

		.card-secondary .card-header {
			background-color: #FAA61A;
			color: #000;
		}

	.card-related {
		border: 1px solid #C0D4DE;
	}

		.card-related .card-header {
			background-color: #d9edf7;
			color: #000;
		}

		.card-related a.list-group-item {
			border: 1px solid #C0D4DE;
		}

	/*
#on-this-page > .panel-primary > div.list-group > a {
	background-color: #eeeeff;
}
*/

	#on-this-page, .on-this-page {
	}

		#on-this-page.right-col, .on-this-page.right-col {
			padding-left: 0px;
			margin-left: 15px;
		}

		#on-this-page div.list-group div.list-group, .on-this-page div.list-group div.list-group {
			margin-bottom: 0px;
			margin-top: 1px;
		}

			#on-this-page div.list-group div.list-group > a, .on-this-page div.list-group div.list-group > a {
				padding-left: 40px;
			}

	@media (max-width: 767px) {
		#fullnav .navbar-light .navbar-toggler {
			margin-left: .9375rem;
		}

		#on-this-page, .on-this-page {
			margin-left: 0px;
			margin-right: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}

		#on-this-page, .on-this-page {
			margin-left: 0px;
			margin-right: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
	}

	.resources .resources-header {
		background-color: #1b75bc;
	}

		.resources .resources-header h3 {
			color: #fff;
			margin-top: 0px;
			padding: 10px 15px;
			font-size: 14px;
		}

			.resources .resources-header h3 small {
				color: #fff;
				margin-top: 0px;
				padding: 8px 0 8px 15px;
			}

	.legal {
		font-size: 10px;
		clear: both;
	}

	#news-feed {
		/*border: 1px solid #1b75bc;*/
		margin-bottom: 15px;
	}

		#news-feed #news-header {
			background-color: #1b75bc;
		}

	.header-block-blue h3 {
		background-color: #1b75bc;
		color: #fff;
		padding: 10px;
		border-radius: 5px;
		font-family: "Public Sans", apple-system, blinkmacsystemfont,"Segoe UI","Helvetica Neue",arial,sans-serif !important;
	}



	/*
.ul_space h3 {
    color: #fff;
    background-color: #1b75bc;
    padding: 10px;
    border-radius: 5px;
}

*/
	.header-block-secondary {
		background-color: #FAA61A;
		color: #fff;
		padding: 8px 5px 8px 8px;
	}

	.header-block-red {
		background-color: rgba(199,53,49,1);
		color: #fff;
		padding: 8px 5px 8px 8px;
	}



	.header-block-primary h3 {
		background-color: #ab1d2e;
		color: #000;
		font-size: 36px;
		font-weight: bold;
		padding: 8px 5px 8px 8px;
	}

	#news-feed #news-header h3 {
		color: #fff;
		margin-top: 0px;
		padding: 8px 0 8px 15px;
		font-family: "Public Sans", apple-system, blinkmacsystemfont,"Segoe UI","Helvetica Neue",arial,sans-serif;
		font-weight: normal;
	}
}


#news-feed .media, .update-feed .media {
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 15px;
	border-bottom: 1px solid #ccc;
}

#news-feed .media h4 {
	font-size: 14px;
}

#news-feed .media-danger, .update-feed .media-danger {
	margin-bottom: 0px;
	margin-top: 0px;
}

#news-feed .media-heading a {
	font-size: 14px;
	font-weight: bold;
}

#news-feed .media-danger .media-heading a  {
	font-size: 14px;
	color: #BF202F;
}

#news-feed .media-footer, .update-feed .media-footer {
	color: #767676;
	text-align: right;
	clear: both;
}

#news-feed #news-footer .news-more, .update-feed .news-more {
	text-align: right;
	padding: 10px 10px 0px 10px;
	
}

.update-feed {
	border: 1px solid #1b75bc;
}

.update-feed h2 {
	background-color: #1b75bc;
	color: #fff;
	padding: 5px;
	margin: 0px;
}

.update-feed  h3 {
	color: #000;
	border-bottom: 1px solid #000;
	padding: 5px;
}

.update-feed h4 {
	/*color: #000;
	padding-left: 5px;*/
	font-size: 18px;
	color: #c73531;
	
	margin-top: 15px;
}




.btn {
	margin-top: 2px;
}


.landing-header {
	background-color: #1b75bc;
}
#card-block-home .list-group a {
	font-size:16px;

}
#card-block-home h3 {
	font-family: "Public Sans", apple-system, blinkmacsystemfont,"Segoe UI","Helvetica Neue",arial,sans-serif;
	font-weight:normal;
}


#card-block-home .card {
	border:none !important;
}

.landing-header h3 {
	color: #fff;
	margin-top: 0px;
	padding: 8px 0 8px 15px;
}

.landing-header h3 small {
	color: #fff;
	margin-top: 0px;
	padding: 8px 0 8px 15px;
}

.landing-header .print-size {
	position: absolute;
	top: 2px;
	right: 20px;
	z-index: 2;
}

@media (max-width:400px) {
	.landing-header .print-size {
		top: -5px;
		right: 0;
		position: relative;
	}
	
}

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

address {
	display: block;
}

address strong {
	float: left;
	clear: both;
}

address  > .contact {
	text-align: right;
	vertical-align: top;
}

address > p {
	padding-bottom: 15px;
}

table .head {
	background-color: #1b75bc;
}

.breadcrumb {
	background-color: #fff;
	padding-bottom: 0px;
	padding-left: 0px;
}

.faqm {
	padding-top: 8px;
}

img.appeal-arrow {
	height: 64px;
	width: 64px;
}

.lang-buttons {
	margin-top: 10px;
	margin-bottom: 10px;
}

.navigation-buttons img {
	height: 30px;
	width: 30px;
}

.navigation-buttons .media-heading, .navigation-buttons .media-body {
	vertical-align: middle;
	margin-bottom: 0px;
}

.contact h3 {
	font-size: 18px;
	color: #000;
}




.member-tabs-container {
	border: 3px solid #1b75bc;
	border-radius: 5px;
	
	/*2nd color overlay*/
	border: 3px solid #eee;
}


.member-tabs-container .tab-content {
	
}

.member-tabs-container .nav.nav-tabs  {
	width: 100%;
	background-color: #1b75bc;
	color: #fff;
	
	/*2nd color overlay*/
	background-color: #eee;
	color: #000;
	
}

.member-tabs-container .nav.nav-tabs .tab  {
	margin-bottom: 0px;
}

.member-tabs-container .nav.nav-tabs a  {
	color: #fff;
	border-bottom: 0px;
	
	/*2nd color overlay*/
	color: #000;
}

.member-tabs-container .nav.nav-tabs li.active {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.member-tabs-container .nav.nav-tabs a:hover, .member-tabs-container .nav.nav-tabs li.active a {
	color: #fff;
	background-color: #0E5D9D;
	border-bottom: 0px;
	
	/*2nd color overlay*/
	background-color: #fff;
	color: #000;
	border: none;
}

.member-tabs-container .nav.nav-tabs li.active a {
	color: #fff;
	background-color: #0E5D9D;
	
	/*2nd color overlay*/
	background-color: #fff;
	color: #000;
	border: none;
}


.member-tabs-container .tab-content  {
	margin: 10px;
}

#member-tabs-accordion {
	margin-bottom: 0px;
	border: 0px;
}

#member-tabs-accordion .panel {
	margin-top: 0px;
	border-radius: 0px;
}
	#member-tabs-accordion .card {
		margin-top: 0px;
		border-radius: 0px;
	}

#member-tabs-accordion .panel-default {
	border: none;
	border-radius: 0px;
}
	#member-tabs-accordion .card-default {
		border: none;
		border-radius: 0px;
	}

#member-tabs-accordion > div {
	margin-bottom:1px;
}

#member-tabs-accordion > div:last-of-type {
	margin-bottom: 0px;
}

#member-tabs-accordion .panel-heading {
	padding: 0px;
	background-color: #1b75bc;
	color: #fff;
	
	/*2nd color overlay*/
	background-color: #eee;
	color: #000;
	
	border-radius: 0px;
}
	#member-tabs-accordion .card-header {
		padding: 0px;
		background-color: #1b75bc;
		color: #fff;
		/*2nd color overlay*/
		background-color: #eee;
		color: #000;
		border-radius: 0px;
	}

#member-tabs-accordion .panel-heading:hover {
	padding: 0px;
	background-color: #0E5D9D;
	color: #fff;
	
	/*2nd color overlay*/
	background-color: #fff;
	color: #000;
}
	#member-tabs-accordion .card-header:hover {
		padding: 0px;
		background-color: #0E5D9D;
		color: #fff;
		/*2nd color overlay*/
		background-color: #fff;
		color: #000;
	}

#member-tabs-accordion .panel-title a{
	display: block;
	padding: 10px 0px 10px 10px;
	text-decoration: none;
}
	#member-tabs-accordion .card-title a {
		display: block;
		padding: 10px 0px 10px 10px;
		text-decoration: none;
	}

.glanceImg {
	border: 1px solid #ccc;
	margin: 10px 0px 10px 0px;
}

.img-article.pull-left {
	margin: 0px 10px 10px 0px;
}

@media (max-width: 420px) {
	.img-article.pull-left {
		width: 100%;
		display: none;
	}
}
.img-article.float-left {
	margin: 0px 10px 10px 0px;
}

@media (max-width: 420px) {
	.img-article.float-left {
		width: 100%;
		display: none;
	}
}

.thumbnail-div {
	width: 100%;
	padding: 0px;
}

.desc {
	background-color: #000;
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0.5;
    position: absolute;
    width: 100%;
}


/*
.printimg {
	float: left;
}

.printlist {
	float: right;
}
*/



#vidcontainer iframe {
	width: 100%;
}


.vidl {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.vidl iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 756px) {
	#content {
		min-height: calc(100vh - 290px);
	}
	/*.footer {
	  height: 200px;
	}*/
}

#content {
  min-height: calc(100vh - 290px);
}
/*.footer {
  height: 117px;
}*/

.socialNav {
	/*background-color: #bbb;*/
	background-color: rgba(102, 113, 126, .5);
	
	margin-bottom: 0px;
	margin-top: 20px;
}

.socialNav .followcdc ul {
	padding-left: 0px;
	margin-bottom: 0px;
	display: inline-block;
	float: left;
}

.socialNav .followcdc ul li {
	list-style-type: none;
	display: inline-block;
	padding: 5px 2px 5px 2px;
}

.socialNav .cdcmedia ul {
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	display: inline-block;
}

.socialNav .cdcmedia ul li {
	list-style-type: none;
	display: inline-block;
	padding: 5px 2px 5px 2px;
}

.module.catalog {
	border: 1px solid #1b75bc;
	margin-bottom: 10px;
}

.round {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.module.catalog h3 {
	margin-top: -10px;
}

.module.catalog img {
	margin-left: 15px;
}

.module.catalog .landing-header .print-size {
	position: absolute;
	top: -7px;
	right: 20px;
	z-index: 2;
}

@media (max-width:400px) {
	.module.catalog  .landing-header .print-size {
		top: -5px;
		margin-left: 15px;
		margin-right: 15px;
		right: 0;
		position: relative;
	}
	
}




#toc h3 {
	margin-top: 0px;
}

#toc > .scrollnav > li > a {
	/*padding: 1px 1px 1px 10px;*/
	font-size: 12px;
}
#toc > .scrollnav > li > a:hover, #toc > .scrollnav > li > a:focus {
		background-color: #eee;
	}

#toc > .scrollnav li {
	margin: 1px;
}

#toc > .scrollnav li ul {
	margin: 1px 1px 1px 25px;
	display: none;
}

#toc > .scrollnav li ul li {
	margin: 1px;
}

#toc > .scrollnav li.active ul {
	margin: 1px 1px 1px 25px;
	display: block;
}

#toc > .scrollnav li ul li a {
	padding: 1px 1px 1px 10px;
	font-size: 12px;
}
#toc ul a { 
	padding: 1px 1px 1px 10px;
	font-size: 12px;
}


#toc  > li > a.active {
	color: #1b75bc;
	border-left: 2px solid #1b75bc;
	padding-left: 5px;
}
#toc ul{
	position: -webkit-sticky; /* Safari & IE */
	position: sticky;
	top: 20px;
}
#toc .affix-top {
	position:fixed;
	top:0;
	z-index: 10;
	background-color: white;
	display: block;
	width: 100vw;
	left: 0;
	padding: 0.5rem 2rem 1rem 2rem;
}
.affix-top-ie {
	position: fixed;
	top: 20px;

	
}



#toc ul .active {
	color: #1b75bc;
	border-left: 2px solid #1b75bc;
}



.js-is-sticky {
	top: 20px !important;
	width: 255px;
}






#collapseExample > .scrollnav > li > a {
	padding: 1px 1px 1px 10px;
	font-size: 12px;
}

#collapseExample > .scrollnav li {
	margin: 1px;
}

#collapseExample > .scrollnav li ul {
	margin: 1px 1px 1px 25px;
	display: none;
}

#collapseExample > .scrollnav li ul li {
	margin: 1px;
}

#collapseExample > .scrollnav li.active ul {
	margin: 1px 1px 1px 25px;
	display: block;
}

#collapseExample > .scrollnav li ul li a {
	padding: 1px 1px 1px 10px;
	font-size: 12px;
}


#collapseExample .scrollnav > li.active > a {
	color: #1b75bc;
	border-left: 2px solid #1b75bc;
}



.affix {
  top: 20px;
  width: 213px;
  position: -ms-device-fixed;
}


@media (max-width: 992px) {	
	.affix {
		position: fixed;
		top: 0;
		background: #FFF;
		z-index: 2;
		left: 0;
		right: 0;
		max-width: 992px;
		width: 100%;
		margin: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.affix #toc {
		margin: auto;
		padding: 0px;
		max-width: 720px;
	}
	
	.affix #toc select {
		margin: 0;
		padding: 0 15px 0 15px;
	}
	
	.affix #toc h3 {
		margin:  0 15px 15px 0;
	}

    .navbar li:last-of-type .dropdown-menu.nav-module {
	right: 0;
	margin-top: 0px;
	background-color: #eee;
    margin-right: 0;
}
}

@media (min-width: 1200px) {
  .affix {
    width: 263px;
  }         
}

.affix-bottom {
  position: absolute;
  width: 213px;
}


@media (min-width: 1200px) {
  .affix-bottom {
    width: 263px;
  }
}

a.define {
	font-weight: bold;
}

.cce_table {
	
}

.cce_table th {
	color: #fff;
	background-color: #1f497d;
}

.cce_table th strong {
	margin: 2px;
}

.cce_table td {
	vertical-align: top;
	border: 1px solid #1f497d;
}

.cce_table td * {
	margin: 2px;
}

@media (max-width: 767px) {

    html, body {
        overflow-x: hidden;
    }

    .cce td, .cce th {
        font-size: 12px;
        font-weight: normal;
    }
	
	.affix {
		position: fixed;
		top: 0;
		background: #FFF;
		z-index: 2;
		left: 0;
		right: 0;
		max-width: 992px;
		width: 100%;
		margin: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.affix #toc {
		margin: auto;
		padding: 0 15px 0 15px;
		max-width: 767px;
	}
	
	.affix #toc select {
	}
	
	.affix #toc h3 {
		margin:  0 15px 15px 0;
	}
}

.manual ul > li > ul, .manual ol > li > ol {
	margin: 0px 5px 5px 5px;
}


@media only screen and (max-width: 800px) {
        /* Force table to not be like tables anymore */
        .no-more-tables table,
        .no-more-tables thead,
        .no-more-tables tbody,
        .no-more-tables th,
        .no-more-tables td,
        .no-more-tables tr {
        display: block;
        }
         
        /* Hide table headers (but not display: none;, for accessibility) */
        .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        }
         
        .no-more-tables tr { border: 1px solid #ccc; }
          
        .no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
        }
         
        .no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        }
         
        /*
        Label the data
        */
        .no-more-tables td:before { 
            content: attr(data-title); 
        }
}



.media img {
    max-width: 90px;
}




.fauxtable {
    border: 1px solid #eee;
}

.fauxtable .row:last-of-type {
    margin-bottom: 0px;
}


.fauxtable > .row:nth-of-type(even) {
    background: #eee;
    
}

footer h4 {
    text-transform: uppercase;
    font-size: 14px;
    color: #343a40 !important;
    font-weight: bold;
}

.align-right {
    text-align: right;
}

@media (min-width: 768px) {
    .contact .contact-info {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .contact .contact-info {
        text-align: left;
    }
}


.bg-gray {
    background-color: rgba(221, 221, 221, 1);
	
}

.bg-gray2 {
    background-color: rgba(221, 221, 221, 1);
	padding: 8px 8px 8px 8px;

}

.bg-gray3 {
    background-color: rgba(221, 221, 221, 1);
	padding: 10px 10px 10px 30px;

}
.bg-blue {
    background-color: #1b75bc;
	padding: 8px 5px 8px 8px;

}

.bg-blue2 h3 {
    color: #fff;
	background-color: #1b75bc;
	padding: 0px 0px 0px 0px;
}
.bg-primary h3 {
    color: #fff;
	background-color: #1b75bc;
	padding: 0px 0px 0px 0px;
}

.bg-graylite {
    background-color: #ddd ;
	padding: 8px 5px 8px 8px;

}


.bg-teal-dark {
     .bg-purple-dark {
            background-color: rgba(83, 90, 155, 1);
			color:white;
        }

        .bg-yellow-dark {
            background-color: rgba(247, 199, 142, 1);
        }
     background-color: #068d9d;
          color: white;
        }

.bg-purple-dark {
            background-color: rgba(83, 90, 155, 1);
			color:white;
        }

.bg-yellow-dark {
            background-color: rgba(247, 199, 142, 1);
        }

/*Comment boxes w/left boarderline*/

.bg-teal {
			background-color:rgba(139, 210, 209, .25);
        }
		.bg-purple {
			background-color: rgba(83, 90, 155, .25);
		}
		.bg-yellow {
			background-color: rgba(247, 199, 142, .25);
		}
.bl-gray {
            border-left-color: #bdbdbd !important;
        }

.bl-3 {
            border-left: 3px solid !important;
        }

.bg-gray-l2 {
            background-color: #f0f0f0 !important;
            color: #000 !important;
        }
		
.bl-purple {
            border-left-color: #53599a !important;
        }

    	 

.bg-purple-l2 {
            background-color: #e2e1ee !important;
            color: #000 !important;
        }		

        }
.bg-purple {
     background-color: #c5c4dd;
	 }
	 
.bg-liteblue-l2 {
	 background-color: #d9edf7;
	}
	
.bl-primary {
    border-left-color: #1b6bad;	

	 }

#graphs section {
    margin-bottom: 75px;
    border-bottom: 1px solid #aaa;
}

.clear-none {
    clear: none;
}

.clear-right {
    clear: right;
}

.handbook-group {
    margin-top: 10px;
    margin-bottom: 10px;
}
.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
    min-height: 178px;
}
.youtube img {
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    /*width: 90px;
    height: 60px;*/
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
table.ifr tr td:first-child {
    width: 70%;
}

table.ifr tr td:nth-child(2n) {
    width: 15%;
}

table.ifr tr td:nth-child(3n) {
    width: 15%;
}

.background-secondary {
	background-color: #FAA61A;
	margin: 2px;
	color: #000;
}
.background-primary section#administrator {
	background-color: #1b75bc;
	margin: 2px;
	color: #000;
}

#handbook_content article h4 {
	color: #000;
	font-weight: bold;
}

/*#handbook_content section#welcome {
	padding-left: 10px;
	border-left: 3px solid #1b75bc;
}*/

#handbook_content section#welcome blockquote {
	background-color: #fff;
	color: #1b75bc;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
	font-size:17.5px;
}

#handbook_content section#welcome h2 {
	color: #1b75bc;
	font-size: 36px;
}

#handbook_content section#welcome h3 {
	background-color: #1b75bc;
	color: #fff;
	padding: 8px 5px 8px 8px;
}



/*#handbook_content section#overview {
	padding-left: 10px;
	border-left: 3px solid #1b75bc;
}*/


#handbook_content section#overview blockquote {
	background-color: #1b75bc;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
	font-size:17.5px;
}
#handbook_content section#overview h2 {
	color: #1b75bc;
	font-size: 36px;
}

#handbook_content section#overview h3 {
	background-color: #1b75bc;
	color: #fff;
	padding: 8px 5px 8px 8px;
}
 #handbook_content section#act h2 {
	color: #1b75bc;
	font-size: 36px;
}

#handbook_content section#act h3 {
	background-color: #1b75bc;
	color: #fff;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#act th {
	background-color: #1b75bc;
}
 


/*#handbook_content section#applying {
	padding-left: 10px;
	border-left: 3px solid #BF2134;
}*/

/*
original color: BF2134
proposed color change: ab1d2e
*/

#handbook_content section#applying blockquote {
	background-color: #ab1d2e;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
	font-size: 17.5px;
}

#handbook_content section#applying h2 {
	color: #ab1d2e;
	font-size: 36px;
}

#handbook_content section#applying h3 {
	background-color: #ab1d2e;
	color: #fff;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#applying th {
	background-color: #ab1d2e;
	color: #fff;
}


/*#handbook_content section#certifications {
	padding-left: 10px;
	border-left: 3px solid #DBD8C1;
}*/

#handbook_content section#certifications blockquote {
	background-color: #DBD8C1;
	color: #000;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
	font-size: 17.5px;
}

#handbook_content section#certifications h2 {
	color: #B8B0A0;
	font-size: 36px;
}

#handbook_content section#certifications h3 {
	background-color: #DBD8C1;
	color: #000;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#certifications th {
	background-color: #DBD8C1;
	color: #000;
}





/*#handbook_content section#treatment {
	padding-left: 10px;
	border-left: 1px solid #D2721A;
}*/
#handbook_content section#treatment blockquote {
	background-color: #D2721A;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
	font-size: 17.5px;
}

#handbook_content section#treatment h2 {
	color: #D2721A;
	font-size: 36px;
}

#handbook_content section#treatment h3 {
	background-color: #D2721A;
	color: #fff;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#treatment th {
	background-color: #D2721A;
	color: #fff;
}



/*#handbook_content section#support {
	padding-left: 10px;
	border-left: 3px solid #857D70;
}*/

#handbook_content section#support blockquote {
	background-color: #857D70;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
	font-size: 17.5px;
}

#handbook_content section#support h2 {
	color: #857D70;
	font-size: 36px;
}

#handbook_content section#support h3 {
	background-color: #857D70;
	color: #fff;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#support th {
	background-color: #857D70;
	color: #fff;
}



/*#handbook_content section#glossary {
	padding-left: 10px;
	border-left: 3px solid #EFB002;
}*/

#handbook_content section#glossary blockquote {
	background-color: #B26115;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
	font-size: 17.5px;
}

#handbook_content section#glossary blockquote.test {
	background-color: #EFB002;
	color: #000;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
}

#handbook_content section#glossary h2 {
	color: #B26115;
	font-size: 36px;
}

#handbook_content section#glossary h3 {
	background-color: #B26115;
	color: #fff;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#glossary th {
	background-color: #B26115;
	color: #fff;
}

.bg-blue2 {
	background-color: #1b75bc;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 30px 30px;
}

.imageAndText {position: relative;} 
.imageAndText .col {position: absolute; z-index: 1; top: 0; left: 0;
}


.bg-primary3 {
	background-color: #1b75bc;
	color: #fff;
	size: 16px;
	padding: 8px 5px 8px 8px;
}

.bg-secondary{
	background-color: #FAA61A;
	color: #fff;
	size: 16px;
	padding: 8px 5px 8px 8px;
}

.bg-red{
	background-color: #ab12e;
	color: #fff;
	size: 16px;
	padding: 8px 5px 8px 8px;
}

.hyperlink{
	color:#fff;
}

.container-mind{
	background: #000 (img src="/wtc/images/newsletter/Mind-Body-Medicine.svg");
	color: #fff;
	height: 400px;
	width: 100%;
	padding: 8px 5px 8px 5px;
	
}


@media (min-width: 768px) and (max-width: 991px) {
	/* NAVIGATION  VIEWPORT 2*/
	.navbar-header {
		padding-left: 0px;
	}
	
	#nav .navbar-collapse {
		position: absolute;
		z-index: 3;
		top: 51px;
		background-color: #1b75bc;
	} 
	
	#nav .navbar-collapse > .navbar-nav > li {
		padding-left: 0px;
	}
	
	/*.navbar-nav , .navbar-nav li{
		clear: both;
		display: block !important;
		float: left !important;
		border: none;
		width: 100%;
	}*/
	
	.navbar-nav .dropdown ul {
		/* width: 100%; */
		/* position: absolute; */
		top: 0;
		left: 100%;
		background-color: #eee;
	}
	
	/*.navbar-nav .dropdown.mega-dropdown .mega-dropdown-menu {
		min-width: 300px;
		position: absolute;
		top: auto;
		left: 100%;
		padding: 0px;
	}*/
	
	.btn-srch i {
		padding-right: 0px;
	}
	.header-search input {
		left: -15px;
	}
	
	.navbar-nav .open .dropdown-menu {
		top: 0;
		left: 100%;
		min-width: 250px;
		background-color: #eee;
	}

	/* #fullnav .container {
		padding: 0px !important;
		margin: 0px !important;
	} */
	
	#nav li.divider {
		display: none;
	}
	
	.navbar-collapse {
		margin-bottom: 7px;
        padding-right: 0px;
		clear: both;
	}
	
	.navbar-collapse .navbar-nav {
		width: 100%;
	}
	
    .navbar-nav {
        margin-right: 0px;
        padding-right: 0px;
    }

	.navbar-nav .dropdown {
		min-height: 40px;
	}

    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .navbar-nav .mega-dropdown li ul li {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dropdown-menu .dropdown-content {
        margin-left: -15px;
    }
	
	/*.navbar li {
		padding-left: 15px;
	}*/

    .navbar li > ul.dropdown-menu {
        margin-left: 0px;
        margin-right: 0px;
    }
	
	.nav-module {
		padding: 0px;
		margin: 0px;
	}
	
	.navbar-toggle {
		margin-right: 15px;
	}
	
	.navbar-collapse.collapse {
        /*display: none !important;*/
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }

}

.tab-pane .well table thead, .tab-pane .well table tbody {
    background-color: #fff !important;
}

.tab-pane .well caption {
    font-weight: bold !important;
}

.ul_space h3 {
    color: #fff;
    background-color: #1b75bc;
    padding: 10px;
    border-radius: 5px;
}

.ul_space h3:hover {
    background-color: #025CA3
}

.ul_space > a {
    text-decoration: none;
}

.ul_space > a:hover {
    text-decoration: none;
}

.ul_space h3 span {
    float: right;
}

.list-group.address-list-group {
	
}

.list-group.address-list-group li {
	vertical-align: top;
	padding-right: 20px;
}

.panel-toggle {
	color: #fff;
    background-color: #1b75bc;
    padding: 10px;
	display: block;
	width: 100%;
}
.card-toggle {
	color: #fff;
	background-color: #1b75bc;
	padding: 10px;
	display: block;
	width: 100%;
}

.media-toggle {
	color: #fff;
    background-color: #1b75bc;
    padding: 10px;
    border-radius: 5px;
	display: block;
	width: 100%;
	margin-bottom: .5em;
}

.media-toggle:hover, .media-toggle:focus, .panel-toggle:hover, .panel-toggle:focus {
	text-decoration: none;
	background-color: #025CA3;
	color: #fff;
}
	.media-toggle:hover, .media-toggle:focus, .card-toggle:hover, .card-toggle:focus {
		text-decoration: none;
		background-color: #025CA3;
		color: #fff;
	}

.media-toggle-gray {
	color: #000;
    background-color: #efefef;
    padding: 10px;
    border-radius: 5px;
	display: block;
	width: 100%;
	margin-bottom: .5em;
	border: 1px solid #ccc;
}

.media-toggle-gray:hover, .media-toggle-gray:focus {
	text-decoration: none;
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #000;
}

.table.table-gray th {
	background-color: #efefef;
	border: 1px solid #ccc;
}

.table.table-gray caption {
	color: #000;
}

.table.table-gray td {
	border: 1px solid #ccc;
}

.table.table-gray {
	border: 1px solid #ccc;
}

.btn-wrap {
	white-space: normal;
}

.ul-scroll{
overflow-y: scroll;
height: 12rem;
}



.faq-list {
	
}

.faq-list .faq-list-item{
	
}

.faq-list .faq-list-item .faq-question {
font-size: 1.125em;
} 

.faq-list .faq-list-item .faq-answer {
margin-top: 1em;
margin-bottom: 2em;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	z-index: 2;
	color: #fff;
	background-color: #1b75bc;
	border-color: #1b75bc;
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.modal-title{
	margin-top: 0;
}

.media-heading .lead {
	font-weight:400;
}



#application_content section#option1 h3 {
	background-color: #1b75bc;
	color: #fff;
	padding: 8px 5px 8px 8px;
}



/*accordion styles*/
.faq_question {
	-moz-osx-font-smoothing: inherit;
	-webkit-font-smoothing: inherit;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	text-align: left;
	background-color: #f0f0f0;
	color: #1b1b1b;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	margin: 0;
	padding: 1rem 3.5rem 1rem 1.25rem;
	text-decoration: none;
	width: 100%;
	border-radius: 5px;
}

	.faq_question :before {
		font-family: "Font Awesome 5 Pro";
		content: "\f107";
		margin-right: 1rem;
	}


	.faq_question[aria-expanded=true] :before {
		font-family: "Font Awesome 5 Pro";
		content: "\f106";
		margin-right: 1rem;
	}

	.faq_question:hover, .faq_question:focus {
		color: #000;
		text-decoration: none;
		background-color: #e6e6e6;
	}

.left_icon {
	text-align: left;
	background-position: left 1.25rem center;
}

	.left_icon span {
		display: flex;
		font-family: Arial;
		font-size: 22px;
	}
/*accordion small*/
.accordionSmall .faq_question, .accordionSmall .faq_question:hover, .accordionSmall .faq_question:focus {
            color: #17639f;
        }

       .accordionSmall .left_icon span {
            font-size: 18px;
        }	
	
	
	/*comment box*/
	  .bl-gray {
            border-left-color: #bdbdbd !important;
        }



       .bl-3 {
            border-left: 3px solid !important;
        }



       .bg-gray-l2 {
            background-color: #f0f0f0 !important;
            color: #000 !important;
        }
		
		.p-purple {
		font-weight: bold;
		color: #494e88;
		font-size: 18px !important;
		font-family: "Public Sans";
		margin-top: 2rem;
		margin-bottom: .5rem;
		}