/* BASE TAGS */
html { background: #1d4579 url('../images/bg.jpg') repeat-x;}
html body { width: 74.923em; margin: 0 auto; font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, legend {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

a { color: #1d4579; font-weight: bold; }
a:hover, a:focus, a.focus { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

h1, h2 { text-transform: uppercase; }
h3, h4, .large-sidebar.right h2, #footer .right h2 { font-weight: bold; margin-top: 1.5em; }
h5, h6 { font-style: italic; margin-top: 1.3em; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3, .large-sidebar.right h2 { font-size: 1.1em; }
h4, #footer .right h2 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
#footer .right h2 { text-transform: none; }

legend, th { font-weight: bold; }

/* CONVENIENCE */
.sr-only { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.clear { clear: both; height: 0px; overflow: hidden; display: block; background: transparent; }
.button {
    width: auto;
    margin-left: .25em;
    font-size: 1em;
    font-weight: bold;
    list-style-type: none;
    overflow: visible;
    border: 1px solid #aaa;
    text-align: center;
    vertical-align: top;
    padding: 0 .5em;
    color: #1d4579;
    background: #e8e8e8 url('../images/button-bg.png') repeat-x;
    cursor: pointer;
    height: 22px;
    -webkit-appearance: none; // remove weird default mobile safari styling for ipad
}
a.button,
.button a:hover, .button a:focus { text-decoration: none; }
.button img { margin: 0; padding: 0; border: none;  display: block; }
input[type="text"] { border: 1px solid #aaa; font-size: 1em; font-family:Verdana, Lucida Sans; padding: 2px; height: 16px; }
.titleActive { color: #1d4579; }

.left { float: left; }
.right { float: right; }
.large-sidebar { width: 210px; margin-right: .25em; zoom:1; }
.small-sidebar { width: 160px; margin-right: .25em; zoom:1; z-index: 1000; background: #fff;}
.internal { position: relative; top: -.25em; right: .5em;  height: 100%; }
.main-content { width: 670px; }

.italic { font-style:italic; }
.shadow {
  -moz-box-shadow:    3px 3px 2px 0px #999;
  -webkit-box-shadow: 3px 3px 2px 0px #999;
  box-shadow:         3px 3px 2px 0px #999;
/*  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999');*/
}
.shadow-right {
  -moz-box-shadow:    2px 0px 2px 0px #999;
  -webkit-box-shadow: 2px 0px 2px 0px #999;
  box-shadow:         2px 0px 2px 0px #999;
/*  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');*/
}
.shadow-bottom {
  -moz-box-shadow:    0px 2px 2px 0px #999;
  -webkit-box-shadow: 0px 2px 2px 0px #999;
  box-shadow:         0px 2px 2px 0px #999;
/*  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#999999')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#999999');*/
}
.jsthanks { display: none; }

/* BODY CONTAINER */
#body-container {  }

#skipto {
  position: absolute; top: 0; left: 0;
  width: 100%;
  color: #FFF; background: #1d4579;
  font-size: 1.2em; text-align: center;
  overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px);
}
#skipto:focus { overflow: visible; clip: auto; padding: 10px 0; }

/* HEADER */
#header { width: 100%; background: url(../images/header-bg.png); height: 100px; color: #76000a;  }
#header .site-title { margin-left: .75em; width: 45em;}
#header img { margin-right: 1em;}
#header .site-title h1 { font: bold 1.75em/1 Verdana, Lucida Sans, Arial; margin-top: 1.6em; margin-bottom: .4em; text-transform: uppercase; letter-spacing: 1px; text-shadow: #999 2px 1px 1px;}
#header .subtitle { color: #1d4579; font-family: 'EB Garamond', serif; font-size: 1.5em; line-height: 1; letter-spacing: 1px;}
#header .right { text-align: right; width: 20em; }
#header .social-links { margin: 5px 0; }
#header .social-links li { display: inline-block; margin-left: 10px; }
#header .social-links li a { display: block; background-size: 25px; height: 25px; width: 25px; }
#header .social-links .twitter a { background-image: url(../images/twitter.png); }
#header .social-links .youtube a { background-image: url(../images/youtube.png); }
#header a, #header a:hover, #header a:active { color: inherit; text-decoration: none; font-weight: inherit; }

/* TOP MENU */
#top-menu { text-align: center; background-color: #76000a; border-top: 1px solid #fff;}
#top-menu ul li {
    border-right: 1px solid #aaa;
    font-weight: bold;
    display: inline-block;
    overflow: visible;
    text-align: center;
    vertical-align: top;
    padding: .75em 1.25em;
    /* For IE */
    zoom:1; *display: inline; _height: 30px;
}
#top-menu ul li:first-child { border-left: none;}
#top-menu ul li:last-child { border-right: none; }
#top-menu ul li.active a { color: #fff; }
#top-menu a { color: #fff; text-decoration: none; }
#top-menu a:hover, #top-menu a:focus { text-decoration: none; }

/* MAIN CONTAINER */
#main-container { background: #fff; margin: 0; padding: 0; }
#main-container .breadcrumbs { font-size: 85%; padding: .25em; margin: 1.2em .5em; }
#main-container .breadcrumbs li { display: inline; }
#main-container .breadcrumbs .divider { padding: 0 .4em 0 .5em; }
#main-container .breadcrumbs .divider.icon-location { display: none; }
#main-container .breadcrumbs a { text-decoration: underline; }
#main-container .home-container { width: 75%; padding-bottom: 2em;}
#main-container .content-container { width: 100%; margin: 0; margin-right: .5em; padding: 0 .5em; padding-bottom: 1em; overflow: hidden; }
#main-container .home-container img.full,
#main-container .content-container img.full { display: none; }
#main-container .home-container img.thumbnail,
#main-container .content-container img.thumbnail { display: none; }

#news { width: 100%;  }
.internal-bottom h2,
#news h2 { letter-spacing: 1px; border-bottom: 1px dotted #333;  margin: .5em .5em; padding: .5em; color: #76000a; }
.internal-bottom ul li,
#news ul li { padding: .5em 1.5em; }
#news .blog-featured { float: right; position: relative; top: 2.25em; right: 0; zoom: 1; font-size: .9em; width: 170px; overflow: hidden; padding: 1em; }


/* FOOTER */
#footer { background-color: #f1f1f1; border-top: 2px solid #c0c0c0; overflow: hidden; }
#footer .left { width: 76%; height: 100%; zoom: 1;  }
#footer .left h2 { padding: .5em 1em; border-bottom: 1px solid #fff; text-transform: none; color: #1d4579; font-weight: bold; }
#footer .left .left { width: 41.5%; margin: 0; padding: 0 .5em; height: 100%; }
#footer .left .left .address { padding: .5em .75em; list-style-type: none; width: 100%;}
#footer .left .left .phone { padding: .5em .75em; list-style-type: none; width: 100%; }
#footer .left .right { width: 55%; zoom: 1; border: none; height: 100%; }
#footer .left .right ul { padding: .25em 1em; width: 100%; display: inline-block; }
#footer .left .right ul li { float: left; padding: .25em; width: 47%; line-height: 1.25;}
#footer .right { width: 23.85%; border-left: 1px solid #fff; margin-bottom: -2000px; padding-bottom: 2000px;overflow: hidden; }
#footer .right h2 { letter-spacing: 1px; vertical-align: middle; padding: .75em; border-bottom: 1px solid #fff; height: .95em; color: #1d4579; font-family:Lucida Sans, Verdana, Arial; font-weight: bold;}
#footer .footer-link-list {  text-transform: uppercase; font-size: .9em; display: block; zoom:1; font-family: "Lucida Sans", Verdana; height: 100%; }
#footer .footer-link-list a { letter-spacing: 1px; color: #444; text-decoration: none; font-weight: bold; }
#footer .footer-link-list ul li { padding: .3em; vertical-align: middle; line-height: 16px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;}
#footer .footer-link-list ul li:first-child { border-top: none; }
#footer .footer-link-list ul li p { float: left; margin: 0 .45em; display: inline-block; }
#footer .footer-link-list ul li p img { border: none; width: 16px; height: 16px; }

/*vCard*/
div.newsmodule .vcard{
    margin-bottom:10px;
}

div.newsmodule .vcard span{
    display:block;
}

.tel{
    padding: 0 0.5em;
}

/* Videos */
.jwbox_hidden .video-controls { margin: 0; }
.video-controls li { list-style: none; display: inline-block; padding-right: 5px;}
.jwbox_hidden { top: 20%; padding: 2.5em 1em 2em; border: none; background-image: none; }
.jwbox_hidden .jwbox_close { position: absolute; top: .25em; right: .25em; }
.jwbox_popup_text { display: inline-block; margin-top: 1em; }

/* Board Members */
#PublicMembers,
#FederalMembers {
    margin-top: 4em;
    text-align: center;
    clear: both;
}
.chairs {
    margin: 2em 0;
}
.item-page .board-chair {
    width: 50%;
    float: left;
    text-align: center;
}
.item-page .board-member {
    margin-bottom: 2em;
    clear:both;
}
.item-page .board-member h3,
.item-page .board-member p {
    margin-left: 112px;
}
.item-page .board-member p {
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
}
.item-page .board-member img {
    float: left;
    margin-top: -1.2em;
}
.item-page .photo-border {
    border: 2px solid #808080;
}

/* External Link Confirmation */
.swal2-container .swal2-popup {
  font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

.swal2-container .swal2-content {
  color: #000;
}

button.swal2-styled {
  width: 10em;
}

/**
 * Bootstrap CSS
 * The following items were copied over from the Joomla customized version of the Bootstrap.
 */
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}