html {
  height: 100%;
   overflow-y: scroll;
}
body {
  margin: 0;
  font-family: KievitProRegular, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 22px;
  height: 100%;
  color: #4C4C4C;
  background: url(images/bg2.png) #ebf6fc;
  background-repeat: repeat-x;
  /*    repeat-x #F3F0E */

}

@font-face {
  font-family: KievitProRegular;
  src: url('KievitWebPro-Book.eot');
  src: url('KievitWebPro-Book.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-Book.woff') format('woff'), url('KievitOffcPro-Book.ttf') format('truetype');
}
@font-face {
  font-family: KievitProBook;
  src: url('KievitWebPro-Book.eot');
  src: url('KievitWebPro-Book.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-Book.woff') format('woff'), url('KievitOffcPro-Book.ttf') format('truetype');
}
@font-face {
  font-family: KievitProMed;
  src: url('KievitWebPro-Medi.eot');
  src: url('KievitWebPro-Medi.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-Medi.woff') format('woff'), url('KievitOT-Medium.otf') format('opentype');  
}

@font-face {
  font-family: KievitProBld;
  src: url('KievitWebPro-Bold.eot');
  src: url('KievitWebPro-Bold.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-Bold.woff') format('woff'), url('KievitOffcPro-Bold.ttf') format('truetype');
}
@font-face {
  font-family: KievitProItal;
  src: url('KievitWebPro-BookIta.eot');
  src: url('KievitWebPro-BookIta.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-BookIta.woff') format('woff'), url('KievitOffcPro-Ita.ttf') format('truetype');
}

strong,
b {
  font-weight: normal;
  font-family: KievitProBld, Arial, Helvetica, sans-serif;
}
em,
i {
  font-style: normal;
  font-family: KievitProItal, Arial, Helvetica, sans-serif;
}

p {
    margin-top:.5em;
    margin-bottom:.8em;
}

h1,
h2
 {
  font-family: KievitProMed, Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height:40px;
  font-size:34px;
  color: #004A7C;
}

h3
 {
  font-family: KievitProBook, Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height:24px;
  font-size:24px;
  color: #004A7C;
}

a {
  color: #5E6362;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #FFD200;
  text-decoration: none;
}

.content-section a:hover, .content-left-nav a:hover, .landing-left-col a:hover, #secondary-navigation a:hover, .committee-bottom-nav a:hover 
, .content-section a:active, .content-left-sidebar a:active, .landing-left-col a:active , #secondary-navigation a:active {
  color: #005481;
  border-bottom: 1px solid #C0C2C1;
}

.content-section a {
  border-bottom: 1px solid #5E6362;
}

.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#wrapper {
	width: 1180px;
	margin: 0 auto;
	height: auto;
  	padding-top:10px;
  	background: url(images/ltbl_stripe.png) 890px 15px no-repeat white;
  
}
.container {
	max-width: 1040px;
	margin: 0 auto;
	padding-bottom: 156px;
}

.header {
	height: 120px;
	width: 100%;
	border-bottom: 1px solid #C0C2C1;
}

.logo {
	height: 91px;
	margin-top: 30px;
	position: relative;
	width:700px;
}

.logo img{
    border:0px;
}

.search-box {
	width: 220px;
	height: 27px;
	border: 2px solid #0D97D8;
	text-transform: uppercase;
	color: #0D97D8;
	float:right;
	font-size: 14px;
	margin-top: -36px;
}

.search-box p {
	margin: 2px 5px;
}

#content-left-col {
	width: 290px;
	float: left;
}

.no-bullet {
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}

ul.inner-nav {
    list-style-type: none;
    margin: 0;
	padding: 0;
}

.main-nav li, ul.inner-nav li, ul.committee-nav li {
	padding: 4px 0;
	color: #179BE5;
	text-transform: uppercase;
	font-family: KievitProBld;
	border-bottom: 1px solid #C0C2C1;
}

ul.committee-nav {
    margin: 10px 0 0;
    display: inline-block;
}
ul.committee-nav li {    
    float: left;
    width: 172px;
    text-align: center;
    color: #179BE5;
    border: 2px solid #179BE5;
    border-right-style: none;    
}

.committee-nav li.last{
    border-right-style: solid;
}

.committee-nav li a {    
    color: #179BE5;
}

.committee-nav li.active {
    background: #00a1e1;
}
#secondary-navigation .committee-nav li.active a {    
    color: white;
}

#content-right-col {
	width: 700px;
	margin-left: 40px;
	float: left;
}

.content-section{
	/*border-bottom: 1px solid #C0C2C1;*/
    padding: 0px 0 30px 0;
}

.content-section.secondary {
    border-top: 1px solid #C0C2C1;
}

