html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; scroll-behavior: smooth;  }
body {margin: 0;color: #0e0e0e;}
body {font-size: .9em;font-family: 'Inter', sans-serif; font-weight: 400;color: #4c4036;text-align: left;position: relative;/* min-height: 100vh; */}
#layout {flex: 1 0 auto;}
.footer {flex-shrink: 0;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;  }
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;  }
audio: not([controls]) {  display: none;  height: 0;  }
[hidden],template {  display: none;  }
a {  background-color: transparent;  }
a:active,a:hover {  outline: 0;  }
abbr[title] {  border-bottom: 1px dotted;  }
b,strong {font-weight: bold;}
dfn {  font-style: italic;  }
h1, .h1style {/* font-size: 2em; *//* margin: 0.67em 0; */}
mark {  background: #ff0;  color: #000;  }
small {  font-size: 80%;  }
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;  }
sup {  top: -0.5em;  }
sub {  bottom: -0.25em;  }
img {  border: 0;  }
svg: not(: root) {  overflow: hidden;  }
figure {  margin: 1em 40px;  }
hr {  -webkit-box-sizing: content-box;  box-sizing: content-box;  height: 0;  }
pre {  overflow: auto;  }
code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;  }
button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0;  }
button {  overflow: visible;  }
button,select {  text-transform: none;  }
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;  position: relative;  background: #2477a2;  color: #ffffff;  border: none;  text-transform: uppercase;  font-family: 'Open Sans', sans-serif; font-size: 15.4px;  font-weight: bold;  letter-spacing: 0.6px;  text-align: center;  cursor: pointer;  padding: 5px 12px;  }
button[disabled],html input[disabled] {  cursor: default;  }
button:: -moz-focus-inner,input:: -moz-focus-inner {  border: 0;  padding: 0;  }
input {  line-height: normal;  }
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  }
input[type="number"]:: -webkit-inner-spin-button,input[type="number"]:: -webkit-outer-spin-button {  height: auto;  }
input[type="search"] {  -webkit-appearance: textfield;  -webkit-box-sizing: content-box;  box-sizing: content-box;  }
input[type="search"]:: -webkit-search-cancel-button,input[type="search"]:: -webkit-search-decoration {  -webkit-appearance: none;  }
fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;  }
legend {  border: 0;  padding: 0;  }
textarea {  overflow: auto;  }
optgroup {  font-weight: bold;  }
table {  border-collapse: collapse;  border-spacing: 0;  }
td,th {  padding: 0;  }


