/** JBG BASE DECEMBER 2020 *
 * redefinition of base elements.  
 * Many removed in lieu of using bootstrap 3.3.7 default redefinitions of bootstrap used instead
 * Many attributes also removed for bootstrap transition.
 * In development retained as aaa-Attribute 

div #bootstrap-wrapper .dcb-container .wrapper
  nav #nav_main .navbar .navbar-default .navbar-dcb .navbar-fixed-top
    div .container-fluid
      div #dcb-mobile-1 .navbar-mobile
        div #dcb-hamburger-mobile .dropdown .show-outline
          button ...
            i ...
          /button
        /div
      /div
      div #navbar-desktop .collapse .navbar-collapse
        ul ...
          div #hamburger .dropdown .show-outline
            button ...
              i ...
            /button
          /div
          div #mobile-search ...
          	...
          /div

        /ul
        ul .nav navbar-nav navbar-right
            ...
        /ul
      /div .navbar-collapse
    /div .container-fluid
  /nav

  div #row-top-section .container-fluid
    div #row-breadcrumbs .row
	/div
	div #row-logo .row .reader-mode
	  ... several skipped
	/div
  /dev
  div #row
    div #announce
  /div
  div #content-container .container-fluid
    div .row .mobile-log
      ...
    /div
    div .row
      div #sidebar .col-xs-12 .col-sm-4 .col-lg-3 .col-xl-2 .content-left .reader-mode
        div #sidebar-inner
            ...
        /div
      /div #sidebar
      div #content-area .col-xs-12 .col-sm-8 .col-lg-9 .col-xl-10 .content-area
      /div
    /div .row 
  /div #content-container
/div #bootstrap-wrapper

*/
/* for_ckeditor.css 0 */
a {
    text-decoration: none;
    color: #990000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 300;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    -ms-transition: color .2s linear;
    transition: color .2s linear;
}
a:hover {
    color:#ffcc99;
}

/* for_ckeditor.css 1 */

/*
	start file file jquery-toast.css
	added to top so it does not override any of jb works
*/
        iframe {
            display: block;
            margin: 25px auto;
        }

        .jq-toast-wrap, .jq-toast-wrap * {
            margin: 0;
            padding: 0
        }

        .jq-toast-wrap {
            display: block;
            position: fixed;
            width: 250px;
            pointer-events: none !important;
            letter-spacing: normal;
            z-index: 9000 !important
        }

        .jq-toast-wrap.bottom-left {
            bottom: 20px;
            left: 20px
        }

        .jq-toast-wrap.bottom-right {
            bottom: 20px;
            right: 40px
        }

        .jq-toast-wrap.top-left {
            top: 20px;
            left: 20px
        }

        .jq-toast-wrap.top-right {
            top: 20px;
            right: 40px
        }

        .jq-toast-single {
            display: block;
            width: 100%;
            padding: 10px;
            margin: 0 0 5px;
            border-radius: 4px;
            font-size: 12px;
            font-family: arial, sans-serif;
            line-height: 17px;
            position: relative;
            pointer-events: all !important;
            background-color: #444;
            color: #fff
        }

        .jq-toast-single h2 {
            font-family: arial, sans-serif;
            font-size: 14px;
            margin: 0 0 7px;
            background: 0 0;
            color: inherit;
            line-height: inherit;
            letter-spacing: normal
        }

        .jq-toast-single a {
            color: #eee;
            text-decoration: none;
            font-weight: 700;
            border-bottom: 1px solid #fff;
            padding-bottom: 3px;
            font-size: 12px
        }

        .jq-toast-single ul {
            margin: 0 0 0 15px;
            background: 0 0;
            padding: 0
        }

        .jq-toast-single ul li {
            list-style-type: disc !important;
            line-height: 17px;
            background: 0 0;
            margin: 0;
            padding: 0;
            letter-spacing: normal
        }

        .close-jq-toast-single {
            position: absolute;
            top: 3px;
            right: 7px;
            font-size: 14px;
            cursor: pointer
        }

        .jq-toast-loader {
            display: block;
            position: absolute;
            top: -2px;
            height: 5px;
            width: 0;
            left: 0;
            border-radius: 5px;
            background: red
        }

        .jq-toast-loaded {
            width: 100%
        }

        .jq-has-icon {
            padding: 10px 10px 10px 50px;
            background-repeat: no-repeat;
            background-position: 10px
        }

        .jq-icon-info {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
            background-color: #31708f;
            color: #d9edf7;
            border-color: #bce8f1
        }

        .jq-icon-warning {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
            background-color: #8a6d3b;
            color: #fcf8e3;
            border-color: #faebcc
        }

        .jq-icon-error {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);
            background-color: #a94442;
            color: #f2dede;
            border-color: #ebccd1
        }

        .jq-icon-success {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
            color: #dff0d8;
            background-color: #3c763d;
            border-color: #d6e9c6
        }

        .hidden {
            display: none;
        }

        span.k {
            display: inline-block;
            width: 175px;
        }

        span.c {
            color: #F7BCBC;
            padding-left: 30px;
        }

        .plugin-options label {
            display: inline-block;
            width: 265px;
        }

        span.toast-position span.k {
            display: inline;
        }

        .toast-index .muted {
            display: block;
            color: #AD9D9D;
        }

        .toast-index .muted:hover {
            color: #333;
        }

        .latest-update {
            padding: 0px 30px;
            border: 1px dashed;
            margin: 30px 0;
            box-sizing: border-box;
        }

/*
	end file jquery-toast.css
*/

/* separated body into two sections because ckeditor and from ckeditor so this does not get into for_ckeditor */
body {
	padding-top: 60px;
}


a img {
    border:0;
}

p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 12px;
    line-height: 1.5em;
}

article h1, .content-area h1 {
	margin-top: 0px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

article h1 {
    text-align: center;
}

/* ================================================================================ */
/* J BEADLE CSS APRIL 4 2019 */

/* Box Shadow on buttons have been removed*/


/* BACK TO TOP BUTTON */

#button {
  display: inline-block;
  background-color: #990000;
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 2px;
  border: 1px #ffffff solid;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-size: 1em;
  line-height: 36px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
  text-decoration: none;	

}


/* JB JUNE 8 20 */

#button-left {
  display: inline-block;
  background-color: #990000;
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 2px;
  border: 1px #ffffff solid;
  position: fixed;
  bottom: 60px;
  left: 3%;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button-left::after {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-size: 1em;
  line-height: 36px;
  color: #fff;
}
#button-left:hover {
  cursor: pointer;
  background-color: #333;
}
#button-left:active {
  background-color: #555;
}
#button-left.show {
  opacity: 1;
  visibility: visible;
  text-decoration: none;	
}


.navbar-right .fa-lg {
	color:#ffffff;
	margin-right: .75em;
	vertical-align: -50%;
}