.content-section h3 {
	margin-bottom: 4px;
}

.footer {
	background-image: url(images/footer-background.png);
	background-repeat: no-repeat;
	height: 156px;
	clear: both;
	position:relative;
    bottom:0;
	width: 1180px;
	background-color: #005581;
}

.footer-links {
	color: white;
	margin-left: 70px;
	padding-top: 52px;
	width: 600px;
	float: left;
}

.social-media {
	float:right;
	padding-top: 54px;
	margin-right: 61px;

}

.social-media a img {
    border:0px;
}


#ltbl_blue {

	background-image: url(images/ltbl_blue2.png);
    background-repeat: no-repeat;
    margin-left: 1004px;
    width: 465px;
    top: -90px;
    height: 755px;
    position: absolute;
    z-index: -1;
}

#ltbl_white {

	background-image: url(images/ltbl_white.png);
    background-repeat: no-repeat;
    margin-left: -290px;
    width: 465px;
    top: 340px;
    height: 755px;
    position: absolute;
    z-index: -1;
}


.chevron {
    font-family: KievitProRegular, Arial, Helvetica, sans-serif;
	display:inline-block;
	width:15px;	
	/*background: url(images/2XChevron.png) 2px 0px no-repeat;*/
	height:15px;
    position: relative;
    left: 10px;
    top: -1px;
    letter-spacing: -2px;
	
}

.chevron.active {
	
	/*background-image:url(images/2XChevron-down.png) ;*/
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* for IE8 */
    transform: rotate(90deg);
    -ms-writing-mode: tb-rl;
    -ms-transform: none;
    
    left: 10px;
    top: 6px;
    
}

form#site-search {
	float:right;
	margin-top:-36px;	
}

input.search-query {
	width: 220px;
    height: 27px;
    border: 2px solid #0D97D8;
    /*text-transform: uppercase;*/
    color: #0078A8; 
    float: right;
    font-size: 14px;
    font-family: KievitProRegular, Arial, Helvetica, sans-serif;
    padding:0px 5px;
}
::-webkit-input-placeholder { /* Chrome */
  color: #0D97D8;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #0D97D8;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #0D97D8;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #0D97D8;
  opacity: 1;
}


.whats-new.content-section h2 ,
.resources.content-section h2{
    margin-bottom:0.7em;
}

.whats-new h3 a {
	color:#004A7C ; 
    border-bottom: 0px;
}

.whats-new-button-container {
    position: relative;
}

.whats-new-slide-container {
    display: flex;
    justify-content: space-between;
}

.whats-new-slide {
    flex: 1;
    margin-right: 8px;
}

.whats-new-slide.carousel-last-visible {
    margin-right: 0;
}

.whats-new-slide.carousel-hide {
    display: none;
}

button.carousel-previous,
button.carousel-next {
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    height: 23px;
    min-width: 23px;
    position: absolute;
    top: 150px;
}
button.carousel-previous:hover,
button.carousel-next:hover {
    cursor: pointer;
}
button.carousel-previous {
    background-image: url('images/dark-blue-arrow-left.png');
    left: -45px;
}
button.carousel-previous:hover {
    background-image: url('images/light-blue-arrow-left.png');
}
button.carousel-next {
    background-image: url('images/dark-blue-arrow-right.png');
    right: -45px;
}
button.carousel-next:hover {
    background-image: url('images/light-blue-arrow-right.png');
}

img.resource-icon {
	width:48px;
	height:48px;
}

ul.resource-items {
	height:150px;
	margin:0;
	padding:0;
}

.resource-items li {
	list-style:none;
	width: 105px;
	float:left;
	text-transform: uppercase;
	text-align: center;
	margin-right:10px;
	font-size: 14px;
}

.resource-items li a , .resource-items li a:hover {
	text-decoration:none;
	border:0px;
    color: #5E6362;
}

ul.resource-items li img{
	margin: 0px auto 5px;
    display: block;
}
.footer-links ul{
	margin:0;
	padding:0;
}
.footer-links li {
	list-style:none;
	float:left;
	margin-left:2px;
}

.footer-links li a {
	color:white;
}
.footer-links .upper-line li a {
	font-weight: normal;
    font-family: KievitProBld, Arial, Helvetica, sans-serif;
}

.resource-items.item-5 li {
    width: 125px;
}

.resource-items.item-4 li {
    width: 160px;
}

.resource-items.item-3 li {
    width: 220px;
}

.content-section h1 {
    margin:20px 0 ;
}

.content-section h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 30px 0 0;
}

.content-left-nav li a {
    color: #179BE5;
    padding-left:20px;
    padding-top: 10px;
    display: block;
    height: 30px;
}

