@charset "utf-8";
/* CSS Document */

/*---------Styles for glossies----------*/
/*-----OVERVIEW as the default----*/
.header {
	width: 100%;
	min-height: 200px;
	background: url('/assets/images/Overview-header-graphic.jpg') #0a516d no-repeat;
	color: #fff;
	border-bottom: rgb(0, 118, 155) 10px solid;
}
.header h1, .header h2 {
	color: #fff !important;
	/*text-align: center;*/
	padding-top: 20px;
	padding-left: 20px;
	text-transform: none;
}
.header .col-md-7 {
	padding-top: 70px;
	text-align: right;
	padding-right: 20px;
}

.health h2, .education h2, .welfare h2{
	font-variant: normal;
	font-weight:bold;
	font-size:1.2em;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.overview figure, .welfare figure, .education figure, .health figure {
	text-align: center;
}
.overview figcaption, .welfare figcaption, .education figcaption, .health figcaption {
	text-align: center;
	font-variant: normal;
	font-weight:bold;
	font-size:1.2em;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.overview figcaption {
	color: #296B94;
}
.welfare figcaption {
	color: #DC6527;
}
.education figcaption {

}

.overview .notes {
	font-size: 0.85em;
}


ul.clean, ul.clean li, ol.clean, ol.clean li {
	list-style-type: none !important;
}

.overview table {
	width: 100%;
	border-top:none;
}
.overview table * {
	border: none;
	vertical-align: middle;
}
.overview table tbody th {
	text-align: left;
}
.overview table .borderbottom {
	border-bottom: 1px solid #999;
}
.overview table tbody th.text-center {
	text-align: center;
}

/*----HEALTH---*/
.health>.header {
	background: url('/assets/images/health-header-graphic.jpg') #005F5B no-repeat;
}
.health h2, .health h3, .health h4, .health h5, .health caption, .health .chart_heading, .health .boxheading{
	color:#005F5B;
}
.health .box_shaded{
	background-color:#B2D7D4;	
}
.health table tr.shaded th, .health table th.shaded{
	color:#FFF;
	background-color:#005F5B;
}
.health table tr.shaded td, .health table td.shaded{
	background-color:#B2D7D4;
}
.white_bold
{
	color: #FFF;
	font-weight: bold;
	}
.blue_box
{
	background-color: #005777 !important;
	color: #fff !important;	
}
.indent3
{
	margin-left: -10px;
	}

/*----EDUCATION---*/
.education>.header {
	background: url('/assets/images/education-header-graphic.jpg') #32581f no-repeat;
}
.education h2, .education h3, .education h4, .education h5, .education caption, .education .chart_heading, .education .boxheading{
	color:#32581f;
}
.education .box_shaded{
	background-color:#CDDFC0;
}
.education table tr.shaded th, .education table th.shaded{
	color:#FFF;
	background-color:#32581f;
}
.education table tr.shaded td, .education table td.shaded{
	background-color:#CDDFC0;
}
.secondary_header
{
	background-color:#dc6525;
	padding: 5px 5px 5px 15px;
	color: #fff;
}
.bold_orange
{
	color:#dc6525;
	font-weight: bold;
}
.orange_background
{
	background-color: #fbe9dd !important;
}
/*----WELFARE---*/
.welfare>.header {
	background: url('/assets/images/welfare-header-graphic.jpg') #8c3e17 no-repeat;
}
.welfare h2, .welfare h3, .welfare h4, .welfare h5, .welfare caption, .welfare .chart_heading, .welfare .boxheading{
	color:#8c3e17;
}
.welfare .box_shaded{
	background-color:#F6D8C6;
}
.welfare table {
	width: 100%;
}
.welfare table, .welfare table * {
	border-color: #fff;
	border: none;
	text-align: left;
	vertical-align: top;
}
/*
.welfare table > thead {
	background-color:#8c3e17;
	color: #fff;
}
*/	
.welfare table.striped tr:nth-child(2n) {
	background: #F6D8C6;
}
.welfare table tr.shaded th, .welfare table th.shaded{
	color:#FFF;
	background-color:#8c3e17;
}
.welfare table tr.shaded td, .welfare table td.shaded{
	background-color:#F6D8C6;
}
.welfare table .borderbottom {
	border-bottom: 1px solid #000;
}
/*----INFRASTRUCTURE---*/

.infrastructure>.header {
	background-image:none;	
	/*background-color:rgb(229, 240, 243);	*/
	border-bottom:none;
	padding:100px 0px 0px 0px;
}

.infrastructure .header .inner{
	background-color:rgba(1,80,111,0.5);
/*	background:#01506F;*/
	text-align:left;
	padding:5px 5px 5px 50px;
}
.infrastructure .header .inner h1{
	text-align:left;
	padding-bottom:20px;
}

.infrastructure .backgroundchange{
	background:url('/content/glossy/infrastructure/images/background_example01.jpg') no-repeat;
}

.infrastructure  #infra_bg01{
	background-image: none;
	background-color: #2CA1F4;
} 
.infrastructure  #infra_bg02{
	background:url('/content/glossy/infrastructure/images/background_page02.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg03{
	background:url('/content/glossy/infrastructure/images/background_page03.jpg') no-repeat;
	background-size: 100%;	
}
.infrastructure  #infra_bg04{
	background:url('/content/glossy/infrastructure/images/background_page04.jpg') no-repeat;
	background-size: 100%;	
}
.infrastructure  #infra_bg05{
	background:url('/content/glossy/infrastructure/images/background_page05.jpg') no-repeat;
	background-size: 100%;	
}
.infrastructure  #infra_bg06{
	background-image: none;
	background-color: #2CA1F4;
}
.infrastructure  #infra_bg07{
	background:url('/content/glossy/infrastructure/images/background_page07.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg08{
	background:url('/content/glossy/infrastructure/images/background_page08.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg09{
	background-image: none;
	background-color: #2CA1F4;
}
.infrastructure  #infra_bg10{
	background:url('/content/glossy/infrastructure/images/background_page10.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg11{
	background:url('/content/glossy/infrastructure/images/background_page11.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg12{
	background:url('/content/glossy/infrastructure/images/background_page12.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg13{
	background:url('/content/glossy/infrastructure/images/background_page13.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg14{
	background:url('/content/glossy/infrastructure/images/background_page14.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg15{
	background:url('/content/glossy/infrastructure/images/background_page15.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg16{
	background:url('/content/glossy/infrastructure/images/background_page16.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg17{
	background:url('/content/glossy/infrastructure/images/background_page17.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg18{
	background-image: none;
	background-color: #2CA1F4;
}
.infrastructure  #infra_bg19{
	background:url('/content/glossy/infrastructure/images/background_page19.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg20{
	background:url('/content/glossy/infrastructure/images/background_page20.jpg') no-repeat;
	background-size: 100%;
}
.infrastructure  #infra_bg21{
	background:url('/content/glossy/infrastructure/images/background_page21.jpg') no-repeat;
	background-size: 100%;
}

.infrastructure table {
	width: 100%;
}
.infrastructure table td {
	border-bottom: 1px solid #999999;
}
.infrastructure table thead th {
	text-align: center;
}
.infrastructure table tbody th {
	text-align: left;
	font-weight: normal;
}
.infrastructure table .highlight > td{
	font-weight: bold;
}
.infrastructure table .highlight > .forward {
	background-color:#C8DC68;
}
.infrastructure table .highlight > .eighteen {
	background-color:#4D8CC3;
}
.infrastructure table .highlight > .beyond {
	background-color:#91BFE7;
}
.infrastructure table .highlight > .total {
	background-color:#6A84C1;
}

.infrastructure dl > * {
	display: inline-block;
}
.infrastructure dl > dt {
	width: 10%;
}
.infrastructure dl > dd {
	width: 90%;
}

.infrastructure table > thead > tr > th.text-left {
	text-align: left;
}

/*
.infrastructure .double-underline > th, .infrastructure .double-underline > td {
	border-style: solid double;
}
*/
	
/*----AT A GLANCE---*/
.ataglance>.header{
	
}
	