/*! Source: https: //github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {  
    *, *:before, *:after {  background: transparent !important;  color: #000 !important;  -webkit-box-shadow: none !important;  box-shadow: none !important;  text-shadow: none !important;  }
    a, a:visited {  text-decoration: none;  }
    a[href]:after {  content: "";  }
    abbr[title]:after {  content: "";  }
    a[href^="#"]:after, a[href^="javascript: "]:after {  content: "";  }
    pre, blockquote {  border: 1px solid #999;  page-break-inside: avoid;  }
    thead {  display: table-header-group;  }
    tr, img {  page-break-inside: avoid;  }
    img {  max-width: 100% !important;  }
    p, h2, .h2style, h3, .h3style {  orphans: 3;  widows: 3;  }
    h2, .h2style, h3, .h3style {  page-break-after: avoid;  }
    .navbar {  display: none;  }
    .btn > .caret, .dropup > .btn > .caret {  border-top-color: #000 !important;  }
    .label {  border: 1px solid #000;  }
    .table {  border-collapse: collapse !important;  }
    .table td, .table th {  background-color: #fff !important;  }
    .table-bordered th, .table-bordered td {  border: 1px solid #ddd !important;  }
}

/* width */
::-webkit-scrollbar {width: 5px;}
/* Track */
::-webkit-scrollbar-track {background: #f1f1f1;}
/* Handle */
::-webkit-scrollbar-thumb {background: #888;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #555;}

/* ==================== Basic declarations ==================== ================================================== */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas {  display: block;  }
p {margin: 0.5em 0;line-height: 1.7em;}
a {-moz-transition: .3s ease;-o-transition: .3s ease;-webkit-transition: .3s ease;transition: .3s ease;color: #2477a2;text-decoration: none;}
 
a.button:focus {color:#fff; }
a:hover, a:focus {text-decoration: none;color: #2477a2;}
a img {  border: 0px  }
img {  max-width: 100%;  width: auto\9;  height: auto;  vertical-align: middle;  border: 0;  -ms-interpolation-mode: bicubic;  }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #666666;text-align: left;text-rendering: optimizelegibility; font-family: "Source Serif 4", serif; font-weight: 500;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit ;text-decoration: none;}
ul, ol {  margin-left: 3em;  list-style: disc;  }
ol {  list-style: decimal;  }
blockquote, q {  quotes: none;  }
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none;  }
hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #dcdcdc;}
sub, sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;  }
sup {  top: -.5em;  }
sub {  bottom: -.25em;  }
table {  border-collapse: collapse;  }
table td, table th {  vertical-align: top;  }

table td, table th, table.content_table {  padding:3px; border: 1px solid #e9e9e9;  }
table.content_table td, table.content_table th {  padding: 4px;  border: 1px solid #e9e9e9;  border-collapse: collapse;  }
.colbtn {  padding: 6px 23px;  color: #FFF;  display: inline-block;  margin: 6px;  }
nav ul {  margin: 0;  padding: 0;  }

.skip-to-main-content-link {position: absolute;left: -9999px;z-index: 99999;padding: 1em;background-color: black;color: white;}
.skip-to-main-content-link:focus {left: 0%;transform: translateX(0%);opacity: 1; color:#FFF;}
// Usage as a mixin
.skip-navigation {  @include sr-only;  @include sr-only-focusable;}
/*:focus, *:focus-visible {outline: 1px solid #2477a2;} */
/* #editor *:focus, #editor *:focus-visible {outline:none;} */
/* ==================== Go to top button ==================== ================================================== */
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 10px;right: 0px;z-index: 10;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;background: #EEB111;/* border: 1px solid #fff; */visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top i {color: #fff;font-size: 1.4em;text-align: center;line-height: 40px;text-indent: 0;display: block;position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: 0 auto;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;  }
.cd-top.cd-is-visible {  visibility: visible;  opacity: 1;  }
.cd-top.cd-fade-out {opacity: .75;}
.cd-top:hover, .no-touch .cd-top:hover {opacity: 1;background: #EEB111;border-color:#FFF;}
.cd-top:hover i{ color:#FFF;}



/* ==================== input elements==================== ================================================== */
button, input, optgroup, select, textarea {  margin: 0;  font: inherit;  color: inherit;  }
button {  overflow: visible;  }
button, select {  text-transform: none;  }
button:: -moz-focus-inner, input:: -moz-focus-inner {  padding: 0;  border: 0;  }

input {  line-height: normal;  }
input[type="checkbox"], input[type="radio"] {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  margin: 0 3px;  }
input[type="number"]:: -webkit-inner-spin-button, input[type="number"]:: -webkit-outer-spin-button {  height: auto  }
input, select, textarea {  color: #271f1b;  border: 1px solid #E9E9E9;  background: #FBFBEA;  padding: 5px;  font-style: normal;  font-weight: 400;  text-align: left;  outline: none;  }
textarea {  overflow: auto;  height: 120px;  min-width: 250px;  width: 70%;  }
input[type=button], input[type=reset], input[type=submit], .button {display: inline-block;line-height: 1;background-color: #2477a2;color: #fff;fill: #fff;text-align: center;text-transform: uppercase;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;font-size: 1.2em;font-weight: 400;border-radius: 5px;padding: 20px 40px 20px 40px;}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {background: #303030 ;color: #FFF;}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active {background: #2477a2;}
input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea {width: 100%;min-height: 45px;background-color: rgba(49, 48, 47, 0.07);border: 1px solid transparent;font-size: 14px;padding: 11px 21px;text-align: left;color: #31302f;margin: 10px 0;border-radius: 4px;}
input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
input[type=email]: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
input[type=radio] {  display: block;  float: left;  margin-right: 10px;  }
.select-wrapper {  position: relative;  }
.select-wrapper:after {  content: "\f0d7";  font-family: 'FontAwesome';  color: #303030 ;  font-size: 20px;  line-height: 1;  height: 20px;  width: 10px;  text-align: center;  display: block;  position: absolute;  right: 10px;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  pointer-events: none;  }
select {border-radius: 0;margin: 0;font-size: 16px;}
select:: -ms-expand {  display: none;  }
label {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-weight: bold;  display: block;  font-size: 16.8px;  }
.error {  color: #ee592b;  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 0.9em;  display: block;  }
input[type=email],input[type=password],input[type=tel],input[type=text],input[type=number], select,textarea {width: 100%;min-height: 40px;background-color: #e5e5e5;border: 1px solid rgba(0, 0, 0, 0.07);font-size: 14px;padding: 10px;text-align: left;color: #31302f;margin: 5px 0;border-radius: 3px;}
input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder { color:#31302f;  }
input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {color:#31302f; }
input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder { color:#31302f;  }
input[type=email]: -moz-placeholder, input[type=password]: -moz-placeholder, input[type=tel]: -moz-placeholder, input[type=text]: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder { color:#31302f;  }
input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
input[type=radio] {  display: block;  float: left;  margin-right: 10px;  }
.popupCalendar select {width:auto;min-height: auto;}
.popupCalendar label{ display:inline-block;}

.button-blue {background: #2477a2;color:#FFF ; border:1px solid transparent;}
.button-blue:hover {background: #2477a2; }
.button-gold {background: #2477a2;color:#FFF ; border:1px solid transparent;}
.button-red:hover {background: #2477a2; }

.button-lg {padding:20px 30px;font-size: 1.3em !important;}
.button-sm {padding: 10px 20px;font-size: 1em;}
.button-lg, .button-sm {display: inline-block;  }

.button-lines{background:transparent;border: 2px solid #ffffff;color: #ffffff;}
.button-no-lines{background:transparent;border: 0;padding: 13px 5px;color: #2477a2;}

.button-lines.button-gold{ border-color:#2477a2 ; color:#2477a2 ;}
.button-lines.button-gold:hover{ background:#2477a2; color:#FFF;} 
.button-lines.button-blue{ border-color:#2477a2 ; color:#2477a2 ;}
.button-lines.button-blue:hover{ background:#2477a2; color:#FFF;}
.button-lines.button-white:hover{ background:#FFF; color:#2477a2;}

.button-arrow-right:after {font-family: 'Material Symbols Outlined';content:"\e8e4";padding: 0 0 0 4px;display: inline-block;vertical-align: middle;font-size: 40px;line-height: 30px;}
.button-arrow-down:after {  font-family: 'Material Symbols Outlined'; font-size: 15.4px;  content: '\e5db';  padding: 0 0 0 4px;  }
.button-arrow-left:before {  font-family: 'Material Symbols Outlined'; font-size: 15.4px;  content: '\e317';  padding: 0 4px 0 0px;  }

.background-black{background: #303030 ;}
.background-black *{ color:#FFF;}


#wrapper #loader {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: rgb(255 255 255 / 75%);z-index: 99;}
#loader i { position: absolute; inset: 0px; margin: auto; width: auto; height: 40px; line-height: 40px; z-index: 999; color: #2477a2; }

/* ====================utility/ helper classes ==================== ================================================== */
.clear {  clear: both;  height: 0px;  margin: 0px;  padding: 0px;  }
.header:after, .container:after, .row:after, .navbar-toggle:after, .nav-bar:after, .clearfix:after {  content: "";  display: table;  clear: both;  }
.pad {  padding-left: 15px;  padding-right: 15px;  }
.pad-left {  padding-left: 15px;  }
.pad-right {  padding-right: 15px;  }
.divider {  margin-top: 20px;  position: relative;  }
.divider-line {  margin: 40px 0;  }

.img-circle {  border-radius: 50%;  }
.hide {  display: none;  }
.show {  display: block !important;  }
.invisible {  visibility: hidden;  }


/* ==================== layout==================== ================================================== */
#layout {position: relative;top: 0;left: 0;width: 100%;min-width: 100%;background: #FFF;min-height: 100vh;display: flex;flex-direction: column;}
#layout:before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:url(/image/cache/topologyBG.jpg) repeat;background-size: 300px;background-attachment: fixed;opacity: .3;}
#layout > div.container{box-shadow: 0px 0px 4px rgb(51 51 51 / 25%);background: #FFF;position: relative;z-index: 1;}


@media (min-width: 1440px) {
    .container {max-width: 1240px !important;}
}
@media (min-width: 1640px) {
    .container {max-width: 1440px !important;}
}
@media (min-width: 1840px) {
    .container {max-width: 1640px !important;}
}
@media (min-width: 2040px) {
    .container {max-width: 1840px  !important;}
}

#wrapper {height: auto;width: 100%;margin: 0px auto;position: relative;flex: 1 0 auto;background: #FFF;padding: 0px;/* box-shadow: 0px 0px 4px rgb(51 51 51 / 25%); */background: #FFF;}
.content-block {padding-bottom: 25px;}
.page-content-block {  margin: 0 0;  }
.subpageHeader-block {text-align: justify;background: rgb(167 85 40 / 30%);position: relative;padding-top: 80px;margin-bottom: 30px;}
.subpageHeader-block .pageTitle {position: relative;/* top: 50%; *//* transform: translateY(-50%); */width: 100%;text-align: center;}
.subpageHeader-block h2 {margin: 15px 0;color: #fff;}
.home-content-block {  border: 0;  padding: 50px 0; }
.subpage-block {  margin-top: 74px;  padding-top: 10px;  }
.breadcrumb { background: transparent;padding: 10px 0;}
.breadcrumb a {}

/*header */
header#header h1 {display: none;}
.logo {/* padding: 0 0 10px 10px; */position: relative;/* width: 300px; */z-index: 2;/* top: 10px; *//* float: left; *//* left: 0; *//* margin-bottom: 5px; */}
.logo  img {height: 110px;margin: 5px 0;}
.topnav { position: relative;  float: right; margin-top: 10px;}
.wlcm, .mlogin { font-family: arial; display: none;   bottom: 10px; right: 0; position: absolute; z-index: 1;  text-align: right; padding: 0 1em 0 0; font-size: 0.89em; line-height: 0.92em; color: #333; }
.mlogin,.wlcm {  font-size: 0.82em;}
.wlcm  { padding: 0 0em 0 0;  font-size: 0.89em; }
.wlcm.logged_in,.wlcm.logged_id,.mlogin.not_logged_in { display: block; }
.mlogin input[type=text],.mlogin input[type=password] { width: 25%;  padding: 2px 3px; }
.mlogin input[type=submit] { padding: 0.3em 1em; }
.mlogin .mlolnks { padding: 0.1em 0.6em; font-size: 0.92em; }
#topnav ul { float: right;padding: 0; margin: 0; list-style: none;  }
#topnav ul li { float: left; padding: 5px 10px; }
#topnav ul li a { color: #FFF; font-weight: bold; text-shadow: 0px 0px 3px #000;}
#topnav ul li ul { display: none;  }
#subpagebg { height: 200px; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;}
#subpagebg .bgcover { z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%;  }

/*search box*/
.srchblk{padding: 2px 0;position: relative;top: 50%;text-align: right;transform: translateY(-50%);}
.srchblk form{position:relative; }
.srchblk form label{display:none;}
#sitesearch { position:relative;}
#sitesearch input[type=text], .srchblk input[type=text]{width: 100%;max-width: 100%;height: 50px;font-size: 14px;display: block;border: 1px solid #eee;vertical-align: middle;outline: none;position: relative;top: 0;left: 0;background: rgb(241 241 241);padding: 10px;padding-right: 70px;}
#sitesearch input[type=submit], .srchblk input[type=submit]{width: 60px;height: 49px;min-width: auto;line-height: 50px;font-size: 15px;border: 0;box-shadow: none;outline: 0;padding: 0;margin: 0;background: #2477A2; /* Old browsers */position: absolute;right: 0;top: 0;color: #fff;}
 .srchblk input[type=submit] {border-radius: 0;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#sitesearch input[type=submit]:hover, .srchblk input[type=submit]:hover{background: #464a4a;color: #FFF;}
#sitesearch input[type=submit]{width: 100px;}
#sitesearch input[type=text] { border:1px solid #ddd;}
/*lookup */
#advancedsearchform  input {padding: 10px 15px;margin: 5px 0;}
#advancedsearchform  input#clearform16 {display: none;}
#advancedsearchform  input#submitform16 { margin-left: 53px; float: left;} 
.searchtype { display:none;}
table.search_options{ }
.pdfdwn a { margin-left: 4px; }
/* table.search_options tr:nth-child(2), table.search_options tr:nth-child(3), table.search_options tr:nth-child(4) {display:none;}  */
.txlkprow { padding: 1px 15px; border-bottom: 1px solid #DADADA; }
.txlkprow:nth-child(odd) { background: #E5E5E5;} 
.txlkprow p{ font-size:1.15em; }
.txlkprow a{} 
.txlkprow .txlkpnm   { width: 53%; float:left; }
.txlkprow span.txlkppdf { float:right;}
.txlkprow .txlkpprc{ text-align:center;display:inline-block; width: 32%;  }
table.txlkplst  { width:98%; margin:10px auto; background: #CCC; padding: 10px 0;}
table.txlkplst .lkpname { width: 30%; text-align: left; padding-left: 10px;}
.lkpdtlrow { padding:2px 10px; font-size: 1.1em;}
.lkpdtllbl { width: 22%;display:inline-block; vertical-align:top;}
.lkpdtldtl { width: 40%; display: inline-block; } 

/* footer */
/* .copyright { clear: both; padding: 5px 0; color: #777;}*/
footer {margin:0 -15px;overflow: hidden;}
div.footer  {background: #3b4040;padding-top: 15px;margin: 0;padding-bottom: 15px;}
.weatherWidget{margin-bottom: 10px;}
.weatherWidget #plemx-root .weather-button{display:inline-block;margin: 0 10px;}

.copyright {color: #FFF;background: #464a4a;padding: 5px 0px;border-top: 1px solid #434344;font-size: 12px;}
.copyright ul { list-style: none; } 
.copyright span.copy{padding: 5px 15px;display: block;}
.copyright a { color: #FFF; }
.copyright a img { display: inline-block; vertical-align: middle; margin:0;padding:0; }
.copyright span.menu {padding: 4px 15px;display: block;}
.copyright span.menu ul { margin: 0; padding: 0;}
.copyright span.menu li { display: inline-block; padding: 0 3px 0 0;}
.copyright span.menu li a { padding: 2px 3px;}
.solpart {padding: 15px;display: block;color: #FFF;height: 100%;line-height: 1.6em;}
.solpart h5 {color: #FFF; }

#footer h3  { margin-bottom: 5px; color:#EEE; font-size: 1.2em;}
.footnav > ul {padding: 0;margin: 0;list-style: none;display:flex;flex-wrap: wrap;} 
.footnav > ul > li {-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;padding: 0 15px;}
.footnav ul li>a {padding: 7px 10px;color: #FFF;margin: 0px;display: block;}
.footnav ul li span {font-size: 1.2em;margin-bottom: 5px;display: block;color: #FFF;}
.footnav ul li>ul  {margin: 0px;list-style: none;}
.footnav > ul > li> ul > li {display: block;width: 100%;padding: 0; }
.footnav ul li.Qlinks {/* padding:15px; */}
.footnav ul li.Qlinks > ul {display:flex;flex-wrap: wrap;}

.footnav ul li.column.hidePlaceholder>span{ display:none; }
 
/*social*/
#socialmenu { padding:0 15px ;}
#socialmenu ul {margin: 0;padding: 0;text-align: right;}
#socialmenu li {float: none;display: inline-block;vertical-align: middle;padding: 10px 5px;}
#socialmenu li a {font: normal normal normal 14px/1 FontAwesome;text-align: center;padding: 0 !important;color: #FFF;display: block;}
#socialmenu li a span {  display: none;  }
#socialmenu li a:before {font-size: 17px;text-align: center;color: #FFF;display: inline-block;vertical-align: middle;line-height: 30px;width: 30px;height: 30px;border-radius: 50%;}
#socialmenu li.audio a:before{content: "\f028";background: #E23C2C;width: 80px;border-radius: 30px;font-size: 22px;}
#socialmenu li.fb a:before {content: "\f09a";background: #3c5b99;}
#socialmenu li.twitter a:before {content: "\f099";background: #00aced;}
#socialmenu li.instagram a:before {  content: "\f16d";  }
#socialmenu li.linkedin a:before {  content: "\f0e1";  background:#0077b5; }
#socialmenu li.youtube a:before {content: "\f16a";background: #E23C2C;}
#socialmenu li.pinterest a:before {  content: "\f231";  }
#socialmenu li.googleplus a:before {content: "\f0d4";background: #dc4b38;}
#socialmenu li.contact a:before, #socialmenu li.eml a:before {content: "\f0e0";background: #FF5722;}
#socialmenu li.rss a:before {  content: "\f09e"; background:#f58220;  }
#socialmenu li.phone{/* display:block; */padding: 5px;}
#socialmenu li.phone a:before {content: "\f095";background: #2196F3;color: #ffffff;margin-right: 10px;}
#socialmenu li.phone a span:before{content:"Call us now";display:block;font-size:14px;font-weight: 400;}
#socialmenu li.codered a {background: url(/image/cache/codered.png) no-repeat center center;width: 200px;height: 40px;}
/* Social Menu Hover */
#socialmenu li:hover a:before, #socialmenu li a:hover:before {opacity: .8;}


/*navigation*/
.navigate {display: none;}
#nav ul {padding: 0px;list-style: none;line-height: 50px;font-size: 1em;margin: 0px auto;display: flex;flex-grow: 1;align-items: center;justify-content: center;background: #2477A2;border-top: 1px solid #175a75;}
#nav ul li {text-align: center;margin: 0;border-right: 1px solid #373b3b;padding: 0;min-width: 11%;position: relative;flex-grow: 1;text-align: center;}
#nav>ul>li{background: #464a4a;}
#nav ul li:last-child { border: 0px; }
#nav ul li a {color: #FFF;display: block;padding: 0 15px;font-size: 15px;text-transform: uppercase;}
#nav ul li.home{ min-width:35px;}
#nav ul li.home a:before{content:"\f015";font-family: FontAwesome;margin: 0;color: #FFF;font-size: 20px;display: block;}
#nav ul li.home a:hover, #nav ul li.home.currentitem a {background: #464a4a;color: #FFF;}
#nav ul li.home.currentitem a:before, #nav ul li.home a:hover:before{ color:#FFF;}

#nav ul li.home a span{display:none;}
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav ul li > ul {display: none;padding: 0;margin: 0px;text-align: left;list-style: none;display: none;font-size: 0.92em;line-height: 1.2em;padding: 10px 0;z-index: 10;width: 240px;background: #464a4a;position:absolute;left:0;height:auto;border:0px;}
#nav ul li > ul li ul { top: 0; left: 100%;  }
#nav ul#mainnav > li > ul> li>ul{display: none;padding: 0;}
#nav ul#mainnav > li > ul> li:hover>ul{display:block;}
#nav ul#mainnav > li > ul> li>ul li a{ background:#2477A2;}
#nav ul#mainnav > li > ul> li>ul li a:hover{ background:#198cbb;}

#nav ul li > ul > li {padding: 0px;position: relative;width: 100%;margin: 0;border: 0px;text-align: left;}
#nav ul li > ul > li a,#nav ul li:hover > ul li a {padding: 10px;display: block;color: #FFF;background: none;font-size: 13px;font-weight: 400;font-family: 'Roboto', sans-serif;text-transform: capitalize;}
#nav ul li > ul > li a:before {content:"\203A";font-size:1.2em;margin-right:6px;color: #198cbb;}
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover  {filter: none;background: #2477A2;}
#nav ul li:last-child ul { right: 0px;}
#nav ul li.currentitem,  #nav ul li.currentbranch, #nav ul li:hover, #nav ul li a:hover, #nav ul li:hover a {background: #2477A2;/* color: #FFF; */text-decoration: none;}
#nav ul li.currentitem a,  #nav ul li.currentbranch a {color: #FFF;background: #2477A2;}
#nav ul li.currentbranch ul li.currentitem  { background: none;  }

#nav ul.memberMenu { display:block; text-align:right;}
#nav ul.memberMenu li{display:inline-block; text-align:center;} 


.Sidebar__body {background-color: #2477a2;right: -320px;width: 320px;top: 0;bottom: 0;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 10000;-webkit-transition: right .3s ease-in-out;transition: right .3s ease-in-out;}
.Sidebar .Sidebar__backdrop, .searchBlock .search_backdrop{position: fixed;width:100%;z-index: 9999;height:100%;background: rgb(0 0 0 / 25%);top:0;left:0;}
.Sidebar.show .Sidebar__body {  right: 0;  }
.Sidebar.show .Sidebar__backdrop {  display: block;  }
.SidebarMenu {padding: 0;padding-bottom: 30px;}
.SidebarMenu ul {list-style: none;padding: 0;margin: 0;}
.SidebarMenu ul li {}
.SidebarMenu ul li ul li a{font-size:.96em;font-weight: 500;}
.SidebarMenu ul li ul li, .SidebarMenu ul li ul li ul li{/* margin-left: 10px; */}
.SidebarMenu ul li a, .SidebarMenu ul li > span {color: #FFF;text-decoration: none;display: block;padding: 7px 10px;text-transform: uppercase;font-weight: 500;margin: 0;}
.SidebarMenu ul li ul li { padding:0;}
.SidebarMenu ul li ul li a{text-transform: none;font-weight: 400;padding-left: 25px;}
.SidebarMenu ul a:hover{/* color: #FFF; */background: #FF9800;}
.sidebar__Close {padding: 0;}
.sidebar__Close button {height:auto;padding: 5px;color: #FFF;}
.sidebar__Close button i{color: #464a4a;font-size: 1.5em;padding: 10px;}


#sidemenu, .eventlt  {margin-bottom: 10px;background: rgba(147, 148, 148, 0.08);padding: 0;}
#sidemenu p, .eventlt p{font-weight: 400;font-size: 21px;font-family: 'Archivo Narrow', 'sans-serif';border-bottom: 1px solid #175a75;background: #2477A2;color: #fff;padding: 10px;margin: 0;margin-bottom: 5px;position: relative;}
#sidemenu .boxr { border-bottom: 0;}
#sidemenu ul { margin: 0px; padding: 0px; list-style: none; font-size: 1em; text-align: left;}
#sidemenu ul li {
}
#sidemenu ul li a {margin: 3px 0;padding: 3px 0;padding-left: 15px;display: block;vertical-align: middle;color: #464a4a;font-weight: 500;font-size: 13px;font-family: 'Archivo', 'sans-serif';border-bottom: 1px solid #ddd;}
#sidemenu ul li a:before{content: "\f0da";font-family: FontAwesome;font-size: 1.0em;color: #303030;font-family: FontAwesome;margin: 0 3px;display: inline-block;}
#sidemenu ul li ul { display: none; }
#sidemenu.membermenu {background: none;padding-right: 10px;}
#sidemenu.membermenu ul li ul { display: block; }
#sidemenu.membermenu  ul li {/* background: #CFD0D4; */margin-bottom: 2px;}
#sidemenu.membermenu  ul li a {margin: 0;padding: 5px 0px;}
#sidemenu.membermenu  ul li:hover {/* background: #7C7C7C; */}
#sidemenu ul li a:hover {background: #2477A2;text-decoration: none;color: #FFF;}
#sidemenu ul li a:hover:before{ color:#FFF;}
#sidemenu.membermenu > ul{margin-top: 10px;}
#sidemenu.membermenu > ul> li{margin-bottom: 15px;}
.membermenu > ul > li > span {font-size: 1.15em;display: block;font-weight: 500;text-transform: uppercase;color: #2477A2;}
/* ==================== taoCMS Components and Modules ==================== ================================================== */
   .sliderSection .tao-carousel .tao-item .item .overLay{position: relative;z-index: 3;right: 0;top: 0;display: block;object-fit: cover;padding: 0;overflow: hidden;margin: 0;max-width: 800px;}
   .slider-block{}
   .sliderSection {position:relative;overflow: hidden;}
   .sliderSection .tao-item .item {position:relative;background: #2477a2;height: 100%;}
   .sliderSection .tao-item .item .captionData {position: absolute;z-index: 1;bottom: auto;top: 0;transform: none;height: 100%;width: 100%;/* padding: 90px 0; */}   
   .sliderSection .tao-item .item .captionData:after{content:'';background: #2477a2;opacity: .9;display: none;width: 90%;height:100%;position: absolute;left: 0;top: 0;z-index: 1;clip-path: polygon(0 0, 45% 0, 65% 100%, 0% 100%);clip-path: circle(56% at 15% 100%);}
   .sliderSection .tao-carousel .tao-item .item .container{display:block;position:relative;top: 0;}
   .sliderSection .tao-carousel .tao-item .item .container .slideWrapper {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;position: relative;height: 100%;align-items: center;justify-content: space-between;}
   .sliderSection .tao-carousel .tao-item .item .container {height: 100%;position: relative;right: 0;}
   .sliderSection .tao-carousel .tao-item .item .slideFullwidth .imageWrapper .container {width: 100% !important;max-width: unset !important;padding: 0;margin: 0;} 
   .sliderSection .tao-carousel .tao-item .item .slideFullwidth .imageWrapper .overLay{visibility: hidden;}
   .sliderSection .tao-carousel .tao-item .item .slideFullwidth .container .image{width:100%;}   
   .sliderSection .tao-carousel .tao-item .item .caption{position: relative;z-index: 2;height: 100%;}
   .sliderSection .tao-carousel .tao-item .item .caption .ngfIcon { max-width:150px;}
   .sliderContent div.activeSlide { display: block; right: 0; }
   .slider_block div.container {height: 100%;}
   .tao-carousel .tao-item .item .caption{max-width: 100%;margin: 0;top: 0;padding: 0;display: none;}
   .tao-carousel .tao-item .item .caption * {}
   .tao-carousel .tao-item .item .caption a{/* font-weight: 500; */display: inline-block;vertical-align: middle;}
   .tao-carousel .tao-item .item .caption h2{font-size: 6em;font-weight: 300;line-height: 1;letter-spacing: 3px;}
   .tao-carousel .tao-item .item .caption p {font-size: 1.85em;line-height:1;margin-bottom: 20px;}
   .tao-carousel .tao-item .item .caption p.lead{font-size: 3.70em; font-family: "Source Serif 4", serif;font-weight: 200;margin-bottom: 0;}
   .tao-carousel .tao-item .item .caption p span{ display:block; font-weight: 600;}

   .tao-carousel .tao-item .item .caption .background{margin-bottom: 5px;display: inline-block;}

   .tao-carousel .tao-item .item .image{position:relative;z-index: 1;height: 100%;background-color: #2477a2;background-size: cover;background-repeat: no-repeat;background-position: right;margin: 0 0px;line-height: 0;opacity: .85;}
   .tao-carousel .tao-item .item .image img{width: 100%;padding: 0;margin: 0 auto;}
   .tao-carousel .tao-item .item .image.Right{background-position:right;float:right;}
   .tao-carousel .tao-item .item .image.Left{background-position:left;float:left;}
   /*caption Video*/
   .tao-carousel .tao-item .item .caption.Video {  width: 100%;  max-width: none;  text-align: center;  position: relative;  height: auto;  padding: 0;  border: 0;  margin: 0;  }
   .tao-carousel .tao-item .item .caption.Video h3 {  text-align: left;  margin: 0;  margin-left: 15px;  padding: 0;  display: none;  }
   .tao-carousel .tao-item .item .caption.Video iframe {  height: 400px !important;  width: 100%;  }
   .tao-carousel .tao-item .item .caption.Video a, .sliderContent div.base.slShow div.caption.Video p {  padding: 0;  margin: 0;  }

   /* caption positions*/ 
   .tao-carousel .tao-item .item .caption.Top-Left {  top: 2%;  left: 0;  }
   .tao-carousel .tao-item .item .caption.Top-Center {  top: 2%;  left: 50%;  -webkit-transform: translateY(-2%) translateX(-50%);  -ms-transform: translateY(-2%) translateX(-50%);  transform: translateY(-2%) translateX(-50%);  }
   .tao-carousel .tao-item .item .caption.Top-Center * {  text-align: center !important;  }
   .tao-carousel .tao-item .item .caption.Top-Right {  top: 2%;  left: 100%;  -webkit-transform: translateY(-2%) translateX(-100%);  -ms-transform: translateY(-2%) translateX(-100%);  transform: translateY(-2%) translateX(-100%);  text-align: right !important;  }
   .tao-carousel .tao-item .item .caption.Top-Right * {  text-align: right !important;  }
   .tao-carousel .tao-item .item .caption.Middle-Left {top: 50%;left: 0%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block !important;}
   .tao-carousel .tao-item .item .caption.Middle-Center {  top: 50%;  left: 50%;  -webkit-transform: translateY(-50%) translateX(-50%);  -ms-transform: translateY(-50%) translateX(-50%);  transform: translateY(-50%) translateX(-50%);  }
   .tao-carousel .tao-item .item .caption.Middle-Center * {  text-align: center !important;  }
   .tao-carousel .tao-item .item .caption.Middle-Right {  top: 50%;  left: 100%;  -webkit-transform: translateY(-50%) translateX(-100%);  -ms-transform: translateY(-50%) translateX(-100%);  transform: translateY(-50%) translateX(-100%);  }
   .tao-carousel .tao-item .item .caption.Middle-Right * {  text-align: right !important;  }
   .tao-carousel .tao-item .item .caption.Bottom-Left {  top: 100%;  left: 0%;  -webkit-transform: translateY(-100%);  -ms-transform: translateY(-100%);  transform: translateY(-100%);  }
   .tao-carousel .tao-item .item .caption.Bottom-Center {  top: 100%;  left: 50%;  -webkit-transform: translateY(-100%) translateX(-50%);  -ms-transform: translateY(-100%) translateX(-50%);  transform: translateY(-100%) translateX(-50%);  }
   .tao-carousel .tao-item .item .caption.Bottom-Center * {  text-align: center !important;  }
   .tao-carousel .tao-item .item .caption.Bottom-Right {  top: 100%;  left: 100%;  -webkit-transform: translateY(-100%) translateX(-100%);  -ms-transform: translateY(-100%) translateX(-100%);  transform: translateY(-100%) translateX(-100%);  }
   .tao-carousel .tao-item .item .caption.Bottom-Right * {  text-align: right !important;  }

   .tao-carousel .tao-item .item .caption div a {text-align: center;/* color: #FFF !important; */margin: 0;}
   .tao-carousel .tao-item .item .caption div a.button:hover{  color:#2477a2 !important;}
   .tao-carousel .tao-item .item .slShow  .caption {display: block;position: absolute;}
   .tao-carousel .tao-item .item .slShow  .caption.No-Background {  background: none !important;  }


   /*Caption Backgrounds*/
   .tao-carousel .tao-item .item .Caption {position:relative;}
   .tao-carousel .tao-item .item .Caption .cpdesc{position:relative;z-index: 9;padding: 15px;}
   .tao-carousel .tao-item .item .Caption .cpdesc:after{content:'';position:absolute;z-index: -1;width:100%;height:100%;top:0;left:0;border-radius: 5px;}
   .tao-carousel .tao-item .item .Caption.White {  background: rgb(255 255 255 / 80%);  }
   .tao-carousel .tao-item .item .Caption.White * {  color: #2477a2;  }

   .tao-carousel .tao-item .item .Caption.Blue {  background: #2477a2;  }
   .tao-carousel .tao-item .item .Caption.Blue * {  color: #FFF;  }

   .tao-carousel .tao-item .item .Caption.lightBlue {  background: #303030;  }
   .tao-carousel .tao-item .item .Caption.lightBlue * {  color: #2477a2;  }

   .tao-carousel .tao-item .item .Caption.Black {  background: rgb(0 0 0 / 80%);  }
   .tao-carousel .tao-item .item .Caption.Black * {  color: #FFF;  }

   .tao-carousel.tao-theme .tao-nav [class*='tao-'] { margin:0;} 
   .tao-carousel.tao-theme .tao-nav [class*='tao-'] span{background:#333;padding: 10px !important;display: inline-block;height: 58px;line-height: 30px;}

   .tao-carousel .tao-nav .tao-prev{ left:-50%; transition:all .5s ease;}
   .tao-carousel .tao-nav .tao-next {right:-50%; transition:all .5s ease;}
   .tao-carousel:hover .tao-nav .tao-prev{left:0%; transition:all .5s ease;}
   .tao-carousel:hover .tao-nav .tao-next {right:0; transition:all .5s ease;}


   .taoNav {margin-top: -30px;position: relative;z-index: 98;text-align: center;display: none;}
   .taoNav a {  margin: 2px 6px;  display: inline-block;  vertical-align: middle;  padding: 0;  border: 0;  border-radius: 2px;  -webkit-border-radius: 2px;  -ms-border-radius: 2px;  -moz-border-radius: 2px;  color: #08364c;  background: #08364c;  cursor: pointer;  font-size: 0;  width: 28px;  height: 6px;  line-height: 0;  text-align: center;  }
   .taoNav a.active {  background: #2477a2;  color: #2477a2;  }
   .taoNav a:hover {  text-decoration: none;  }
    
   /* subpage_slider*/
   .subpage_slider {  padding: 100px 0; background-position: center center;  background-attachment: fixed;  background-size: cover;  }

   /* tao dots */
   .tao-carousel .tao-dots {text-align:center;margin: 10px 0;}
   .tao-carousel button.tao-dot {display:inline-block;width: 30px;height: 5px;background: #999;margin:2px;}
   .tao-carousel button.tao-dot.active {background:#CB121D;}
 
/* subpage_slider*/
.subpage_slider {  padding: 100px 0; background-position: center center;  background-attachment: fixed;  background-size: cover;  }

/* tao dots */
.tao-carousel .tao-dots {text-align:center;margin: 10px 0;}
.tao-carousel button.tao-dot {display:inline-block;width: 30px;height: 5px;background: #999;margin:2px;}
.tao-carousel button.tao-dot.active {background:#2477a2;}


.homeContentBlock  {background: #EEE;height: 100%;position: relative;display: block;width: 100%;}
.homeContentBlock  .boxes { display: table-cell; position: relative; width: 30.7%; color: #EEE; padding: 5px 1.33%;  padding-bottom: 40px; background: #204483; }
.homeContentBlock  h2 {background: #2477A2;border-bottom: 1px solid #1f4b62;color: #fff;padding: 10px;margin: 0;position: relative;font-size: 1.85em;}
.homeContentBlock  .boxes a { color: #DDD; }
 
.homeContentBlock .jsnews_576, .homeContentBlock .eventlst {padding: 10px;}
.homeContentBlock .more {display:block;padding: 0 10px;}
.homeContentBlock.news:before{/* content:''; */display:block;width: calc(100% + 3px);height: 74px; position: absolute;/* top: -74px; */}
.homeContentBlock .newsListBlock{height: 100%; }
.homeContentBlock .newsList {padding: 5px  10px;border-bottom: 1px solid #ccc;}
.homeContentBlock .newsList a {font-size: 1.1em;font-weight: 500;line-height: normal;display: inline;margin-right: 5px;}
.homeContentBlock .newsList p{margin:0;padding:2px 0;color: #333;}
.homeContentBlock.events{}
 
.events_month_header h2{ font-size:24px; margin-top:30px; border-bottom:1px solid #DDD; padding:5px;}
.event_date{margin: 0 auto;color: #464a4a;font-weight: 600;font-size: 16px;text-transform: uppercase;line-height: 1.2;}
.event_row {padding-bottom: 5px;border-bottom: 1px solid #ccc;}
.event_row .event_month span{/* display:block; */text-transform: uppercase;font-weight: 500;/* font-size: 25px; */}
.event_row .date{padding: 0 5px;}
.event_row .event_content{ margin-left:8px;}
.event_row .event_name a{font-size: 14px;font-weight: 600;line-height: 18px;display: inline-block;vertical-align: middle;word-break: break-word;}
.event_row .event_location {font-size: 13px;}


#conblk{background:#fff;padding: 0;padding-bottom: 15px;}
.quicklinksToggle{width: 96%;padding: 0;height: 48px;line-height: 48px;font-size: 27px;border: 0;color: #464a4a;background: #2477A2;margin: 0px 2%;overflow: hidden;}
.quicklinksToggle.collapsed{ background:#2477a2;}
.quicklinksToggle i{float:right;width: 48px;background: #2477a2;color: #FFF;height:100%;line-height: 48px;}
.quicklinksToggle.collapsed i{background: #2477a2;}
.quickLinksBlock {background:#eee;margin-bottom: 15px;}
.quickLinksBlock.links, .homeContentBlock.events, .homeContentBlock.news{margin-bottom:15px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;background: #f4f4f4;}
.quickLinksBlock h2{border-bottom: 1px solid #1f4b62;background: #2477a2;color: #fff;padding: 10px;margin: 0;margin-bottom: 0;position: relative;font-size: 1.85em;}
.quickLinksBlock>a, .homeContentBlock .more{padding:5px;display:block;color: #FFF;background: #464a4a;}
.homeContentBlock.events .eventlst { height:100%;}

#quicklinks{position: relative;z-index: 9;width: 100%;margin: 0;margin-top: 0;height: 100%;}
.quickLinks {padding-bottom: 5px;/* height: 100%; */position: relative;}
.quickLinks ul {margin: 0;margin-left: 0;padding: 0;list-style: none;}
.quickLinks ul li {border-bottom: 1px solid #ddd;}
.quickLinks ul li:last-child{ border:0;}
.quickLinks ul li:hover{background: #464a4a;}
.quickLinks ul li:hover a, .quickLinks ul li:hover:before{ color:#FFF;}
.quickLinks ul li a{color: #303030;font-size:14px;padding: 10px;display: block;}
.quickLinks ul li a:hover{ text-decoration:none;}
.quickLinks ul li a:before{font-size: 1.0em;color: #303030;content: "\f0da";font-family: FontAwesome;margin-right: 5px;display: inline-block;}
.quickLinks ul li a:hover:before{color:#FFF;}

/* news */
.eventlst a {/* color: #FFF; */}
.eventlst h2  { padding-bottom: 0px; }
.eventlst div.item { padding: 0px; }
.eventlst div.item p{ color: #2477a2;}
.news div.article { border-bottom: 1px dotted #CCC; padding: 8px 5px; }
.news div.article  h2 { font-size: 1.2em; }
.splitleft, .splitright  { width: 47%; padding: 0 1%; display: inline-block; vertical-align: top; color: #555; }
.splitright { text-align: right;  }
.eventlt div.item { padding: 1px 5px; }
.eventlt span { background: #2477a2; color: #FFF; padding: 3px 10px;  }
.article{ padding:5px 0; border-bottom:1px solid #DDD;}
.event-list{ margin: 10px 0; clear: both; /}
.event-list .dtls, .event-list .img{ display:inline-block; vertical-align:middle;} 
.event-list .dtls{max-width: 70%;}
.event-list .dtls strong {display:block;}
.event-list .dtls p { margin: 0;  }
.eventsBlock .event-list .dtls{ width:auto; max-width:none;}
.event-list .img {width: 100px;height: 80px;background: #cfd0d4;text-align: center;margin-right: 10px;max-width: 26%;overflow:hidden;}
.event-list .img a  {text-align:center; }
.event-list .img a:hover {text-decoration: none; }
.event-list .img img{ width: auto; max-height: 100%; }
.event-list .img .date { font-size: 1.4em; padding: 5px; text-transform: uppercase; display: block; color: #2477a2; line-height: 1.8em;   }
.event-list .img .date .d_date { display: block; font-size: 1.6em; }
.event-list .img .date .d_month { display: block; }
.event-list .dtls h3{ line-height: 1.4em;   margin: 0;  }
.event-list .dtls .date, .event-list .dtls .loc{ color:#777;  }
.event-list .dtls .date { font-style:italic;}
.event-list .dtls .loc { font-style: normal; font-size:1em; display: block; color:#333;  }

/*calendar */ 
#calendar { border-collapse: collapse; width: 100%; background: transparent; color: #333;}
#calendar th,#calendar td { border: 1px solid #CCC; width: 14%;  height: 75px; }
#calendar th { text-align: center; background: #ACACAC; vertical-align: middle; font-size: 16px;  color: #2477a2; line-height: 20px;}
#calendar td.caption { background: #CACACA; vertical-align: middle; text-align: center; color: #333; font-size: 20px; line-height: 20px; height: 40px; }
#calendar td.caption a{display:inline-block;vertical-align: middle;}
#calendar th { height: 40px; }
#calendar ul { margin: 0px; padding: 0px; list-style: none;  display: block;   }
#calendar ul li { padding: 2px; margin: 1px 0;line-height: 12px; color: #FFF; font-size: 11px; background: #EEE;  }
#modalwindow { display: none; width: 60%; min-width: 500px; height: 50%; position: absolute; top: 10%;background: #FFF; z-index: 10; box-shadow: 0 0 10px 1px #999; border: 1px solid #CCC; padding: 10px;  overflow: auto; }
#modaldata { padding: 15px;  }
#modaldata h3 { margin-bottom: 10px; }
#modalwindow .closWin {  position: absolute; right: 10px; top: 10px; font-size: 1.2em; border: 1px solid #CCC; padding: 2px 8px; color: #999;  display: inline-block;   }
#modaldata .eventloc { color: #777; font-style: italic;  }
.indvevent a.callnk{  margin-left: 9%; }
.indvevent a.callnk img{margin: 0 10px;position: relative;top: 8px;}
/* gallery */
.thumbGallery { margin: 0px; padding: 0px; list-style: none; }
.thumbGallery li { display: inline-block; width: 28%; margin: 2%; font-size: 11px;  text-align: center; }
.thumbGallery li a img {  padding: 5px; background: #FFF; box-shadow: 0px 0px 8px #999;  }

/*video */
.videoresults { padding: 15px 0px; }
.videoresults div.videoleft { width: 400px; float: left;  } 
.videoresults div.desc { width: 270px; color: #666;  float: right;  padding-top: 30px;}
.videoBlock a span,.videoBlock a img{display:block;width: 100%;}
#taoModal #modalData { line-height:0;}
#taoModal iframe#modaliframe{min-height: 520px;width: 100%;}
.modal.show .close {position: absolute;right: 0;top: 0;background: rgb(255, 0, 0);z-index: 100;text-shadow: none;color: rgb(255, 255, 255);line-height: 25px;width: 25px;font-size: 24px;padding: 0px;}


/*webform */
.postwebform tr { margin: 5px 0px; }
.fieldgroup  { clear: both; margin: 10px 0; padding: 5px;    }
.fieldrow .fieldval textarea {width: 75%;height: 100px;}
.fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=number],.fieldrow .fieldval input[type=email],.fieldrow .fieldval input[type=tel]  { width: 75%;}
.fieldrow .fieldval select  {width: 80%;}
.field_desc {font-style: italic; color: #999;  line-height: 1.4em; padding: 0 3px; font-size: 0.87em; margin-bottom: 10px; clear: both; }
.fieldgroup_desc {font-style: italic;color: #555;line-height: 1.4em;padding: 0 5px;font-size: 0.9em;margin-bottom: 10px;}
.group_nogroup_label,.group_nogroup_tr   { display: none; }
#form_21_post .fieldrow .fieldlabel { width: 50%;  }
#form_21_post .fieldrow .fieldval { width: 50%;  }
#form_21_post .fieldrow .fieldval .ratinghold{ float:left; display:block; margin:0 5px; }
.messagelist, table.myforms,table.myevents { width:100%; border-collapse: collapse;}
.mc_head th, table.myforms th, table.myevents th { background: #BFBFBF; color: #000; font-weight: normal; text-align: left; padding: 10px; }
.messagelist tr, table.myforms tr, table.myevents tr { border-bottom: 1px solid #DDD;}
tr.even td, tr.odd td, table.myforms td, table.myevents td { padding: 8px 10px; text-align: left; }
.messagelist tr:nth-child(even), table.myforms tr:nth-child(odd), table.myevents tr:nth-child(odd) { background: #EEE;}
table.myforms td atable.myevents td a { margin: 0 3px;}
table.myforms td a { display:inline-block; margin:5px;}
table#formtable_7 tr th:nth-child(2),
table#formtable_7 tr td:nth-child(2){ text-align:right;}

#sitesearchform { position:relative; }
#sitesearchform:after{content:''; display:table; clear:both;}
#sitesearchform #textfield {float: left;width: calc(100% - 100px);margin: 0;border: 0;}
#sitesearchform input[type="submit"]{float: left;min-height: 45px;width: 100px;text-align: center;padding: 0;}

/* ==================== webform post form styles ==================== ================================================== */
.fieldgroup {  clear: both;  margin: 10px 0;  padding: 5px;  }
.fieldgroup_label {font-size: 1.5em;font-weight: bold;font-family: 'Raleway', sans-serif;width: 98%;display: block;color: #2477a2;padding: 5px 1%;margin: 20px 0 5px 0;border-bottom: 1px solid #fdc321;}
.fieldgroup_desc, .field_desc {  font-style: italic;  color: #333;  line-height: 1.4em;  padding: 0 3px;  font-size: 0.87em;  margin-bottom: 10px;  clear: both;  }
.fieldrow {padding: 5px 0;text-align: left;display: block;}
.fieldrow .fieldlabel sup {  color: red;  margin-left: 5px;  }
.fieldrow .fieldval textarea {  width: 80%;  min-height: 100px;  }
.fieldrow .fieldlabel {  display: inline-block;  width: 100%;  margin: 0 0.5%;  text-align: left !important;  margin-right: 20px !important;  }
.fieldrow .fieldval {  display: inline-block;  width: 100%;  margin: 0 0.5%;  vertical-align: top;  }
.fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=number], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select {width: 80%;}
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .button {  width: auto;  }
.fieldrow .fieldval input[type=file] {border: 1px solid #ddd;border-radius: 0;width: 100%;}
.fieldrow .fieldval input[type="checkbox"], .fieldrow .fieldval input[type="radio"]{width:auto;}
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr {  display: none;  }


.newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width:auto;display:block;margin: 0 5px;}
.newPostTemplate.webform .fieldrow.hide{ display:none;}
.newPostTemplate.webform .fieldrow .fieldval input[type=number], .newPostTemplate.webform .fieldrow .fieldval input[type=text], .newPostTemplate.webform .fieldrow .fieldval input[type=tel], 
.newPostTemplate.webform .fieldrow .fieldval input[type=email], .newPostTemplate.webform .fieldrow .fieldval select, .newPostTemplate.webform .fieldrow .fieldval textarea{ width:100%;}

.newPostTemplate.webform .fieldrow .fieldval input[name*='date'], .newPostTemplate.webform .fieldrow .fieldval input[name*='date'],
.webform .fieldrow .fieldval input[name*='date'], .webform .fieldrow .fieldval input[name*='date']{width: calc(100% - 30px);}

.newPostTemplate.webform .fieldrow .fieldval input[type='checkbox']{width:auto; }
.newPostTemplate.webform .fieldrow .desc{ font-size:.84em; color:#777;}

.newPostTemplate.webform .fieldrow .fieldlabel{font-family: Lato, Arial, sans-serif;font-weight: 600;display: block;font-size: 14px;margin: 0;color: #666;}
.newPostTemplate.webform .fieldrow .fieldlabel label{display:inline;margin: 0 5px;}

.newPostTemplate.webform .fieldrow .fieldval label{font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;font-size: 15px;margin: 0;display: inline-block;}

.newPostTemplate.webform .fieldrow .fieldval div[class*="_radio"]{display:inline-block;}
.newPostTemplate.webform .fieldrow .fieldval input[id*="from"], .newPostTemplate.webform .fieldrow .fieldval input[id*="to"]{width: calc(100% - 30px);}


.webform .fieldrow.latLong .fieldval{ margin:0;}
.webform .fieldrow.latLong  div.fieldval input {width: 40%;display:inline-block;}
 #propertyMapBlock {height:300px;width: 100%;}
#propertyMapBlock #mapBlock { width:100%; height:100%;}
.newPostTemplate  #content{float:none;width: auto;padding: 0;}

.webform_1 .fieldgroup{padding:0;margin: 0;}

/*job post*/
.jbpst .fieldrow { padding: 5px 0;}
.jbpst .fieldgroup_label { font-size: 1.7em; color: #616161; margin-bottom: 20px; border-bottom: 1px solid #A0A0A0; border-top: 1px solid #A0A0A0; padding: 15px 10px; display: block; }
.jbpst .fieldrow .fieldval textarea{width: 75%;}
.jbpst .fieldgroup_desc, .jbpst .fieldrow .field_desc  { color:#000; font-style:normal; font-size:1.1em; line-height: 1.4em; padding: 0 3px;}
.did_you_graduate_radio, .certificate_of_equiv_check_radio, .relocate_radio, .travel_radio, .job_type_radio, .contact_your_employer_radio, .job_type2_radio, .job_type3_radio, .job_type4_radio, .job_type5_radio, .job_type6_radio,.job_type7_radio { display:inline-block; }
.errmsg, .msg,.err {color: red;}
.err { text-align: center; border: 1px solid red; background: #FEF2EA; padding: 7px 0px; width: 98%; }
.taoCMSerror { color: red; }
form table tr td { padding: 3px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #667233; font-size: 14px;  }
.filteropts h2 { display: inline-block; font-size: 12px;   }
.postwebform td.labelcol { width: 18%; padding-right: 8px; font-weight: bold; vertical-align: top;  }
.postwebform td.labelcol #content { width: auto;   }
.postwebform td.valuecol { width: 88%; vertical-align: top;  }
.general_login { margin-left:30%; }
.general_login  div.logintitle { display: none; background: transparent; color: #2477a2;  font-size: 18px; line-height: 25px; font-weight: normal;   }
.general_login  div.loginmessage { font-style: italic;  margin-bottom: 20px; }
.general_login  div.row { margin: 8px 0px; }
.general_login  div.row span.label {text-align: right;padding-right: 7px;width: 140px;font-weight: bold;display: inline-block;}
.general_login  div.loginbtn, .general_login  div.forgotpassword {margin-left: 140px;}
#filter {  display: none; }

/*departments*/
.depts h4 {font-size:1.4em; line-height:1.6em; }
.depleft{padding-right: 5px;}
.depleft ul{margin:0;list-style: disc;padding-left: 15px;}
.deptright{padding-left: 5px;}
.info{margin-bottom: 10px;/* padding-bottom: 5px; */border-bottom: 1px solid #c0c0c0;}
.info .address, .info .mailingaddress{/* width: 48%; *//* float: left; */margin: 5px 0 11px 0;}
.phones {/* font-size: 14px; */margin-bottom: 10px;}
.phones span{ display:block; margin-bottom:3px;}
.phones a{ color:#333;}
.phones i{color:#2477A2;font-size: 15px;}
div.office_hours[data='']{ display:none;}
.offcHrs{margin-bottom: 10px;}
.offcHrs label{ display:block; font-weight:bold;}
span.phone{ display:block;}
.deptright .lnkbox{position: relative;margin-bottom: 5px;z-index: 2;border-bottom: 1px solid #ddd;padding: 5px;}
.deptright .lnkbox.typeGroup:last-child{border:0;}
.deptright .lnkbox form {display:none;}
.deptright .lnkbox[style="height: auto;"]{ padding-bottom:0;}
.deptright .lnkbox h2{margin: 0px;padding: 0;font-size: 1.4em;}
.deptright .lnkbox p {/* float: left; */margin: 0;clear: both;width: 100%;padding: 5px 0;padding-left: 15px;}
.deptright .lnkbox p + p{/* margin-top: 0; *//* margin: 0; */}
.deptright .lnkbox p:nth-child(n+12) {display:none;  }
.deptright .lnkbox p a {display: inline-block;vertical-align: middle;color: #666;line-height: 1;}
.deptright .lnkbox p:before{content:"\f0da";display:inline-block;vertical-align: middle;font-family:FontAwesome;margin-left: -10px;width: 10px;color: #2477A2;}
.deptright .lnkbox.events p  {padding: 5px 0 5px 15px;}
.deptright .lnkbox.events p em{display:block;font-size: 13px;line-height: 1;}
.deptright .lnkbox a.liblnk{ font-weight:bold; font-size: .9em;}
.deptright .lnkbox .morelnk {/* position:absolute; *//* bottom: -5px; */display: block;/* width: 100%; *//* margin: 5px 0; *//* z-index: 10; *//* text-align: right; */}
.contactb { width: 100%; border-collapse: collapse;  }
.contactb tr:nth-child(even) {background: rgba(0, 0, 0, 0.02);}
.contactb td {border: 1px solid #e5e5e5;padding: 5px;}
.contactb td span {width: 100%; float: left;}
.contactb td:first-child{ display:none;}

.lnkbox.jobs{display: none!important;}

.divTable {display:table;width:100%;border-collapse: collapse;}
.divTable h4{margin: 10px 0 2px 0;}
.divTable .lsrow{display: table-row;}
.divTable .lsrow .lscol {display:table-cell;padding: 5px 2px;border: 1px solid #e5e5e5;}
.divTable .lsrow.head{background:#e5e5e5;}

div.deptright[data-dept="Commission"] div.lnkbox[data-type="Agendas"], 
div.deptright[data-dept="Commission"] div.lnkbox[data-type="Minutes"] {/* display: none !important; */}

/*employment*/
.employmentRow{ border-bottom:1px solid #CCC; padding:10px 0;}
.employmentRow ul{list-style:none;display:flex;flex-wrap: wrap;}
.employmentRow ul li {margin-bottom:10px;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding-right: 10px;}
.employmentRow ul li label{ margin:0; padding:0;}
.employmentRow ul li a{display:inline-block;padding:3px 10px;border:1px solid #2477a2;border-radius: 5px;}
.employmentRow ul li a:hover{ background:#2477a2; color:#FFF;}
.employmentRow .links a{ margin-bottom:5px;}
/*contacts*/
.memcnts{ width:100%; padding:5px 0; display: inline-block; vertical-align: middle; }
.memcnts table{ width:98%;}
.memcnts table tr td{ min-width: 80px; text-align:left; height: 25px; }
.memcnts table tr td:first-child{ display:none; }
.memindvl{ width:100%; padding:5px 2%; }
.memindvl .mempht{ float: left; padding:0 20px 0 0; }
.memindvl .memdtl{/* float: left; *//* width: 70%; */}

.contact{margin: 10px 0;padding: 8px;border: 1px solid #CCC;background: #EFEFEF;}
.contact h2{ font-size:1.2em;}
.departmentContacts{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
.departmentContacts .departmentBlock {display: flex;vertical-align: top;flex-direction: row;flex-wrap: wrap;margin-bottom: 10px;border: 1px solid #ddd;padding: 5px;align-content: flex-start;}
.departmentContacts .departmentBlock h2{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin: 0;font-size: 1.5em;margin: 0;}
.departmentContacts .departmentBlock p{-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;margin: 10px 0;line-height: normal;}


/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input {margin-left: 5px;width: 90%;}
#editevent input[type=radio], #editevent input[type=checkbox]{width:auto;margin: 0;}
#editevent label{ display:inline-block; vertical-align:middle;}
#editevent input#durationinput{ display:inline-block; width:auto;}
#editevent table {border: 0px;margin: 0px;width: 100%;}
#editevent table  td { padding: 3px 0px; }
#editevent table  td {  font-weight: bold; }
#editevent table  td select{ display:inline-block; width:auto;}
#editevent  textarea{width: 100%;height: 100px;}
#editevent table  td div.field { padding: 3px 0px;  }
#editevent table  td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
#editevent table input[type=submit]{width:auto;}
#editevent table table.date_and_time tr:last-child{ display:none;}
#editevent tr:nth-child(5) table{ display:none;}


.indievent { border: 1px dotted #CCC; border-left: 0px; border-right: 0px; }
.indievent h1 { font-size: 20px;  }
.indievent span { display: block;  }
.indievent label { display: block; color: #666; font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent div img { float: left; margin: 5px 10px; }
.eventrow {  border-bottom: 1px dashed #979797; padding: 10px 0; }

/* election tables*/

table.table { width: 98%; display:table; border: 1px solid #9A9A9A; margin: 10px auto; border-collapse: collapse;     }
table.table th { height: 30px; background: #2477a2; line-height: 30px; vertical-align: middle; padding: 0 5px; border-right: 1px solid #EEE; color: #FFF;}
table.table th:last-child { border:0;}
table.table tr td  { border: 1px solid #CCC; height:30px; line-height: 25px; padding: 0 10px; vertical-align: middle;}



/* ====================paging ====================
   ================================================== */
.gallery_next_link{ float:right; }
.gallery_prev_link{ float:left;}
.gallery_next_link a, .gallery_prev_link a{display:inline-block;padding:5px 15px;font-weight:500;color: #2477A2;border: 1px solid #2477A2;}
.gallery_prev_link a:before, .gallery_next_link a:after{ content:"\f178"; font: normal normal normal 14px/1 FontAwesome; display:inline-block; vertical-align:middle; margin-left:7px;}
.gallery_prev_link a:before{content:"\f177"; margin-right:7px; margin-left:0;}
.gallery_prev_link a:hover, .gallery_next_link a:hover{ background:#2477A2; color:#FFF;}
.gallery_prev_link_inactive, .gallery_next_link_inactive{display:none !important;} 

#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links {clear:both;text-align: center;margin: 10px 0;margin-top: 50px;float: none;}
#form_paging_links:after, #calendar_paging_links:after, #paging_links:after, #newschannel_paging_links:after, .gallery_paging_links:after {content:''; display:table; clear:both;}
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span {display: inline-block;text-align: center;margin: 2px;}

#newschannel_paging_links span.gallery_prev_link_inactive, #newschannel_paging_links span.gallery_next_link_inactive,   #form_paging_links span.gallery_prev_link_inactive, 
#paging_links span.prev_link_inactive, #paging_links span.next_link_inactive{display:none;}

#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover, #paging_links span.currentpage, 
.paging span.currentpage {background: #2477A2;color: #FFF;}

#paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a, 
#calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, 
.gallery_paging_links span a:hover {background:#2477A2;text-decoration: none;color: #FFF;border: 1px solid #2477A2;}    

#paging_links span a {color: #2477A2;display: block;border: 1px solid #2477A2;padding: 5px 15px;}
#paging_links span.next_link {width:auto;}



/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px;  padding: 5px 0px; border-top: 1px dotted #CCC; font-size: 12px;  }
#searchresults dd { padding-left: 10px; }

/* forum */
#forum { border: 1px solid #DDD;  border-collapse: collapse; }
#forum td  { padding: 5px 10px; border: 1px solid #DDD; }
#forum-header { background: #EEE; font-weight: bold;   }
#forum-highlight { background: #F9f9f9; }
#content-background { font-size: 0.82em;   }
 
 
/*FAQs */ 
.faq .faqcat h3{ margin:5px 0;  }
.faq .faqblk { margin: 10px 5px;}
.faq .faqdtl {  }
.faq .faqdtl span{color: #2477a2; cursor:pointer; }
.faq .faqdtl span:hover{ text-decoration:underline;}
.faq .faqdtl.faqans{ padding: 2px 0 12px 0; border-bottom: 1px dashed #ccc;}
.faq .faqdtl.faqans strong{ float:left;}
.faq .faqdtl.faqans p{ display:block; margin:0 20px;}
.rsls { margin-left: 5%; }
.rsls a:before { content: "\00BB"; display: inline-block; margin: 0 4px;  }
.rsls a[href="#"] { display: none;  }

/* employee FAQ */
.emp-faq { margin-left: 5%;  }
.emp-faq .faq-ques { font-weight: bold; margin: 6px 0; }
.emp-faq .faq-ans { margin-left: 15px;  }

/* Update member info */
.include-in-directory { display: none; }

/* TABLETS width 700 or above width */

@media all and (min-width: 0px) and (max-width: 1199px){
    .hometab .leftbox:before, .hometab .rgtbox:before{width:100%;left:0;}    
}

@media all and (min-width: 700px) and (max-width: 1020px){
body, html  {width: 100%;padding: 0px;margin: 0px;}
#footer{ padding: 0px; width: 98%; padding: 1%; margin: 0; height: auto; background-size: 21%;}
 
#wrapper { padding: 0; }
#nav ul li a {padding: 0 4px;/* min-width: 6%; */font-size: 14px;}
.container {/* max-width: 96%; */}
.copyright .container { min-width: 96%;  width: 96%; padding: 0%;  margin: auto; }
#content { width: 100%;  }
#leftprt {padding: 0 10px;}
#rgtprt {float: left;padding: 0 10px;}
.pagebr { padding: 0; }
.txlkprow { width:92%; margin:0 auto;}
.txlkprow .txlkpnm{width:45%;}   
}

@media all and (min-width: 0px) and (max-width: 992px){
    .hometab{padding-top: 0;}
    .hometab .leftbox, .hometab .rgtbox, .hometab .middlebox{margin: 0;padding-bottom: 0;}
    .hometab .leftbox:before, .hometab .rgtbox:before, .hometab .middlebox:before{ display:none;}
    .hometab .more {position:relative;margin-top: 5px;}
    .slidebg{height: 300px;}
    .sliderContent div.base .img img{height:100%;width: auto;max-width: none;}
    .taoNav{margin-top: -30px;}
    .contact { margin:10px;}
   .navigate  {display: block;text-align: right;height: 100%;}
   .navigate .navIcon {display:flex;justify-content: flex-end;height: 100%;align-content: center;flex-direction: row;flex-wrap: wrap;}
   
   .navigate button{background:transparent;height: 50px;padding: 0;}
   #nav:after, .navigate:after{ content:''; display:table; clear:both;}
   .navigate i{font-size: 40px;color: #2477a2;}
   .navigate a { display: block; color: #DDD; cursor: pointer;  }
   .navigate a label.mbtn { cursor: pointer; display: inline-block; vertical-align: middle; line-height: 0; margin: 0; padding:4px 5px; width: 2.2em; height: 2em;  margin-right: 10px; }
   .navigate a label.mbtn div { display: block; width: 100%; margin-top: 10%; }
   .navigate a label.mbtn div label { display: inline-block; margin: 0; width: 15%; margin-right: 10%;  border-top: 5px solid #FFF; }
   .navigate a label.mbtn div span { display: inline-block; margin: 0; border-top: 5px solid #FFF;  width: 70%;    }
   .navigate a label.mbtn:hover div label, .masternav:hover label.mbtn div label { border-top: 5px solid #333; }
   .navigate a label.mbtn:hover div  span, .masternav:hover label.mbtn div span { border-top: 5px solid #333; }
   
   .srchblk{background: #FFF;z-index: 6;transform: none;border: 0;top: auto;width: 100%;padding: 7px;}   
   .srchblk{background: #2477A2;}   
   .srchblk input[type=text]{border:0;margin: 0;}
   .srchblk input[type=submit]{ height:50px; background:#464a4a;}   
}

@media all and (min-width: 700px) and (max-width: 860px){
#leftprt {/* display: none; */padding: 0 10px;}
#rgtprt {width: 100%;float: none;margin: 0;padding: 0 10px;}
.footabout { display: none; }
#rgtprt .box,#call, #sidemenu { float: left; width: 43%; margin: 1%;   } 
.content  {width:98%; margin:0px auto;}
.deptright .lnkbox { float:left; margin: 0px  1.5%; padding-bottom: 15px; margin-bottom: 5px;}
}
@media all and (min-width: 0px) and (max-width: 768px){
div.container {}
#leftprt {/* display: none; */padding: 0 10px;}
.logo{display: block;width: 100%;padding: 0;}
.logo img{max-width: 100%;}   
#nav ul { float: none; position: relative; right: 0; top: 40px; z-index: 122; background: #000; }
#nav ul li { float: none; position: relative; background: #000;  border: 0;  text-align: left; }
#nav ul li a { color: #FFF; line-height: 35px; }
.navigate a { display: block; color: #FFF; }
#nav ul { display: none; min-width: 240px; max-width: 240px;  z-index:10; margin: 0; position: absolute; top: 50px; right: 0px; }
#nav ul li ul { padding: 0; z-index: none; position:  relative; top: 0; right: 0;}
#nav ul li ul li a,#nav ul li:hover ul li a {display:none;  }
#nav ul li:hover ul li a:hover {text-decoration: underline;  }
#nav:hover ul { display: block; }
#nav ul li.home a, #nav ul li.home a:hover, #nav ul li.home.currentitem a{ height: 45px; background-size: 12%;}

#footblk { position: relative; height: auto;  }
#slides .slidePhoto{ display:none;}

.hometab .leftbox,.hometab .middlebox, .hometab .rgtbox{margin: 0;padding-bottom: 0;}
#conblk{padding: 0;}
.footnav > ul > li{-ms-flex: 0 0 100%;flex: 0 0 1030%;max-width: 100%;; }
   
}
/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 699px){
body, html  { max-width: 699px; min-width: 0; width: 100%; padding: 0px; margin: 0px;  }
#header{ height:auto;}
#header .container{}
#footer { height: auto; background-position: 80% bottom; background-size: 30%;}
#wrapper { margin: 0px auto; }
.container {}
#rgtprt .box,#rgtprt #call, #rgtprt #sidemenu { float: none; width: 92%;  margin: 0px auto;}
#topnav { display: none; }
.compn { width:46%; padding: 10px 0.5%; margin: 0.5%;  height: 120px; float: left; text-align: center; border: 1px solid #CCC;  }
.fieldrow{ margin: 5px 15px;}
#form_21_post .fieldrow .fieldval, #form_21_post .fieldrow .fieldlabel{ width: 80%; margin: 5px 0;}
.fieldrow .fieldval textarea{ width:100%;}
.copyright .container{ width:96%; margin:0px auto;}
.copyright span.menu, .copyright span.copy, #socialmenu { clear:both; float:none; width: 98%; margin:2px auto; display: block; text-align:center;}
#socialmenu ul{ float:none; text-align:center; margin: 5px auto;}
.depleft, .deptright{ width:98%;}
.deptright .lnkbox { float: none; margin: 5px 0;}
.webform .fieldrow .fieldlabel { display: inline-block; width: 48%; margin: 0 0.5%; }
.webform .fieldrow .fieldval { display: inline-block; width: 50%; margin: 0 0.5%; vertical-align: top;}
.footnav > ul > li> ul > li {min-width:100%;width: 100%;padding: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}

@media all and (min-width: 0px) and (max-width: 600px){

.footnav> ul>li{width:100%;display:block;margin-bottom: 15px;}
   
}

@media all and (min-width: 0px) and (max-width: 550px){ 
#slides .slidePhoto{ display:none;}
.sliderContent div.base.slShow div.caption{ width:80%;}
.hometab .boxes { clear: both;  padding: 10px 3%; width: 94%; display: block;  margin: 0px auto;}
.hometab .middlebox { border:0;}
.hometab .more {position:relative;width: 100%;display: block;margin-top: 10px;}
.hometab .boxes  h2 { margin-top: 0;  }
.footnav ul li{float:none; }
#footer { height: auto; background-position:80% 95%; background-size: 30%;}
}

@media all and (min-width: 0px) and (max-width: 479px){
 
#rgtprt .box,#rgtprt #call  { width: 90%;  }
 
.box,.slidePhoto { display: none;}
#nav { top: 0px;}
.mlogin { display: none;  }
.logo{ width:100%;padding: 5px 0;}
 
#footer { height: auto; background-position:80% 94%; background-size: 35%;}
 
.solpart { display: block; clear:both; width: 98%;text-align: left; float: none;  margin: 0; padding: 1em ; vertical-align: top;  }

.sliderContent div.base div.caption {  width: 96%; position: relative;  font-size: 1.1em; right: 0%; bottom: 0%; }
.sliderContent div.base div.caption  h2 { font-size: 1.3em; }
.compn { width:96%; padding: 10px 0.5%; margin: 6px 0.5%;  height: 120px; float: left; text-align: center; border: 1px solid #CCC;  }
.sf_shdl_blk{ width: 92%; float:none;}
.shdlnk{ width:100%; float:none;}
.jbpst .fieldrow{ width: 98%; margin:0 auto;}
.webform .fieldrow .fieldlabel { display: inline-block; width: 100%; margin: 0 0.5%; }
.webform .fieldrow .fieldval { display: inline-block; width: 100%; margin: 0 0.5%; vertical-align: top;}
.webform .fieldrow .fieldval input[type=text]{ width:94%; }

}

/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 699px){
.footnavi,.solpart { float: none;clear: both;}
.solpart {text-align: left; }
.footnav { /margin: 0px auto;float: none;}

}