.dcb-pills.nav-pills.nav-stacked .dcb-image-panel div.see-all a {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.85;
	text-transform: uppercase;
}

.pager li>a, .pager li>span {
	border-radius: 1px;
}

.share-this {
	margin:0;
	padding:0 0 2em;
}

.disclaimer  {
	padding: 1em;
	
}

.disclaimer p {
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border-top: #dcddde solid 1px;
	padding: 1em 0 0;
}

hr.base {
  border-top: 2px solid #990000;
}
#welcome h2 {
	margin-top: 0;
	color: #990000;
}
#welcome h2 a {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.outline {
	text-transform: uppercase;
}

.stupid-ruler {
	margin: 1em 0 2em;
}
.btn-default {
	color:#333333;
	border-radius:2px;
	padding:6px 12px;
}
.btn-default a {
	color:#990000;
}
.navbar-right .fa-lg:hover {
color: #ffcc99;		
}

.bio-list {
	margin:2em 0;
	padding:4px;
	border-top: #990000 2px solid;
}
.bio-list  a {
	padding-left: 0;
}

.related-content {
	margin: 2em 0;
}
.related-content h4 {
	margin-left: 12px;
	font-weight: 400;
	text-transform: uppercase;
}
.carousel-control.right, .carousel-control.left {
background-image: none;
}


.carousel-bio {
	border-radius: 2px;
	background-color: #fff;
	border: none;
	transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
    min-height: 100px;
    margin-top: 20px;
    color: #990000;
	margin:2em 0;
}


#citations h4 {
    border:none;
	margin: 0 0 8px;
	font-size: 14pt;
}

hr.primary{
	border-top:1px solid #990000;
	margin:10px 0;
}

/*
.citation td {
	padding: 4px;
}
.citation {
	padding-bottom: 1em;
}
*/
.affix {
	/*min-width: 13.5%;*/
}

.sidebar{
    will-change: min-height;
}

.sidebar__inner{
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}
.glyphicon {
	top:0;
}
.panel {
	border:none;
}

.text-primary {
	color:#990000;
}

.intro {
	padding:0 1em;
	margin:0 0 2em;
}
.intro h3 {
	margin-top: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.dropdown {
	float:left;
}
.dropdown button {
	color:#fff;
	background-color: #990000;
	border:none;
	padding:9px;
	font-size: 14px;
	line-height: 20px;
}

.dropdown-menu {
	padding:10px 16px 30px;
	border:1px #dcddde solid;
	box-shadow: none;
	border-radius: 2px;
	min-width: 345px;
}

.dropdown-menu li {
	padding:4px 8px;
	font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	color:#990000;
}

.dropdown-menu li a {
	padding:4px 8px;
	font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	color:#990000;
}
/* jtk-2020-01-a made not visible */
#hamburger {
	display:none;
}
#hamburger li a  {
	background-color: #fff;
    color: #990000 !important;
	padding:8px 0;
	border-bottom: #990000 1px solid;
}

#hamburger li a:hover  {
	background-color: #fff;
    color: #ffcc99 !important;
	padding:8px 0;
}


#nav-search {
	margin-left: 0px;
	margin-right: 15px;
	padding-left: 0px;
	padding-right: 15px;
}
#nav-search {
	margin: 20px 16px;
	padding: 8px 10px;
	width: 70%; /* safe fallback */
	height: auto;
	border:solid 1px #dcddee;
	border-radius:2px;
}

#nav-search_go {
    float: right;
	margin-top: 20px;
	margin-right: 15px;
    width: 50px;
    x-font-size: 24px;
    x-height: 36px;
    font-weight: 400;
    x-text-transform: uppercase;
    background-color: #990000;
    color: #FFF;
    border-radius: 2px;
    border: 1px solid #660000;
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);*/
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding:10px 12px;
}
#nav-search_go:hover {
    color:#ffcc99;
}

#nav-search {
	margin-right: 0px;
}


.navbar-brand {
	display: none;
}
#mobile-search {
	display:none;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #990000;
  border-color: #990000;
}

.sidebar-french-home {
	margin:20px 0;
}

.btn-primary {
	background-color: #990000;
	color:#fff;
	border-radius: 1px;
	text-transform: uppercase;
	border:1px solid #fff;
	padding:10px 12px;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #ffcc99;
  background-color: #990000;
  border-color: #fff;
}
.btn-primary:hover {
  color: #ffcc99;
  background-color: #990000;
  border-color: #fff;
}
.btn-primary:active {
  color: #ffcc99;
  background-color: #990000;
  border-color: #fff;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	border-radius: 2px;
}

.pagination>li>a, .pagination>li>span{
	font-size: 16px;
	color:#990000;
}
.pagination>li>a, .pagination>li>span {
	height: 2.25em;
	vertical-align: middle;
}

.col-theme-white .button  {
	background-color: #990000;
	text-transform: uppercase;
	color:#ffffff;
	padding: 8px 16px;
	border-radius: 2px;
	margin:0 0 2em 15px;
}

#owl-buttons a:hover {
    color:#ffcc99;
	text-decoration: none;
}

/* END JBG CSS*/


/* ================================================================================ */
/** utility classes -- floating left inset area*/
div.left, img.left {
    aaa-float: left;
    aaa-margin-right: 16px;
    aaa-margin-bottom: 10px; 
}
.inset-area {
    width: 200px;
	float: left;
	margin: 0px 20px 20px 0px;
	padding: 0px;
    border: 1px solid #666;
	text-align: center;
}

.button {
	display: inline-block;
	background: #990000;
	/*border: 1px solid rgba(102,0,0,0.15);*/
	border-radius: 2px;
	/*box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 1px rgba(0,0,0,0.3), 0 0 2px 0 rgba(0,0,0,0.2);*/
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-decoration: none;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 12px 0 0;
	padding: 6px 12px 6px 12px;
	font-weight: 400;
}

.button:hover {
    color: #ffcc99;
}
.button a {
    color: white;
}

.no-border {
    aaa-border:none;	
}


/* ================================================================================ */
/** breadcrumbs row */
#row-breadcrumbs {
	background-color: white;
	padding: 4px;
	font-size: 14px;
}



/* ================================================================================ */
/** NEW right-side nav menu */
#content-right {
	min-height: 40px;
}
#content-area {
	aaa-padding-left: 120px;
	
}

/* ================================================================================ */
/** useful bootstrap 4 moved to here */
.align-bottom {
    vertical-align: bottom !important;
}

/* ================================================================================ */
/** navbar overrides of bootstrap defaults */
/** w top navigation SHARE */

