@charset "UTF-8";
/* CSS Document */

body {
	
  		margin-bottom: 110px;
		background-color: white;
		color: #454851;	
}


.tab-pane {
	background: white;
}

.header {
		background-color: black;
}
.tab-content {
	background-color: white;
}

 
 #logo {
	 background-color: black;
	 color:#998675;
	 padding-top: 10px;
	
 }
 
 .acknowledgement {
	 color: black;
	 font-size: 14px;
	 font-family: 'Open Sans', arial, sans-serif;	
	 font-weight: bold;
 }


.row {
	padding-bottom: 40px;
}
 
a  {
	 color: #ccc2ba;
 }
 
a:hover, a:focus {
	color: #ad9e90;
}

.awhite a {
	 color: #2637bd;
	 text-decoration:underline;
 }
 
.awhite a:hover, #awhite a:focus {
	color: #19257e;
}

p  { 
	font-family: 'Open Sans', arial, sans-serif;	
	font-size: 16px;
}

h1  {
	text-align:center;
	font-family: 'Abel', "Times New Roman", sans-serif;
	font-weight: bold;
	color: #5b5046;
	}

h2 {
	text-align:center;
	padding-bottom: 15px;
	font-family: 'Abel', "Times New Roman", sans-serif;
	font-weight: bold;
	color: #5b5046;
}

h3 {
	text-align:center;
	font-family: 'Abel', "Times New Roman", sans-serif;
	font-weight: bold;
	color: #5b5046;
}

h4 {
	text-align:center;
	font-family: 'Abel', "Times New Roman", sans-serif;
	color: #5b5046;
	font-weight: bold;
}

h5 {
	text-align:center;
	font-family: 'Abel', "Times New Roman", sans-serif;
	color: #5b5046;
}

li {
	font-family: 'Abel', "Times New Roman", sans-serif;
	font-weight: bold;
	font-size: 18px;
}

.popup:hover {
	opacity: 0.9;
}

.xpad {
	padding-right: 30px;
}

/* tab styles */

.nav-tabs {
  border-bottom: transparent;
  /*background-color: #ad9e90;*/
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border-bottom: 1px solid transparent;
  border-radius: 0px 0px 0 0;
  color:  #ccc2ba;
  font-size: 16px;
  font-family: 'Open Sans', arial, sans-serif;	
}
.nav-tabs > li > a:hover {
  border-color: transparent;
  background-color: black;
  color: #ad9e90;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #ad9e90;
  cursor: default;
  background-color: black;
  border-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

html {
  position: relative;
  min-height: 100%;
}

/* sticky footer styles - must also modify margin-bottom under body if change height */

#footer {
  position: absolute;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 110px;
  background-color: black;
  padding-top: 30px;
  width: 100%;
}

/* modify button for next/previous */

.btn-primary {
  color: #5b5046;
  background-color: white;
  border-color: white;
  border: 2px solid white;
  font-size: 20px; 
}
 .btn-primary:focus,
.btn-primary.focus {
  color: black;
  background-color: white;
  border-color: transparent;
}
.btn-primary:hover {
  color: black;
  background-color: white;
  border-color: transparent;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: black;
  background-color: white;
  border-color: transparent;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: black;
  background-color: white;
  border-color: transparent;
}



.tab-pane {
	padding-top: 50px;
}