body {      
    color:#232323;      
    font-family: 'helvetica','arial',sans-serif;
    font-weight: 400;
    position: relative;
    background: #fff;
    font-size:17px;
    line-height:1.5em;
	height: 100%;
	min-height: 100%;
}
.skip-link {
position: absolute;
left: -9999px;
z-index: 999;
padding: 1em;
background-color: black;
color: white;
opacity: 0;
}
.skip-link:focus {
left: 50%;
transform: translateX(-50%);
opacity: 1;
}
tr {
	border-bottom: 1px solid #ddd;
}
table {
	table-layout: fixed;
}
#top-navigation .nav-button {
text-decoration: none !important;}
a {
color: #0f58b0;
text-decoration: none !important;
}

a:hover {
	color: #0f58b0;
	text-decoration: underline !important;
text-decoration-thickness: max(1px, .0625rem) !important;
text-underline-offset: .1em !important;
}

.navbar-header{
    float: none;
}
.share-temp #header{
    margin-bottom:45px;
}

#wrapper {
	margin-bottom: 100px;
}
/* Banner 
----------*/
#banner{
    background:#060644;
    height: 120px;
    margin:0;
    border: none;
}
#banner .navbar-brand{
    height:auto;
    margin-top: -6px;
	width: 285px;
}
#banner .navbar-brand img{
    width: 100%;
}
.navbar-collapse{
    padding-left:0;
    margin-left:0;
    padding-right: 0;
}
#banner .utility-nav{
    height:25px;
    position:absolute;
    right:0;
    top:0;
    font-size:15px;
}
#banner .utility-nav ul{
    display:block;    
    margin:5px 0;
}
#banner .utility-nav ul li{
    list-style-type:none;
	color:#fff;
    float:left;        
}
#banner .utility-nav ul li a{
    padding:0px 8px;
    color:#fff;    
    font-size:.875em;
}
#banner .row {
	margin-top: 10px;
}
#banner .navbar-brand {
  float: left;
  height: 86px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

#banner .navbar-default {
	margin-bottom: 0px;
}

#banner .top-panel {
	height: 120px;
}

/* END Banner */


/* Top Navigation 
------------------*/
#top-navigation{
	background-color: transparent;
    position:relative; 
    min-height: 100%;
    border: none;
    border-radius: 0;
	color:#FFFFFF;
	float: right;
}
#top-navigation ul{
    margin:0;
    padding:0;
    display: block;
    overflow: hidden;
    position: relative;
    height: 44px;
}
#top-navigation ul li{
    float:left;
    padding:0;
    margin:0;
}
#top-navigation ul li a{
    line-height:1em;
    font-weight:300;
    color:#fff;
    display: table-cell;
    padding: 14px; 
    height: 46px;
    vertical-align: middle;
    font-family: helvetica, arial, sans-serif;
}
#top-navigation ul li a:hover{
  text-decoration:none;
  background: #112e4c;
}

#top-navigation .nav-button {
	color: #ffffff;
	font-size: 15pt;
	white-space: nowrap;
	font-weight: 400;
	vertical-align: sub;
	margin-left: 15px;
}
#top-navigation .nav-button:hover{
	text-decoration: none;
}
#top-navigation .nav-container {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: .7fr 1.1fr 1.1fr .75fr .75fr .75fr;
}
#top-navigation .nav-main {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	border-bottom: none!important;
	text-decoration: none!important;
}
/* End Top Navigation/
/* Dropdown 
------------------*/
#dropdown .meetings-head {
	float: right;
	padding-right:40px
}

#dropdown .livestream {
	line-height: 35px;
	padding-left: 0px;
}
#dropdown .control-label {
	padding-right: 0px;
	padding-top: 7px
}
#dropdown .form-group {
	float: right;
	width:125px;
	margin-right:-45px;
}
#dropdown .form-control {
	width: auto;
	float:right;
}
/* End Dropdown 
*/
/* Footer 
------------------*/
#footer {
	background:#060644;
	min-height: 100px;
	margin:0;
	border: none;
	bottom: 0px;

}
#footer .navbar-brand{
    height:auto;
    margin-top: -6px;    
}
#footer .navbar-brand img{
    width:50%;
}
.navbar-collapse{
    padding-left:0;
    margin-left:0;
    padding-right: 0;
}


#footer .utility-nav {
	right:0;
	top:0;
	font-size:15px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	color:#fff;
}
#footer .utility-nav a{
	color:#fff;
}
#footer .ga-seal-bottom{
	float: right;
}
/* End Footer */