.navbar {
	min-height: 40px;
}
.navbar-brand {
	height: auto;
	min-height: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/** Main top navigation SHARE */
.navbar-dcb {
    font-size: 14px !important;
	border: none;
	border-radius: 0;
    background-color: #990000;
    margin-bottom: 20px;
	font-weight: 300;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	x-font-variant: small-caps;
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-o-transition: color .3s linear;
	-ms-transition: color .3s linear;
	transition: color .3s linear;
	/* JB ADDED EXTRA PADDING TO COMPENSATE FOR STATIC NAV BAR */
	padding: 8px;
}
.navbar-dcb li a, .navbar-dcb .navbar-brand, .navbar-brand a { 
	padding: 10px 15px;
}
.navbar-dcb li a, .navbar-dcb .navbar-brand, .navbar-dcb .navbar-spacer {
	background-color: #990000;
    color: #ffffff !important;
}
.navbar-dcb li a:hover, .navbar-dcb .navbar-dcb .navbar-spacer{
    color: #ffcc99 !important;
}

/** sidebar shared properties */
.navbar-sidebar, .navbar-sidebar ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
    overflow: auto;
}

/* ================================================================================ */
/** header tools menu */

.navbar-tools li a {
    color: #990000;
	padding: 5px;
}
.navbar-tools {
	margin-top: 10px;
	background-color: white;
	border: 0px solid white;
}

#tools {
	margin-right: 25px;
}

/* ================================================================================ */
/** header search menu */

/* JB DECEMBER 21, 2020*/

#simple-search {
	margin: 0;
	padding: 0.25em 2.5%;
	width: 92%; /* safe fallback */
	width: calc(95% - 60px);
	height: auto;
	border:solid 1px #dcddee;
}
/* JB JAN 15 2020 */

#search_go {
    float: right;
    width: 50px;
    x-font-size: 24px;
    x-height: 36px;
    font-weight: 400;
    x-text-transform: uppercase;
    background-color: #990000;
    color: #FFF;
    border-radius: 2px;
    border: 1px solid #990000;
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);*/
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding-bottom:4px;
}
#search_go:hover {
    color:#ffcc99;
}

#search {
	margin-right: 0px;
}
.simple-input {
}