.content-left-nav li a:hover , 
.content-left-nav li.active a:hover, 
#secondary-navigation li a:hover , 
#secondary-navigation li.active a:hover {
    color: #005481;
    border:0px;
}


.content-left-nav li.active {
    /*background:url(images/bg-white.png) #00a1e1 0px 42px repeat-x*/
}
.content-left-nav li.active a {
    color:white;
    background: #00a1e1  ;
}

.content-left-nav li.sub{
    position: relative;
    left: 20px;
    width: 270px;
}
.content-left-nav li.active.sub a {
    background-color: #0077C2;
}

#content-left-col {
    margin-bottom:70px;
}


.whats-new.content-section IMG ,
.resources.content-section IMG{
    border: 0px;
}

.bio-photo img {
    width:150px;
}

#chair-bio.content-section h1{
    margin-bottom: 0px;
}

#chair-bio.content-section h2{
    text-transform: uppercase;
    font-size: 1.2em;
    margin: 0px 0px 15px;
    line-height: 1.2em;
}

/* Committees page special styling */

.content-section.committees .committee-listing h3 {
    color:#004A7C;
    margin-bottom: 19px;
    font-size: 28px;
    font-family: KievitProMed, Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    text-transform:none;
}

.committee-listing h2 {
    font-size: 33px;
}

.committee-listing a {
    border-bottom: none;
    color: #00A1E1;
    font-size: 24px;
    line-height: 1.1;
}

.committee-listing ul li ul li a {
    font-size:16px;
    /*color: #9DA6A5;*/
}


.committee-listing ul {
    list-style: none;
    padding:0px;
}

.committee-listing ul li {
    margin-bottom:1.5em;
}

.committee-listing ul li p {
    margin-top: .1em;
    margin-bottom: .5em;
}

.committee-listing ul li ul li {
    margin-bottom: 10px;
}
.committee-listing ul li ul li p {
    margin-left: 22px;
}

.committee ul li ul li {
    padding-left: 1em;
    text-indent: -1.4em;
    margin-top: 10px;
    margin-bottom: 0px;
}

.committee-listing ul li ul li:before {
   content: "\2014\a0" ; 
    padding-right: 5px;
}

/*** Default table ***/
th {
    font-family: KievitProBld;
    font-weight: normal;
    padding:5px;
    vertical-align:top;
}
tr:nth-child(2n+1){
    background-color: #f2f2f2;
    
}
tr.odd {
    background-color: #f2f2f2;
}
td{    
    padding:5px;
    vertical-align:top;
}

.upper-case {
    text-transform : uppercase;
}

.tblListing th {
     padding:10px 5px;
     text-align: left;
}
.tblListing td a {
    
}

.tblListing {
    width:100%;
}

.file-type, .file-type:hover {
    margin: 0 4px;
    border: 1px solid #5990ad;
    padding: 3px 3px 1px;
    font: normal 10px KievitProRegular, Arial, Helvetica, sans-serif;
    line-height: 11px;
    vertical-align: 1px;
    text-decoration: none;
}

.bylaw h3 {
    text-transform:uppercase;
    font-family: KievitProBld, Arial, Helvetica, sans-serif;
    font-size: 20px;
    
}


.content-section a , #secondary-navigation a, .committee-bottom-nav a {
    border-bottom: none;
    color: #00A1E1;
    color: #0077C2; 
}

table.no-background tr.odd {
    background:none;
}

#tblPastChairs th {
    text-transform:uppercase;
    font-family: KievitProBld, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #004A7C;
}

.skipnav { text-align: left; height:30px; }
.skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; color: #004A7C;font-family: KievitProBld, Arial, Helvetica, sans-serif;background-color: white; padding: 2px 10px; }
.skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; } 


.content-section.bylaws-regulations.secondary h4 {
    margin-bottom: 0px;
    margin-top:30px;
    font-family: KievitProBld, Arial, Helvetica, sans-serif;
    font-weight:normal;
}

#secondary-navigation {
    float: left;
    margin-top: 15px;
    width: 700px;
    margin-left: 40px;
}


.committee-bottom-nav {
    border-top: 1px solid rgb(192, 194, 193);
    padding: 20px 0px;
}

.committee-title {
    margin-bottom: 0px;
}

.content-section.committees h3,
.content-section.assembly h3,
.content-section.reports-recommendations h3{
    text-transform: uppercase;
    font-family: KievitProBld;
    font-size: 18px;
}

.content-section.committees ul.no-bullet {
    padding: 0px 0px 10px;
	margin-bottom: 10px;
}
ul.committee-nav.assembly li {
    width:auto;
    padding:5px 35px;
}