/* Mini Navigation 
------------------*/
#mini-navigation{
    background:#ceac53; 
    height: 10px;  
    border: none;
    border-radius: 0;
	color:#FFFFFF;
}
/* End Mini Navigation*/

/* Sub content
-------------------*/
#sub-content {
	margin-left: 15px;
	margin-right: 15px;
}
/* End Sub content*/

/* Meetings
-------------------*/
#meetings .datetime {
	width: 35% !important;
}
#meetings .group {
	width: 25% !important;
}
#meetings .materials {
	width: 40% !important;
}
#meetings ul {
	padding-inline-start: 15px;
}
#meetings li {
	color: #060644;
}
/* End Meetings*/

/* Documents
-------------------*/
#documents h1 {
	
	margin-bottom: 5px;
	color: #060644;
}
#documents h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #060644;
}
#documents h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #060644;
}
#documents h4 {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #060644;
}
#documents h5 {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #060644;
}
#documents h6 {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #060644;
}
#documents .document-type {
	color: black;
}

#documents .where-when {
	word-spacing: -4px;
}
/* End Documents*/

/* Responsive
----------------------- */
@media (max-width: 1200px) {
  .navbar-default {
    display: none !important;
  }
}
/* End Responsive*/

/* Reports
----------------------- */
@media (max-width: 1000px) {
	#reports .year {
		width: 25% !important;
	}
	#reports .link {
		width: 75% !important;
	}
}
@media (min-width: 1000px) {
	#reports .year {
		width: 7% !important;
	}
	#reports .link {
		width: 93% !important;
	}
}
/* End Reports*/

/* Index 
-------------------*/
#index p {
	margin: 15px 0px 0px 0px;
}

#index h2 {
	color:#060644;
}
#index h3 {
	color:#060644;
}

#index hr {
	border-color:#dddddd;
}

#index .rightBox {
	float:right;
	width:208px;
	padding:0;
	margin-right:10px;
	background:url(images/bg_right_box.gif) repeat-x #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	

}

#index .body {
	margin-top: 15px;
}
/* End Index */

/* Twitter 
-------------- */
#twitter p {
	margin: 10px 0px 0px 0px;
}
/* End Twitter */

.capitol-image {
	width: 100%;
}



#members h1 {

	color: #060644;
}
#members h2 {

	color: #060644;
}
#members h3 {

	color: #060644;
}
#members h4 {

	color: #060644;
}
#members h5 {

	color: #060644;
}
#members h6 {

	color: #060644;
}
#members ul {
	list-style-type: none;
	padding: 0px;
}
#members .member-header {
	color: #060644;
	font-size: 19px;
}

#groups h1 {

	color: #060644;
}
#groups h2 {

	color: #060644;
}
#groups h3 {

	color: #060644;
}
#groups h4 {

	color: #060644;
}
#groups h5 {

	color: #060644;
}
#groups h6 {

	color: #060644;
}
#groups ul {
	list-style-type: none;
	padding: 0px;
}
#groups .member-header {
	color: #060644;
	margin-bottom: 0px;
	margin-top: 8px;
	font-size: 19px;
}

#groups .member-header-mid {
	margin-top: 15px;
}

#groups li {
	margin-bottom: 8px;
}

@media (min-width: 1201px) {
	.mobile-menu {
		display: none;
	}
}

@media (max-width: 1201px) {
	.mobile-menu {
		height: 40px;
		width: 40px;
		float: right;
	}
}

.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 100%;
  position: absolute; 
  left: 100%; /* Stay in place */
  z-index: 1; /* Sit on top */
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.7); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: left 0.4s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  display: none;
}

.overlay-container {
	height: 100%;
	background: #060644;
	width: 75%;
	float: right;
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  /*top: 25%; *//* 25% from the top */
  width: 75%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  float: right;

}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 18px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  /*position: absolute;*/
  top: 20px;
  right: 45px;
  font-size: 60px;
  display: inline-block;
  width: 25%;
  line-height: 1.5;
  padding-left: 30px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

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

.overlay a {
	color: white;
	padding-left: 20px;
	font-size: 17px;
}

.overlay a:active {
	background: #142d71;
}

.overlay li {
	border-bottom: solid 1px white;
}

#banner a, a > span {
  position: relative;
  color: inherit;
  text-decoration: none;
  line-height: 44px;
}
#banner a:before, a:after, a > span:before, a > span:after {
  content: "";
  position: absolute;
  transition: transform 0.5s ease;
}