/* ================================================================================ */
/** NEW left-side nav menu */
.nav-left, .nav-left, .nav-left-red {
	padding: 20px;
    background-color: #f3f4f4;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
    background: -moz-linear-gradient(top, #fff, #f3f4f4);
    background: -webkit-linear-gradient(top, #fff, #f3f4f4);
    background: -ms-linear-gradient(top, #fff, #f3f4f4);
    background: -o-linear-gradient(top, #fff, #f3f4f4);
    color: #990000;
    border: 1px solid #dcddde;
}
.nav-left li, .nav-left li a, .nav-left-red li, .nav-left-red li a {
    font-size: 16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;
    color: #990000;
}
.nav-left li, .nav-left-red li {
	margin: 0px;
	padding: 0px;
	width:100%;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -o-transition: color .3s linear;
    -ms-transition: color .3s linear;
    transition: color .3s linear;
}
.nav-left li a, .nav-left-red li a {
	padding: 4px 4px 14px 0px;
	margin: 0px;

}
.nav-left li.nav-indent-1, .nav-left-red li.nav-indent-1 {
    list-style-type: square;
}

.nav-left {
    aaa-margin-bottom: 24px; /* my base */
    border-radius:4px;
    aaa-padding: 24px;
}
.nav-left ul {
    list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
    display: list-item;
}
.nav-left ul li ul {
    list-style-type: square;
	aaa-margin-left: 2em;
}
.nav-left li a:hover {
    color: #666;
}
.nav-left li a:visited {
    color:#736773;	
}
.nav-left li a {
    font-weight: 300;
    aaa-line-height: 24px;
}
.nav-left ul li ul li {
    aaa-margin-left: 1em;
    text-transform: none;
}
.nav-left ul {
    list-style-type: none;
}
article.nav-left li {
    aaa-line-height: 24px;
    aaa-margin-bottom: 6px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #f3f4f4;
    aaa-padding-bottom: 6px;
	aaa-width:100%;
	aaa-padding: 0px;
	aaa-margin: 0px;
}

/* ================================================================================ */
/** SOCIAL SHARE */

.navbar-share {
	width: 100%;
	margin: 0px;
	padding: 20px 20px 0px 20px;
	background-color: white;
	border-width: 0px;
}
.navbar-share ul {
	margin: 0px;
	padding: 0px;
}
.navbar-share ul li {
    margin-right: 14px;
}
#navbar-share-fbshare {
	margin-top: -4px;
}

.navbar-share ul {
}



/* ================================================================================ */
/** sidebar formatters: red, white and grey shared properties */

.dcb-generic-sidebar {
	padding: 4px 0px 12px;
	/*width: 100%;*/
	border-radius: 2px;
    aaa-clear: right;
    aaa-width: 250px;
    aaa-min-height: 40px;
    aaa-float: left;
    aaa-border-radius: 4px;
    aaa-margin-top: 0;
    aaa-margin-bottom: 24px;
    aaa-position: relative;
	margin-bottom: 2em;
}

.dcb-generic-sidebar a {
    font-size: 14px;
    font-weight: 700;
}
.dcb-generic-sidebar h2 a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 300;
    font-size: 24px;
    aaa-text-transform: inherit;
}
.dcb-generic-sidebar .list-group, .dcb-generic-sidebar .list-group-item, .dcb-generic-sidebar .panel {
	background-color: transparent;
}

.dcb-generic-sidebar .list-group-item {
	background-color: transparent;
	padding-bottom: 3px;
	padding-top: 3px;
}


/** sidebar formatters: red, white and grey colour-specific properties */
.col-theme-grey {
    /* fallback */
    background-color: #fff;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff, #f3f4f4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff, #f3f4f4);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fff, #f3f4f4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff, #f3f4f4);
    color: #990000;
    border: 1px solid #dcddde;
}

.col-theme-grey a, .col-theme-grey a:visited, .col-theme-grey a:link, .col-theme-grey p {
    color: #990000;
}

.col-theme-grey a:hover {
    color:#666;
}

.col-theme-grey ul li {
	border-bottom: 1px solid #990000;
}

.col-theme-red * {
    background-color: #990000;
    color: #ffffff;
}
.col-theme-red {
    border: 1px solid #dcddde;
    background-color: #990000;
    color: #ffffff;
}

.col-theme-red a, .col-theme-red a:visited, .col-theme-red a:link, .col-theme-red p {
    background-color: #990000;
    color: #ffffff;
}
.col-theme-red a:hover {
    color:#ffcc99;
}
.col-theme-red ul li {
	border-bottom: 1px solid #ffffff;
}

.col-theme-white {
    background-color: #ffffff;
    border: 1px solid #dcddde;
    color: #990000;
	margin-bottom: 2em;
}
.col-theme-white a, .col-theme-white a:visited, .col-theme-white a:link, .col-theme-white p {
    background-color: #ffffff;
    color: #990000;
}
.col-theme-white a:hover {
    color:#666;
}

/* JB JAN 10 2020 */
.col-theme-white ul li {
	border-bottom: 1px solid #990000;
}


.feed-item-sidebar .feed-item-image img {
    aaa-margin-left: 68px;
}
.sidebar-caption a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
	line-height: auto;
}


/** one-column general formatters */
.one-col-right {
    font-size: 16px;
    color: #990000;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 20px;
    padding-top: 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.one-col-right p {
    color:#333;
}
.one-col-right a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 500;
    text-decoration: underline;
}
.one-col-right a:hover {
    color:#333;	
}
.one-col-right a:visited {
    color:#736773;	
}



/** citation styles */

.permalink-small {
	font-size: 80%;
}

/** JB Jan 15 2020 */ 
.permalink {
	/* jtk-2020-01-a removed block, screwed up citation
	display: block;
	*/
	/*word-break: break-all;*/
	color: #990000;
}

.article div.image-container img {
	margin-left: auto;
	margin-right: auto;
}
.article div.image-container img {
	margin-left: auto;
	margin-right: auto;
}
.article div.image-container p {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div.image-container {
    /*text-align: center;*/
	width: 100%;
}
div.image-container img {
	display: block;
	/*margin: auto;*/
}

div.image-container h2 {
    aaa-font-family: Verdana,Arial,Helvetica,sans-serif;
    aaa-margin: 0;
    aaa-border: 0 solid black;
    aaa-padding: 0.25em 0 0 0;
    aaa-font-size: 12pt;
    aaa-font-weight: 400;
    aaa-text-align: center;
}
div.image-container .image-caption {
    aaa-width: 200px;
    aaa-height: auto;
    aaa-max-height: 120px;
    aaa-display:block;
    aaa-overflow: auto;
}
div.image-container p {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 1em;
    font-size: 10pt;
    line-height: normal;
}
div.image-container p:first-child {
    aaa-border-top: 1px solid #900;
}
div.image-container p a {
    aaa-font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height: normal;
    font-size: 8pt;
    aaa-font-family: Verdana, Arial, sans-serif;
}

div.image-container img {
    cursor: pointer;
}



/** carousel overrides default bootstrap carousel **/
.carousel {
	aaa-width: 560px;
	aaa-height: 250px;
	border-radius: 4px;
	background-color: #fff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
	background: -webkit-linear-gradient(top, #fff, #f3f4f4);
	background: -moz-linear-gradient(top, #fff, #f3f4f4);
	background-image: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(243, 244, 244));
	background: -ms-linear-gradient(top, #fff, #f3f4f4);
	background: -o-linear-gradient(top, #fff, #f3f4f4);
	border: 1px solid #dcddde;
	aaa-white-space: nowrap;
	aaa-position: relative;
	aaa-margin: 0 auto 0 auto;
	aaa-padding: 18px;
	transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
    min-height: 100px;
    margin-top: 20px;
    aaa-margin-bottom: 20px;
    color: #990000;
}
.carousel .item-details .thumbnails img {
	height: 200px;
}
.carousel .thumbnails {
	padding: 10px;
}
.carousel .thumbnails .thumbnail {
	margin-bottom: 10px;
}
.carousel p {
	text-align: center;
	height: 50px;
	overflow: hide;
}




.dcb-pills .list-group-children {
	margin-bottom: 2px;
	margin-left: 10px;
}
.dcb-pills.nav-pills.nav-stacked li, .dcb-pills.nav-pills.nav-stacked li a {
	font-size: 18px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 300;
}

.dcb-pills.nav-pills.nav-stacked li ul li {
	padding: 12px 16px 0;
	margin-top: 0px;
	border-top-width: 0px;
	border-top-style: solid;
	background-color: transparent;
}

.dcb-pills.nav-pills.nav-stacked li ul li, .dcb-pills.nav-pills.nav-stacked li ul li a {
	font-size: 16px;
	font-weight: 300;
}

/* jtk-2020-01-b moved revision click formatter to here as the above was overriding it. */
.dcb-pills.nav-pills.nav-stacked li ul li a.revision-click {
	font-weight: 900;
}



.lightbox {
	padding:0 2em;
	margin:2em 0;
	border:1px solid #dcddde;
}

.lightbox h2 {
	color:#990000;
	font-size:28px;
	font-weight:400;
	margin:1em 0;
}



.mobile-logo img, .mobile-logo p {
	display:none;
	
}

/* END JB DECEMBER 19 2019 */


#related-content-right li.list-group-item {
	padding: 5px 10px;
}
/** general page-structure IDs and classes */

#bootstrap-wrapper {
	aaa-margin-top: 16px;
	margin: 0px;
	padding: 0px;
	height:100%;
	width:100%;
}

/* jtk-2020-01-a */

/* JB JAN 15 2020 */
/* for_ckeditor.css 0 */
#content-container p a, #content p a {
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* jtk-2020-01-a */
#content-container p a:hover, #content p a:hover {
    text-decoration: underline;
}

#content section {
    aaa-clear:both;
    aaa-position: relative;
    aaa-width: 600px;
}
#content {
    aaa-position: relative;
}

#content h1 {
	margin-top: 0px;
	text-align: center;
}
/* for_ckeditor.css 1 */


/** results.css specific classes, 
 *  re-used or html element-level modifications retained in results.css 
 *  reason: moved from page-specific file to facilitate maintenance by designer 
 **/

/* jtk 9-apr-2019 most facet-specific abandonded for bootstrap/standard formatting */
.facet-panel {
}
#facets {
}
#facet-settings div {
}
#facet-count {
    margin-left: 10px;
}

.facet-section ul {
    list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.facet-section ul li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}


.search-row {
	border: solid 1px #dcddde;
    border-top-width: 1px;
	border-bottom-width: 0px;
    color: #333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1em;
    overflow: hidden;
    padding: 12px;
    position: relative;
    width: 100%;
}

.search-row:nth-child(even) {
}
.search-row:nth-child(odd) {
    /* fallback */
    background-color: #fff;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff, #f3f4f4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff, #f3f4f4);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fff, #f3f4f4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff, #f3f4f4);
}
.search-row-dupes {
line-height: 1.25em;
font-size: 12px;
}


div.search-ruler {
    margin-top: -3px;
    margin-right: 0px;
    float: right;
}
.search-ruler {
    width: auto;
    float: right;
}

.search-name, .search-snippet, .search-volume, .search-author {
    margin-left: 110px;
}
.search-snippet {
    margin-top: 4px;
    font-size: 12px;
}
.search-control {
    height: auto;
}
.search-control div {
    float: left;
    margin: 0 12px 0 0;
    height: 18px;
    padding: 2px;
    vertical-align: baseline;
    font-size: 15px;
}
.search-control div div {
    padding: 0px;
    height: auto;
    vertical-align: inherit;
}