.content-section.bylaws-regulations h4 {
    font-family: KievitProBook, Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 20px;
    font-size: 20px;
    margin: 10px 0 0 0;
    color: #004A7C;
}

.content-section.bylaws-regulations h5 {
    color: #004A7C;
    font-weight: normal;
    font-family: KievitProBld,Arial,Helvetica,sans-serif;
    line-height: 16px;
    font-size: 16px;
    margin: 10px 0 0 0;
}
.content-section.bylaws-regulations ol , .content-section.bylaws-regulations .no-bullet li ul{
    margin-top: .5em;
    margin-bottom: .8em;
}

.content-section.bylaws-regulations li {
    margin: 0.2em 0;
}


/** Customization for Regulations items*/
.regulations ul li {
    text-indent: -38px;
    padding-left: 36px;
    padding-top:5px;
}

.regulations ul li p {
    text-indent: 0px;
}

.regulations ol li {
    text-indent: 0px;
    padding-left: 0px;    
}
.regulations ul li ol {
    padding-left: 20px;
}
.regulations ul li ol ol {
    padding-left: 40px;
}

.regulations ul.no-padding li {
    padding-top: 0px;
    text-indent: 0px;
    padding-left: 0px;
}

.regulations .place-holder {
    border-bottom: 1px dashed #888;
    padding: 0px 20px;
}
.regulations .place-holder.fixed-width {
    width: 100px;
    display: inline-block;
}
.regulations p.half {
    width:50%;
    text-align:center;
}

.regulations p.half.right {
    margin-left:50%;
}
.regulations div.r-wrapper {
    border: 1px solid #ccc; 
    width: 90%; 
    margin: 10px 0; 
    padding: 20px;
    text-indent: 0px;
}
.oja-recipients div.photo {
    float:left;
    width:150px;
}

.oja-recipients div.photo img {
    width:120px;
    border:1px solid #ccc;   
}

.oja-recipients div.oja-recipient-content {
    float:left;
    width:550px;
}

.oja-recipients  {
    
    margin: 10px 0 20px;
    margin-bottom: 20px;
    display: inline-block;
}

/** overwrite Google CSE theme ***/

.gsc-control-cse.gsc-control-cse-en, 
#content-right-col .gsc-control-cse .gsc-table-result {
    font-family: KievitProRegular, Arial, Helvetica, sans-serif;
}


#content-right-col input.gsc-search-button {
    font-family: KievitProBld;
    color: white;
    font-size: 16px;
    padding: 3px 10px;
    font-weight: normal;
    height: 30px;
}

#content-right-col table.gsc-search-box td.gsc-input {
    height: 30px;
}

td.gsc-table-cell-snippet-close {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

a.gs-title:hover {
    border-bottom: none;
}

.gsc-selected-option {
    font-family: KievitProBld;
    font-weight: normal;
}



.gsc-control-cse {
    background: none; 
}


#content-right-col .gsc-webResult.gsc-result {
    border: none;
	background: none; 

}

#content-right-col .gsc-control-cse tr {
    background: none !important;
}

#content-right-col .gsc-control-cse {
    background-color: transparent;
}

#content-right-col .gsc-tabHeader.gsc-inline-block.gsc-tabhActive {
    border-top-width: 2px;
    background-color: #eee;
}

#content-right-col .gsc-input input.gsc-input {
    height:25px;
}

/* Hiding Google CSE branding */
    /* Placeholder */
    
table.gsc-search-box input {
    background: none !important;
}

.gsc-search-box a, .gsc-search-box a:hover {
    border: none;
}

.gsc-search-box input::-webkit-input-placeholder { /* WebKit browsers  */
        color: transparent;
    }
.gsc-search-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
.gsc-search-box input::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
.gsc-search-box input:-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }

    /* Search Results */

.content .gcsc-branding {
    display:none;
}


/** accessibility fix 2020 **/

.content-left-nav li a:hover, .content-left-nav li.active a:hover, #secondary-navigation li a:hover, #secondary-navigation li.active a:hover {
    text-decoration: underline;
}

.content-left-nav li a {
    color: #005581;
}


.content-section a {
    border-bottom: 1px dotted #0077C2;
}

.content-section a:hover, content-section a:focus {
    border-bottom: 1px solid #0077C2;
}

.content-left-nav li.active a {
    color: #fff;
    background: #005481;
}

.content-left-nav li.active a:hover {
    color: #fff;
}

.committee-nav li.active {
    background-color: #005581;
}

ul.committee-nav li {
    border: 2px solid #005581;    
    border-right-style: none;
}

#secondary-navigation li.active a:hover {
     color:#fff;
}

/** END accessibility fix 2020 **/