body{
	background-color: #6a8890;
}

.smaller{
	font-size: 0.8em;
}

.alignCenter{
	text-align:center;
}

.gallery{
	margin-bottom: 10px;
}

.gallery .alignCenter{
	margin-bottom: 10px;
}

.header h1 a{
	color: #FFF;
	text-decoration: none;
}

#toTopButton{
	position: fixed;
	bottom: 20px;
	left: 20px;
	background-color: #032838;
	color: #FFF;
	padding: 5px;
	cursor: pointer;
	opacity: 0.8;	
}

h2{
	margin-bottom: 20px;
	font-size: 1.8rem;
}

.nav-link{
	background-color: #4e6873;
	color: #FFF;
	margin-bottom: 5px;
}

.active, .nav-link:hover, .nav-link:active{
	background-color: #97c1d4;
	color: #032838;	
}

.nav{
	width: 100%;
}

.navbar-toggler{
	margin-bottom: 10px;
	color: #FFF;
	background-color: #032838;
}


.siteTabs{
	padding-top: 5px;
	background-color: #6a8890;
}

.nav-tabs{
	border: 0;
}

.leftNav{
	background-color: #6a8890;
	padding-top: 20px;
}

.carouselText{
	background-color: rgba(3,40,56,0.8);
	padding: 5px;
	color: #FFF;
}

.carouselText a{
	color: #FFF;
	text-decoration: none;
	display: block;
}

.siteLinkActive{
	background-color: #032838 !important;
	color: #FFF !important;
	border: 0 !important;
	margin-bottom: 0;
}

.siteLink{
	color: #FFF;
	background-color: #6a8890;
	border: 0 !important;
	margin-bottom: 1px;
}

.siteLink:hover, .siteLink:active{
	border: 0px !important;
	background-color: #97c1d4;
	color: #032838;
}

.header{
	 background-color: #032838;
	 border-radius: 0;
	 margin-bottom: 0;
	 color: #FFF;
	 padding: 2rem 1rem;

}
.header h1{
	font-family: 'Rajdhani', sans-serif;
	color: #FFF;
	font-size: 3.5em;
	border-bottom: 3px solid #FFF;
	font-weight: bold;
}

#headerText{
	display: inline-block;
	vertical-align: middle;
	padding-top: 50px;
}

footer {
    color: #999;
    background-color: #032838;
	padding: 10px 0;
}

footer a{
	color: #FFF;
	text-decoration: none;
}

footer a:hover, footer a:active{
	color: #FFF;
	text-decoration: none;
}

.funderLogos{
	width:200px;
	margin-bottom: 10px;
	background-color: #FFF;
	padding: 5px;
}

.mainInner{
	background-color: #e7e3da;
	padding: 10px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.mainpage{
background-color: #e7e3da;	
}

#carouselExampleIndicators{
	margin-bottom: 10px;
}

#map{
	height: 600px;
}

.btn-outline-primary{
	background-color: #FFF;
	border-color: #97c1d4;
	color: #032838;
	
}

.btn-outline-primary:hover, .btn-outline-primary:active{
	background-color: #032838;
	border-color: #032838;
	color: #FFF;
}

.leaflet-popup-content .btn-outline-primary{
	margin-bottom: 5px;
}

.leaflet-popup-content h5{
	margin: 5px 0;
}

.leaflet-popup-content p{
	margin: 0;
}

#accentChart{
	font-size: 0.6em;
}

#accentChart table{
	background-color: #FFF;
}

#accentChart .btn{
	font-size: 0.6em;
}

#accentChart th{
	background-color: #032838;
}

#accentChart th, #accentChart td{
	text-align: center;
}

.table-hover tr:hover td{
	background-color: #97c1d4;
}

#chartOptions{
	margin: 10px 0;
}

#chartOptions .form-group{
	margin-right: 10px;
}

#chartOptions label{
	margin-right: 10px;
}

#rlTabs{
	margin-bottom: -4px;
}

#chartMain {
  background-color: #FFF;
  padding: 10px 10px 20px 10px;
  margin-top: 0;
  margin-left: 1px;
  margin-bottom: 10px;
}

.rlItem {
  border: 1px solid #6a8890;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px;
}

.btn-primary{
	background-color: #97c1d4;
	border-color: #97c1d4;
	color: #032838;
	
}

.btn-primary:hover, .btn-primary:active{
	background-color: #032838;
	border-color: #032838;
	color: #FFF;
}