.search-control div div a {
    font-size: 15px;
    display: inline-block;
    margin-top: -3px;
}

.search-image {
    width: 100px;
    float: left;
}

.search-row a {
    text-decoration: none;
    color: #990000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 300;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    -ms-transition: color .2s linear;
    transition: color .2s linear;
}

.search-row a:hover {
    color: #000;
}

.search-row a:visited {
    color: #736773;
}

#search-refine {
    aaa-clear: both;
}


/* for_ckeditor.css 0 */
.highlight {
    background-color: #ffcc99;
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 1px;
    padding-left: 3px;
}
/* for_ckeditor.css 1 */


/** customization required for war of 1812 special project */
.search_results div ul li {
    padding: 0px 0px 10px 10px;
}

/* JB JAN 10 2020 */

#col-logo img {
	height: 80px;
	padding-left: .5em;
	padding-top: 0;
}


/** carousel classes */
.carousel p a, .carousel p {
	font-size: 12px;

}
.carousel ul {
    list-style-type: none;
}
.item, .dcb-carousel-image {
	width: 100%;
	text-align: center;
}
.dcb-carousel-image img{
	margin-left: auto;
	margin-right: auto;
}
.dcb-carousel-caption h3 {
	max-width: 30em;
	margin-left: auto;
	margin-right: auto;
}
.dcb-carousel-caption p {
	min-width: 20em;
	max-width: 30em;
	margin-left: auto;
	margin-right: auto;
}

.dcb-pills.nav-pills.nav-stacked {
	padding-left: 0em;
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style-type: none;
}

.dcb-pills.nav-pills.nav-stacked li {
	width: 100%;
	line-height: 1.25em;
	padding: 12px;
	border: 0px;
	margin-top: 0px;
	brxtux-border-top-width: 1px;
	brxtux-border-top-style: solid;
}
.dcb-pills.nav-pills.nav-stacked li a {
	border: 0px;
}
.dcb-pills.nav-pills.nav-stacked li ul {
	list-style-type: none;
}

#panelSpecialProjects ul li {
	padding-bottom: 6px;
}
.dcb-pills.nav-pills.nav-stacked li ul li ul li {
	margin-top: 0px;
	margin-left: 6px;
	padding-left: 0px;
	padding-right: 0px;
	/*list-style-type: square;*/
	width: calc(100% - 24px);
	line-height: 140%;
}

.dcb-pills.nav-pills.nav-stacked .active a {
    /*border-bottom: #990000 double;*/
	font-weight: 700;
	font-size: 125;
	border-bottom: 2px solid #990000;
}
.dcb-pills.nav-pills.nav-stacked li:first-of-type {
	border: 0px;
}
ul.dcb-pills.nav-pills.nav-stacked li {
}
ul.dcb-pills.nav-pills.nav-stacked li a {
	display: block;
}
.dcb-pills.nav-pills .accordion-toggle:after, .accordion-toggle h4 .icon:before {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
}
.dcb-pills.nav-pills .accordion-toggle.collapsed:after, .accordion-toggle.collapsed h4 .icon:before {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.dcb-pills.nav-pills a.accordion-toggle[aria-expanded="true"]:after, a.accordion-toggle[aria-expanded="true"] h4 .icon:before {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
}
.accordion-toggle div.icon {
	float: right;
}

.dcb-panel .panel-body {
	padding: 8px 16px 8px;
	font-size: 16px;
	line-height: 1.3em;
}
.dcb-panel .panel-body div {
	font-size: 24px;
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 1em;
}
.dcb-panel .panel-body div:last-of-type {
	margin-bottom: 0em;
}
.dcb-panel .panel-body div a {
	border: none;
}
/** two-column general formatters */

.column-section {
    border-radius: 2px;
    zzz-aaa-margin: 20px 30px;
    zzz-aaa-border: 1px solid #660000;
	zzz-aaa-border-top: 2px solid #990000;
    zzz-aaa-padding: 24px;
    min-height: 100px;
}
.column-section ul li {
	border: 0px;
}
.column-section p {
    zzz-aaa-color:#fff;
}

.column-section a {
    zzz-aaa-color: #fff;
    font-size: 14px;
    font-weight: bold;
    zzz-text-transform: uppercase;
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0.5em;
}

.column-section a:hover {
    zzz-aaa-color:#ffcc99;	
}
.column-section ul {
    list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.column-section ul li {
	zzz-margin: 0px;
	zzz-padding: 0px;
}

.column-section h4 {
	border-top-style: solid;
	border-top-width: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 32px;
	margin: 20px 0px 0px;
	padding: 12px 0px 0px 0px;
	text-transform: none;
}
.column-section .row {
	padding: 24px 16px;
}

#content-area .container-fluid {
	zzz-padding: 0px;
	zzz-margin: 0px;
}
#content-area .container-fluid .row {
	margin-bottom: 24px;
}
.container-fluid.column-section {
	zzz-padding: 0px;
}

#citations p {
    color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 1em;
}

.brx-max-200 {
	height: auto;
	max-height: 200px;
	overflow: hidden;
}
.brx-max-auto {
	height: auto;
	max-height: auto;
}

.show-more-item {
	display:none;
}
.show-more-command {
	display:block;
}
.dcb-pills.nav-pills.nav-stacked li ul li a.show-more-toggle {
	font-size: 125%;
	font-variant: small-caps;
}

.btn-brx-max-200.brx-show-more {
	float: right;
}
.btn-brx-max-200.brx-show-less {
	display: none;
	float: right;
}
.related-item {
	x-min-height: 80px;
	x-max-height: 140px;
	overflow: auto;
	margin-bottom: 10px;
	x-border: 1px solid black;
	height: 100px;
}
.related-item img {
	float: left;
	padding-right: 0.8em;
}
.dcb-image-panel .panel-body img {
	float:left;
	margin-left: 0em;
	padding-right: 16px;
	padding-bottom: 0.5em;
	width: 80px;
}
.dcb-image-panel .panel-body {
	font-size: 14px;
	line-height: 1.2em;
}
.dcb-image-panel .panel-body div, .dcb-image-panel .panel-body p {
	font-size: 14px;
	line-height: 1.2em;
}
.dcb-image-panel .panel-body div a, .dcb-pills.nav-pills.nav-stacked .dcb-image-panel div a {
	font-size: 16px;
	line-height: 1.2em;
}




.nav-collapse-panel {
	margin-top: 8px;
	padding:8px;
	border: 1px solid white;
}

#welcome {
	padding: 1em;
	border-bottom: 2px solid #990000 ;
	border-top:2px solid #990000;
	border-radius: 0;
	margin: 2em 0;

}