#banner .effect {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 5px;
  overflow: hidden;
}
#banner .effect:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #a2853a;
  transform: translateX(-101%);
}
#banner .effect:hover:before {
  transform: translateX(0);
}

#banner .active-effect:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #a2853a;
  transform: none !important;
}

#banner a.active-effect:before, a:after, a > span:before, a > span:after {
  content: "";
  position: absolute;
  transition: none !important;
}


@media screen and (max-width: 1000px) {
	#meetings td.datetime { 
		display:block; 
		width:100% !important;
		height: 100% !important;
		border-top: none !important; 
		border-bottom: none !important;
	}

#meetings td.group{ 
		display:block; 
		width:100% !important;
		height: 100% !important;
		border-top: none !important; 
		border-bottom: none !important;
	}

#meetings td.materials { 
		display:block; 
		width:100% !important;
		height: 100% !important;
		border-top: none !important; 
		border-bottom: none !important;
	}

	#meetings th {
		display: none;
	}

	#meetings .datetime:not(:empty):before {
		content: "Date \A";
		display: block;
		font-size: 17px;
		font-weight: 700;
	}
	
	#meetings .group:not(:empty):before {
		content: "Group \A";
		display: block;
		font-size: 17px;
		font-weight: 700;
	}
	
	#meetings .materials:not(:empty):before {
		content: "Materials \A";
		display: block;
		font-size: 17px;
		font-weight: 700;
	}
	
	#dropdown .livestream {
		line-height: 25px;
	}
	
	.no-header-mobile {
		height: 0 !important;		
	}

	#meetings .no-header-mobile {
		height: 0 !important;
		width: 100% !important;
		th {
			display: none;	
		}
td {
			display: none;	
		}
	}
}

#onlyDocuments ul {
	padding-inline-start: 15px;
	padding-bottom: 15px;
}
#onlyDocuments li {
	color: #060644;
}

/* Newsletter
----------------------- */
@media (max-width: 1000px) {
	#newsletter .year {
		width: 25% !important;
	}
	#newsletter .link {
		width: 75% !important;
	}
}
@media (min-width: 1000px) {
	#newsletter .year {
		width: 7% !important;
	}
	#newsletter .link {
		width: 93% !important;
	}
}
/* End Newsletter*/

.ignore-inline {
	width: 100% !important;
}
@media (min-width: 1000px) {
.bottom-pad-newsletter {
	margin-bottom: 450px !important;
}
}

@media (max-width: 1000px) {
.bottom-pad-newsletter {
	margin-bottom: 150px !important;
}
}

.header-with-dropdown {
display: grid;
grid-template-columns: 2fr 1fr;
margin-bottom: -10px;

.dropdown {
position: relative;

.meetings-head {
bottom: 0;
right: 5px;
position: absolute;
}

.form-group {
margin-bottom: 10px;
}
}
}

/*Start Press*/
@media (min-width: 1000px) {
	#press .year {
		width: 12% !important;
	}
	#press .link {
		width: 88% !important;
	}
}
#press .link::after {
		content: url('../images/icons/383-new-tab.svg');
		padding-left: 2px;
		filter: invert(22%) sepia(69%) saturate(2865%) hue-rotate(204deg) brightness(88%) contrast(88%);
	}

@media (max-width: 1000px) {
	#press .year {
		width: 20% !important;
	}
	#press .link {
		width: 80% !important;
	}
}
@media (max-width: 500px) {
	#press .year {
		width: 30% !important;
	}
	#press .link {
		width: 70% !important;
	}
}

/* Fix Safari tables overlaying data */
@media (max-width: 1000px) {	
	#meetings tr {
		height: fit-content !important;

		td.datetime {
			height: fit-content !important;
		}

		td.group {
			height: fit-content !important;
		}

		td.materials {
			height: fit-content !important;
		}

	}
}

/*Single space on meetings*/
#meetings p {
	margin:0;
}
#meetingsLink {
border-bottom: none!important;}
#groupsLink {
border-bottom: none!important;}
#membersLink {
border-bottom: none!important;}
reportsLink {
border-bottom: none!important;}
#newsletterLink {
border-bottom: none!important;}
pressLink {
border-bottom: none!important;}
a #reportsLink {
border-bottom: none!important;}
#top-navigation .nav-button {
border-bottom: none!important;}