.jumbotron_ir .container-fluid{
	background-color:transparent !important;
}
.navbar{
	background-color: #243746 !important;
}

.navbar-dark .navbar-brand {
	color: #fff
}

	.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
		color: #fff
	}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.8)
}

	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
		color: rgba(255,255,255,.75)
	}

	.navbar-dark .navbar-nav .nav-link.disabled {
		color: rgba(255,255,255,.25)
	}

	.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
		color: #fff
	}
#footer, #footer .container-fluid{
	background-color:#727579 !important;
}

.chartDiv {
	line-height:60px;
	padding:1px;
	display:inline-block;
	position:relative;
	text-decoration:none;
	font-size:14px;
	color:#686868;
	
	
}

.rightCell{
	text-align:right;
}

@media (max-width: 1280px) {
	.chartDiv{
		width:100%;
	}
}
h2 {
	color: #3c3c3c !important;
	font-size: 1.3125rem;
	line-height: 1.15;
	letter-spacing: -0.03125rem;
}

.pagetitle {
	color: #3c3c3c !important;
	font-size: 1.3125rem;
	line-height: 1.15;
	letter-spacing: -0.03125rem;
	padding-top: 0;
	margin: -0.125rem 0 1.625rem;
}
h4 {
	line-height: 1.25em;
}

h3{
	font-size:19px;
	line-height:1.25em;
}

/* BOOTSTRAP TWEAKS FOR SIZING */
.nav>li>a {
	padding: 10px 10px;
}

.navbar{
	min-height:40px;
}

.jumbotron_ir {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	background-size: cover;
	padding-bottom: 30px;
	margin-bottom: 30px;
	color: inherit;
	background-color: #eee;
	height: 165px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
}


.navbar{
	margin-bottom:35px !important;
}

/* BOOTSTRAP TWEAKS FOR SIZING */


#mobileLogo{
	display:none;
	text-align:center;
}

.quote{font-weight:bold;}
.quoteSource{font-style:italic;}
.sliderAmount{display:none;}
.sliderVal{border: 0; color: #f6931f; font-weight: bold;}
.simLabel{float:left;}
.simOption{float:right;}
.taxTable{width:300px;}
#resetBlock{width:350px; padding:1em; text-align:center;margin-left: auto ;margin-right: auto ;}


.notebox{
	border: 1px solid black;padding:2em;
}

.highlight{
	position: relative;
	padding: 20px 15px;
	margin: 1em 0 3em;
	border: 7px solid #c9c9c9;
	text-align: center;
	color: #333;
	background: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.tempText{
	color:#006633;
	font-style: italic;
}


/* ============================================================================================================================
== RECTANGLE-BORDER STYLE WITH CURVE
** ============================================================================================================================ */

.rectangle-speech-border {
  position:relative;
  padding:20px 15px;
  margin:1em 0 3em;
  border:7px solid #5999b7;
  text-align:center;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
}

/* creates larger curve */
.rectangle-speech-border:before {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-40px;
  left:50px;
  width:50px;
  height:30px;
  border-style:solid;
  border-width:0 7px 7px 0;
  border-color:#5999b7;
  background:transparent;
  /* css3 */
  -webkit-border-bottom-right-radius:80px 50px;
  -moz-border-radius-bottomright:80px 50px;
  border-bottom-right-radius:80px 50px;
  /* reduce the damage in FF3.0 */
  display:block;
}

/* creates smaller curve */
.rectangle-speech-border:after {
  content:"";
  position:absolute;
  z-index:10;
  bottom:-40px;
  left:50px;
  width:20px;
  height:30px;
  border-style:solid;
  border-width:0 7px 7px 0;
  border-color:#5999b7;
  background:transparent;
  /* css3 */
  -webkit-border-bottom-right-radius:40px 50px;
  -moz-border-radius-bottomright:40px 50px;
  border-bottom-right-radius:40px 50px;
  /* reduce the damage in FF3.0 */
  display:block;
}

/* creates a small circle to produce a rounded point where the two curves meet */
.rectangle-speech-border > :first-child:before {
  content:"";
  position:absolute;
  bottom:-40px;
  left:45px;
  width:7px;
  height:7px;
  background:#5999b7;
  /* css3 */
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
}

/* creates a white rectangle to cover part of the oval border*/
.rectangle-speech-border > :first-child:after {
  content:"";
  position:absolute;
  bottom:-10px;
  left:76px;
  width:24px;
  height:15px;
  background:#fff;
}

.printme{
	display:none;
}

.question{
	font-weight:bold;
}

.consultTable{
	max-width:90% !important;
}

.bondTable{
	max-width:90% !important;
}

.consultTable tr td{text-align: right;}
.questiontext{
	font-weight:bold;
}

#wwh_links{
	text-align:center; min-width:290px;
}

#wwh_text{
	text-align:left;
}