.collapse-fixed-height-200.collapse, .collapse-fixed-height-300.collapse, .collapse-fixed-height-400.collapse, .collapse-fixed-height-500.collapse {
	display: block;
	overflow-y: hidden;
}
.collapse-fixed-height-200.collapse.in, .collapse-fixed-height-300.collapse.in, .collapse-fixed-height-400.collapse.in, .collapse-fixed-height-500.collapse.in {
	min-height: 0px;
	display: block;
}
.collapse-fixed-height-200.collapse {
	min-height: 200px;
} 
.collapse-fixed-height-300.collapse {
	min-height: 300px;
} 
.collapse-fixed-height-400.collapse {
	min-height: 400px;
} 
.collapse-fixed-height-500.collapse {
	min-height: 500px;
}

.sidebar-dropdown-extra {
	display: none;
}

/** jtk 6-apr-2019 */
.img-gallery-item {
	margin-bottom: 2.5em;
}
.img-gallery-extra {
	height: 1.8em;
	max-height: 1.8em;
	overflow: hidden;
}
.reader-mode-only {
	display: none;
}
.col-centered {
    float: none;
	margin: 0 auto;
}



/* jtk 9-apr-2019 */
#nav_main {
	max-height: 58px;
	overflow: hidden;
}

/** jtk 10-apr-2019 */
.col-theme-grey a:visited {
}

/* jtk 10-apr-2019 on jb instructions */
#summary h2 {
	margin: 0 0 16px
}

/** jtk 11-apr-2019 FILE bootstrap_002.css moved here to cut down on number of css to maintain */
/** jtk 11-apr-2019 FILE bootstrap_003.css combined here */

/* jtk-2020-01-a all of these classes were removed in last base.css so I also removed them. I retained them for reference in case they are needed
.dcb-pills.nav-pills.nav-stacked li, .dcb-pills.nav-pills.nav-stacked li a {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 300;
}

.dcb-pills.nav-pills.nav-stacked li ul li {
	padding: 10px 16px 0px;
	margin-top: 0px;
	border-top-width: 0px;
	border-top-style: solid;
	background-color: transparent;
}
.dcb-pills.nav-pills.nav-stacked li ul li, .dcb-pills.nav-pills.nav-stacked li ul li a {
	font-size: 18px;
	font-weight: 300;
}
*/
/* jtk-2020-01-a Links */
.DcbHeader1 {
    margin-top: 1em;
    font-size: 24px;
}
.DcbHeader2 {
	margin-top: 0.5em;
    font-size: 20px;
}


/* JB JAN 8 2020 */

/*Removed Background Map*/

html {
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(/public/images/map4.jpg);
    background-repeat: no-repeat;
    background-position: center center;*/
}


#reader-mode-exit {
	display: none;
	position: fixed;
	z-index: 1000000;
	margin: 0.25em;
	top: 60px;
	left: 20px;
}



.alert-info {
	color:#990000;
	background-color:#dcddde;
	border-color: #990000;
	border-radius: 1px;
}


.table>tbody>tr>td {
	line-height: normal;
	border:none;
	padding: 8px 8px 4px 4px;
	
}
.citation td {
	padding: 8px 8px 4px 4px;
}
.citation {
	padding-bottom: 1em;
	margin: 2em 0;
}

.citation a {
  text-transform: none;	
  margin:0;
  font-weight: 400;	
}

/* jtk-2020-01-b top 100 formatting */
.slide-bios-full {
	clear:both;
}
.bio-line .number-index, .bio-line .number-link a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	word-wrap: break-word;
}
.bio-line {
	float:left;
	clear: both;
	padding-bottom: 1em;
	width:90%;
}
.bio-line .number-pic {
	float: left;
	padding-right: 1em;
}
/* issue dir-120 */
.bio-line .number-index, .bio-line .number-link {
	float: left;
}
@media only screen and (min-width: 0px) and (max-width: 575px)  {
	.bio-line .number-pic {
		width: 25%;
	}
	.bio-line .number-index {
		width: 10%;
	}
	.bio-line .number-link {
		width: 60%;
	}

} 
@media only screen and (min-width: 576px) and (max-width: 1024px)  {
	.bio-line .number-pic {
		width: 20%;
	}
	.bio-line .number-index {
		width: 6%;
	}
	.bio-line .number-link {
		width: 71%;
	}
} 
@media only screen and (min-width: 1025px) and (max-width: 1280px)  {
	.bio-line .number-pic {
		width: 15%;
	}
	.bio-line .number-index {
		width: 4%;
	}
	.bio-line .number-link {
		width: 78%;
	}

} 

@media only screen and (min-width: 1281px) and (max-width: 10280px)  {
	.bio-line .number-pic {
		width: 12%;
	}
	.bio-line .number-index {
		width: 3%;
	}
	.bio-line .number-link {
		width: 82%;
	}

} 



.stupid-ruler {
	clear:both;
}
/* jtk-2020-01-c */
#dummy-sidebar-inner {
	position:fixed;
	bottom:0px;
	top:60px;
	width:290px;
	overflow:auto;
	background-color:white;
	display:block;
	z-index:10000;
}

#div-submit {
	margin:2em 0;
}


/* JB 2020 ISSUE dir-280 */


#bio-list a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}



/* RESPONSIVE FILES (002 and 003) */


.navbar-default .navbar-nav > li > a {
	color: #990000;
}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
.content h1 {
  margin-bottom: -10px;
  color: #03a9f4;
  line-height: 1.5;
}
.content h3 {
  font-style: italic;
  color: #96a2a7;
}


/* 003 */


#content {
	padding: 0px 18px;
}

#col-logo .dcb-sidenav-bottom {
	display: none;
}
#left, #col-search {
	background: white;
}
#content {
	padding: 0px;
}
#dcb-brand {
	display: none;
}

#navbar-mobile {
	display: block;
}
#navbar-desktop {
	display: none;
}

/* previous footer classes, left in english but removed from french */
.chc-text-left {
	border-right: 1px solid white;
}

#laval {
	padding-top: 18px;
}

.cmh-text-left, .chc-text-left {
	border-right:none;
    padding: 15px;
	text-align: center;

}	
.cmh-text-right {
	text-align: center;
	border:none;

	}	
.chc-part {
	padding:0 ;
	margin: 1em 0;
	text-align: center;
	
}
.chc-part img{
margin: 2em auto 1em;

	}
	
.ut_laval  img{
	margin: 1em auto;
}
.cmh img {
	margin: 1em auto;
	}	
	
.univ-1 {
	text-align: left;
}
.univ-2 {
	text-align: right;
}
/* ================================================================================ */
/* FOOTER CLASSES - copied from new footer fr 2021 */

footer {
	margin-top: 3em;
}

.ut_laval  img{
	margin: 0 0 1em;
}

footer {
    background-color: #990000;
	color: white;
	font-size: 14px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #333;
    border-left-color: #333;
    z-index: 1000;
	padding: 22px;
}
footer a {
	color: white;
	font-size: 13px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

.univ {
	cursor: pointer;
}

.funding-element {
	margin-bottom: 2em;
}
.chc-part {
	padding-bottom: 1em;
}
.univ-2 {
	text-align: left;
	vertical-align: top;
}

#involved {
	text-align: center;
	min-height: 30px;
	margin: 1.5em 0 0;
}
#involved p {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 13px;
	height: 20px;
	display: inline-block;
}

/* OCTOBER 29 2021 */

.cmh-text-left, .chc-text-left {
	/*border-right: 1px solid white;*/
    padding:0 1.5em 1.5em 0;
}

.cmh-text-right {
	border-left: 1px solid white;
    padding:0 1em 1em ;
}

/* END OCTOBER 29 2021 -- copied from new footer fr*/

.cmh-part, .chc-part {
	margin-left: 1em;
	
}
.chc-part img {
	margin:0 0 .5em;
	
}

/*OCTOBER 29 2021 */

/* Extra small devices (portrait phones, less than 576px)*/


/* END JB CSS */
/* JBG FEBRUARY 7 2024 */

.chc-full {
	margin:0 0 1em;
	text-align: center;
}

.chc-full img{
	margin:0 auto 1em;
	padding-bottom: 1em;
}

.chc-full p {
	font:400 13px "Trebuchet MS", sans-serif;
	
}

hr.chc-full {
  border-top: 1px solid #ffffff;
  margin:1em 0;		
}

/* END JBG CSS FEBRUARY 7 2024 */

.dcb-mobile-only {
	display: inline-block;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

.navbar-dcb {
	background-color: #990000;
}
.univ-1 {
	text-align: left;
}
.univ-2 {
	text-align: right;
}

/* Small devices (tablets, 768px and up) @screen-sm-min*/

/* jtk 1-apr-2019 */

/* JBG APRIL 2 2019*/

.sidebar-french-home {
	display: none;
}
/* JBG APRIL 2 2019*/


.sidebar-dropdown-extra {
	display: none;
}

#row-logo { display: none; }
#sidebar { display: none; }


/* JB DECEMBER 19 2019*/


/* JB JANUARY 20 2020*/

/* FOR SMALLER TABLETS */


/* DCB LOGIN-IN */


/* JB December 14 2019 */

.dcb-dialog {
	display: none;
	position: fixed;
	width: auto;
	left: 50%;
	top: 10%;
	height: auto;
	margin-left: -200px;
	padding: 10px;
	border: 3px solid #333333;

	white-space: normal;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	color: #990000;

	z-index: 200;

	 /* fallback */
    background-color: #fff;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff, #f3f4f4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff, #f3f4f4);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fff, #f3f4f4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff, #f3f4f4);
}


.dialog-close {
	position: absolute;
	right: 14px;
	top: 14px;
	background-color: #990000;
	padding: 2px 10px;
	border: 2px solid #ffffff;
}

.dialog-close a {
	color:#ffffff;
}

.dialog-close a:hover {
	color: #ffcc99;
}
.dialog-header {
	font-size: 11pt;
	font-weight: 120pt;
	/*background: #E5E4E5;*/
	margin-bottom: 8px;
}


/* JB December 14 2019 */


.dialog-row, .dialog-header {
	clear: both;
	float: left;
	width: 390px;
	padding: 5px;
}
.dialog-row {
	x-border-top: 1px dotted #999;
}
.dialog-row .label {
	width: 150px;
	text-align: right;
	display: block;
	float: left;
	padding: 0px;
	padding-right: 20px;
}
.dialog-row .label_textarea {
	width: 380px;
	text-align: left;
	display: block;
	float: left;
	padding: 5px;
	
}
.dialog-row input, .dialog-row textarea {
	width: 210px;
	display: block;
	float: left;
}
.dialog-row textarea {
	width: 380px;
	display: block;
	float: left;
}
#login_submit,#login_remember {
	margin-right: 5px;
	width: auto;
}
#contact_message {
	height: 120px;
}
#contact_subject {
	height: 30px;
}


/* MESSAGE BOX */

.msgbox {
    position: fixed;
    width: 400px;
    height: auto;
    min-height: 160px;
    top: 100px;
    left: 50%;
    margin-left: -200px;
    background-color: #F4F4F4;
    border: solid 3px #900;
    border-radius: 16px;
    z-index: 200;
}
.msgbox .text {
    margin: 2%;
    margin-top: 30px;
    width: 96%;
    text-align: center;
    font-size: 14pt;
    height: auto;
    min-height: 100px;
    max-height: 400px;
    overflow: auto;
    margin-bottom: 45px;
}
.msgbox .twobuttons, .msgbox .onebutton {
    clear: both;
    position: absolute;
    width: 70%;
    height: auto;
    bottom: 0px;
    padding: 0px;
    margin: 0 15%;
    font-size: 16pt;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}


.msgbox .onebutton a, .msgbox .twobuttons a  {
    float: left;
    display: block;
    padding: 1%;
    margin: 1%;
    height: auto;
    width: 44%;
    background-color: #ddd;
    border: solid 3px #900;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    font-weight: bolder;
}

.msgbox .onebutton a {
    margin-left: 15%;
    width: 65%;
}


/* TOASTER */

.old-toaster, #old-toaster {
	display: none;
	position: fixed;
	right: 10px;
	top: 20px;
	height: 30px;
	padding: 5px;
	width: 200px;
	background-color: #ccc;
	border: 3px 0 #f00;
}


/* SELECT */

/* class applies to select element itself, not a wrapper element */
.select-css {
	display: inline-block;
	font-size: 14px;
	font-family: sans-serif;
	font-weight: 400;
	color: #333;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: auto;
	max-width: 100%; /* useful when width is set to anything other than 100% */
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	/*box-shadow: 0 1px 0 1px rgba(0,0,0,.04);*/
	border-radius: 2px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	/* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
		for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
		
	*/
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23990000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
	display: none;
}
/* Hover style */
.select-css:hover {
	border-color: #888;
}
/* Focus style */
.select-css:focus {
	border-color: #aaa;
	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222; 
	outline: none;
}

/* Set options to normal weight */
.select-css option {
	font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
	border-color: #aaa;
}


/* MD LIST */

/* JAN 16 2020 MD-LIST */