.whitetable{
	border:1px solid white;
	margin: 0px;
}
.whitetable td{
	border:1px solid white;
}

.fintable td{
	text-align:center !important;
}

.detailslink{
	text-align:right;
	position:absolute;
    bottom:0;
    right:30px;
}
.hlinehead{
	font-weight:bold;
	font-size:1.2em;
}

.fluid-row{
	overflow:hidden;
	
}

.span6{
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

#debtportfolioinfo{
position: relative;
}

.jumbotron_ir {
	color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
	font-family: Lato, sans-serif;
    padding-left: .5em;
    font-size: 6vw;
    font-weight: bolder;
    text-shadow: -1px 2px 12px black;
	position: relative;
}

#jumbotron_title{
margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);	
}

.headerimg{
	color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
	font-family: Lato, sans-serif;
}

.headerimg .stripe{
	background-color: rgba(119, 43, 43, 0.83); width:100%;
	padding-bottom:2em;
}


.sectionheader{
	font-family: Lato, sans-serif;
}

.jumbotron_ir .container{
	background-color: rgba(119, 43, 43, 0.83); width:100%;
	padding-bottom:2em;
}

.jumbotron_ir  .container-fluid{
	background-color: rgba(119, 43, 43, 0.83); width:100%;
	padding-bottom:2em;
}

#mainContent a{
	color:#004B87;
}


/* Sticky footer styles  */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 110px;
	/*background-color: rgba(177, 125, 125, 1); width:100%;*/
	padding-top:2em;
	padding-bottom:2em;
	/*color:#ffffff;*/
}

/* Sticky footer styles  */



/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/

/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
	.jumbotron_ir{
		padding-top: 30px;
		padding-bottom: 30px;
		height:160px;
		background-position:center;
	}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.jumbotron_ir{
		padding-top: 30px;
		padding-bottom: 30px;
		height:200px;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.jumbotron_ir h1{
		font-size: 4.25rem;
	}
	.jumbotron_ir {
		padding-top: 48px;
		height: 365px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.jumbotron_ir {
		padding-top: 48px;
		height: 365px;
	}
    
}



	.government-brand a img {
		width: 121px;
		height: 72px;
		margin: 0;
		padding: 0;
	}
	
	#layout-site-title{
	    border-left: 1px solid #D9D9D6;
		padding-left: 2rem;
		padding-top: 1.25rem;
		padding-bottom: 1.5625rem;
	}




.layout-banner {
	padding-right: 0;
	padding-left: 0;
	max-width: 78rem;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	position: relative;
	padding-top: 1.625rem;
	padding-bottom: 1.375rem;
}
	@media print, screen and (min-width: 40em) {
		.layout-banner {
			-webkit-box-pack: justify;
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
			justify-content: space-between;
			padding-top: 1.625rem;
		}
	}

	@media screen and (min-width: 120.0625em) {
		.layout-banner {
			padding-right: 0;
			padding-left: 0;
			max-width: 90rem;
			margin-left: auto;
			margin-right: auto;
		}
	}

	.layout-government-brand, .layout-custom-logo {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: calc(100% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem; }
  @media print, screen and (min-width: 40em) {
    .layout-government-brand,
    .layout-custom-logo {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: auto;
      margin-right: 1rem;
      margin-left: 1rem; } }

.layout-site-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0px;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  width: auto;
  margin-right: 1rem;
  margin-left: 1rem;
  text-align: center; }
  @media print, screen and (min-width: 40em) {
    .layout-site-title {
      text-align: left; } }

.layout-government-brand + .layout-site-title {
  padding-top: 0.8125rem; }
  @media print, screen and (min-width: 40em) {
    .layout-government-brand + .layout-site-title {
      border-left: 1px solid #D9D9D6;
      padding-left: 2rem;
      padding-top: 1.25rem;
      padding-bottom: 1.1625rem; } }

#site-title {
	font-size: 1.3125rem;
	line-height: 1.15;
	color: #75787B !important;
	font-weight: 600;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

#site-title h1{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

	#site-title a{
	    font-size: 1.3125rem;
		line-height: 1.15;
		color: #75787B !important;
	}

	
	.navbar-light .navbar-toggler {
    color: rgb(255 255 255 / 50%) !important;
    border-color: rgba(255,255,255,.1) !important;
}

body {
	font-family: Lato;
	font-weight: normal;
}