.md-list {
    /*width: 100%;*/
    overflow: hidden;
}
/**JB**/
.md-list .md-list-select {
    /*width: 30%;*/
    /*height: 170px;
    float: left;
    margin: 0px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 16px;
    padding-left: 8px;*/
}
.md-list-select a {
    color: #990000;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}

.md-list-select select {
    /*width: 100%;
    padding: 12px;*/
}
/** JB APR 9 2020**/

.md-list div {
    /*width: 33%;
    float: left;
    height: auto;
    margin-top: 24px;
    margin-right: 2px;
    margin-bottom: 12px;
    margin-left: 6px;
    padding-top: 6px;
    padding-right: 0.5%;
    padding-bottom: 6px;
    padding-left: 0.5%;*/
    line-height: 3em;
}

.toggle_section {
    cursor: pointer;
}

.md-list-collapse {
    display: none;
}
.md-list .md-expanded {
    /* fallback */
    background-color: #fff;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f3f4f4));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #fff, #f3f4f4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #fff, #f3f4f4);
    /* IE 10 */
    background: -ms-linear-gradient(top, #fff, #f3f4f4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #fff, #f3f4f4);
    border: 1px solid #dcddde;
    border-radius:2px;
    position: fixed;
    top: 100px;
    /*height: 300px;*/
    left: 15%;
    width: 50%;
    z-index: 1000;
    padding: 1em;
}
.md-list .md-expanded select {
    height: auto;
    padding: 1em;
}
.md-expanded-select {
    /*width: 100%;*/
}
.md-list .md-list-select {
    height: auto;
}





@media (min-width: 500px) {
	.content {
		width: 43%;
	}
	#button {
		margin: 30px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 575px)  {
	#content-area {
		/*padding: 0px;*/
	}
	
/* JB CSS MARCH 2019 */	

	#col-logo img {
		display: none;
	}	


	#left .dcb-sidenav-bottom {
		/*display: none;*/
	}	
	#col-search, .dcb-sidenav-bottom {
		/*display: none;*/
		display: none;
		padding:0;
	}	
		
	#search {
		margin: 1em 0 2em  ;
	}
}

@media only screen and (min-width: 0px) and (max-width: 575px)  {
	.glyphicon {
		top:0;
	}	
	.navbar-dcb li a, .navbar-dcb .navbar-brand, .navbar-brand a {
	padding:12px 15px 0;
		}	

	.navbar-tools {
		display: none;
	}
}
@media only screen and (min-width: 0px) and (max-width: 575px)  {

	.top-100-choice {
		text-align: center;
	}
	.content-area h2 {
		text-align: left;
		}	
	.share-this {
		margin-top: 2em;
		margin-left: 0;
		}
	.disclaimer p {
	text-align: center;		
		}
}
@media only screen and (min-width: 0px) and (max-width: 575px)  {
	.navbar-toggle {
	border:none;	
		}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #990000;		
		}	
	.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;		
		}	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;
	margin-bottom: 1em;	
		}
		
	.navbar-dcb {
	margin-bottom: 1em;		
		}
}

@media only screen and (min-width: 0px) and (max-width: 575px)  {
	.btn-default {
		padding:5px;
		border: none;
	}	
		
	.navbar-right .fa-lg {
	margin: 15px;		
	}		

	.navbar-dcb {
		font-size: 14px !important;
	}	

	/** jtk 10-apr-2019 */
	.inset-area {
		width: auto;
		margin: 0 0 1.5em;
		padding: 0px;
		border: 1px solid #666;
	}	
	/** jtk 10-apr-2019 */
	.inset-area {
		width: 100%;
	}
	.inset-area img {
		width: 100%;
		
	}
	.bio h2 {
	margin: 15px 0 6px;	
		}
		
		
	#hamburger {
	display: none;		
		}

}

@media only screen and (min-width: 0px) and (max-width: 575px)  {
	.navbar-brand {
		display:inline-block;		
		}

	#ham_mobile {
		display:inline-block;
		list-style: none;
		padding:0;
		margin:10px -15px;
		line-height: 40px;
		
	}
	#ham_mobile ul li a{
	line-height: 20px;
	padding:12px 0;
		
		}	

	#mobile-search {
		display:inline-block;
	}
		
		
	#simple-search {
	display: none;
		}	
	#search_go {
	display: none;

		}	
}


@media only screen and (min-width: 0px) and (max-width: 575px)  {
	.input-group .form-control	{
	width:75%;
	margin: 15px 0 0 15px;
	border-radius:2px;	
		}

	.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
	margin:15px 0 15px;
	padding:7px;
		}
		
	#row-logo {
	display: none;
		}
		
	  .owl-theme .owl-dots .owl-dot span {
		 display:none;
		}	
		
}

/* Small devices (tablets, 768px and up) @screen-sm-min*/

@media only screen and (min-width: 768px) {
	.dcb-mobile-only {
		display: none;
	}


	#row-toggle-outline {
		display: none;
	}
	#left, #col-logo, #col-search, .dcb-sidenav-bottom {
		display: block;
		position: relative;
	}
	.navbar-dcb li a, .navbar-dcb .navbar-brand { 
		padding: 9px 9px;
	}

	#navbar-mobile {
		display: none;
	}
	#navbar-desktop {
		display: block;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.univ-2 {
		text-align: left;
	}

	#laval {
		padding-top: 0px;
	}
	
}

@media only screen and (min-width: 768px) {

	.navbar-mobile { display:none; }
	#row-logo { display: block; }
	#aaa-sidebar { background-color: black; }
	#sidebar { display: block; }
}

/* JB JANUARY 10 2020*/

@media only screen and (min-width: 992px) {
	#nav_main {
	display: block;
	}

}/* ENCLOSED THIS IN QUERIE */


/* JB JANUARY 10 2020*/

@media (max-width: 414px) {
  .mobile-logo img, .mobile-logo p {
   display:block;
   /*margin: 0;*/
   padding:0 0 1em;	
  }
  #hamburger {
  	display:block;
  }

	/* JB JUNE 7 2020 */

	
	#button-left {
	  display: inline-block;
	  background-color: #990000;
	  width: 36px;
	  height: 36px;
	  text-align: center;
	  border-radius: 2px;
	  position: fixed;
	  bottom: 30px;
	  left: 30px;
	  transition: background-color .3s, 
		opacity .5s, visibility .5s;
	  opacity: 0;
	  visibility: hidden;
	  z-index: 1000;
	}	
	

}

@media (max-width:990px){
	.chc-part img{
margin: 2em auto 1em;

	}
	
.ut_laval  img{
	margin: 1em auto;
}
.cmh img {
	margin: 1em auto;
	}	
	
}

@media only screen and (max-width: 575px) and (min-width: 0px) {
	.md-list .md-expanded {
    left: 1%;
    width: 98%;
    z-index: 1000;
    padding: 1em;
	}	
}

@media (min-width: 1500px) {
	#bootstrap-wrapper, .container-fluid {
		max-width: 1500px;
		margin-left: auto;
		margin-right: auto;
	}
}
#announcements, #brxtux_qnr {
    border: 3px solid #900;
    margin: 10px 40px;
    padding: 10px 20%;
    text-align: center;

}
#announcements p, #brxtux_qnr p {
    margin: 0px;
}

/* for ckeditor */
/* for_ckeditor.css 0 */
dcbnew, abbr { background-color: #fa8072; }
/* for_ckeditor.css 1 */