html{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-family:sans-serif; scroll-behavior:smooth;}
body{color: #111; display:flex; flex-direction:column; font-family: "Inter", sans-serif; font-size: 1rem;font-weight: 400;line-height: 1.5; margin:0; position:relative; text-align:left;  size-adjust: 105%; ascent-override: 92%; descent-override: 28%; line-gap-override: 0%;}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, figure, footer, header,hgroup, menu, nav, section, menu,time, mark, audio, video {  margin:0;  padding:0;  border:0;  outline:0;  font-size:100%;  vertical-align:baseline;  background:transparent;}
header, section, article, aside, footer, figure, nav, hgroup, video, div { display: block;  }

/* Basic */
a  { text-decoration: none; color: #800000;  }
a:hover { text-decoration: underline; }
ul, ol { margin-left: 40px; }
input, select, textarea { border: 1px solid #CCC; padding: 3px 5px; font: normal 12px/18px Arial, Helvetica, sans-serif; }
input[type=button], input[type=submit], input[type=reset] {  padding:3px 14px; cursor: pointer; text-transform: capitalize; font-weight: bold; border: 1px solid #800000; color: #FFF; background-color: #800000;  }
input[type=text], input[type=password] { width: 200px;  }
input[type=checkbox], input[type=radio] { border: 0px;   }
p { padding: 6px 0px; }

.hide{ display:none;}

.clr { clear: both;  }
.pad { padding: 10px;  }
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-weight: normal; text-align: left;font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";color: #800000;font-size: 2.8em;line-height: 1.2em;font-weight: 600;}
h1 {  padding-bottom:4px; margin-bottom: 10px;  }
h2 { font-size: 2.1em; margin-bottom: 10px;   }
h3{ font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 0.5rem;  text-rendering:optimizelegibility; line-height: 1.2;}
.h1, h1 {font-size: calc(1.375rem + 1.5vw); 
    @media (min-width: 1200px) {font-size: 2.5rem; } 
}
.h2, h2 {font-size: calc(1.3rem + 0.6vw); 
    @media (min-width: 1200px) {font-size: 1.75rem; } 
}
.h3, h3 {font-size: calc(1.25625rem + 0.075vw); 
    @media (min-width: 1200px) {font-size: 1.3125rem; } 
}
.h4, h4 {font-size: 1.125rem; }
.h5, h5 {font-size: 1rem; }
.h6, h6 {font-size: 0.875rem; }

/*Skip button*/
.skip-to-main-content-link {display: block;position: absolute;left: -999px;top: -999px; 
    &:focus{left: 0;top: 0;z-index: 9999;padding: 3px;background:#333;border:1px solid #800000; color:#FFF;}
}
:focus,:focus-visible{outline: 2px dotted #fbdc6c;outline-offset: -2px;}
/*Go to Top button*/
.cd-top {position: fixed;bottom: 0;right: 40px;width: 40px;height: 32px;z-index: 10;border-radius: 5px 5px 0 0;background: #4f4f4f;opacity: 0;visibility: hidden;overflow: hidden;display: block;transition: opacity .3s, visibility .3s;
    i {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; line-height: 35px; text-align: center; font-size: 1.4em; color:#FFF; text-indent: 0; }
    &.cd-is-visible, &.cd-fade-out, .no-touch &:hover {opacity: 1; visibility: visible; transition: opacity .3s, visibility .3s; }
    &.cd-fade-out {opacity: .75; }
    &:hover, .no-touch &:hover {background:#454545; border-color:#FFF; }
    &:hover i {color: #FFF; }
}

/* ==================== layout==================== ================================================== */
#layout {  position: relative;  top: 0;  left: 0;  width: 100%;  min-width: 100%;  background: #FFFFFF;display: flex;min-height: 100vh;flex-direction: column;}
#footer {  flex-shrink: 0;}
#wrapper {height: auto;width: 100%;margin: 0 auto;position: relative;flex: 1 0 auto;}

#header {display: block;margin: 0px;/* height:80px; */}
#header h1{ display:none;}
#nav {background: #800000;box-shadow: 0px 0px 8px #AAA;position: relative;padding: 0;}
#footer  {clear: both;text-align: center;color: #fff;padding: 10px 0px;background: #800000;border-top: 1px solid #596167;margin-top: 50px;}
#csstable { display: table; width: 100%;  }
#csstablerow { display: table-row; width: 100%;   }
#leftpart, #inleftpart { border-right: 1px dotted #CCC;  display: table-cell; vertical-align: top;  padding: 10px; width: 180px;  }
#rightpart, #inrightpart {display: table-cell; vertical-align: top; background: #FCFCFC; width: 250px;  box-shadow: inset 0px 0px 8px #BBB; }
#middlepart {  display: table-cell; vertical-align: top; padding: 0px 10px; width: 780px; }

/* header */
.headbg { background: url(image/cache/ndbg.png) top left no-repeat; height: 80px; }
.logo {color: #FFF;margin: 10px 0;}
.logo img {border: 0px;display: block;max-width: 100%;}
.padbottom {/* padding-bottom: 80px; */}
.search {float: right;/* margin-top: 30px; */}

/* navi */
#nav ul {list-style: none;padding: 0px;margin: 0px;display: block;/* line-height: 25px; */}
#nav ul li { cursor: pointer; position: relative;  text-transform: capitalize;  display: inline-block; }
#nav ul li a {color: #FFF;display: block;padding: 5px 15px;}
#nav ul li:hover ul, #nav ul li a:hover ul {display: block;/* padding-top: 5px; */z-index:2000;}
#nav ul li:hover ul ul, #nav ul li a:hover ul ul { display: none; }
#nav ul li ul  {width: 230px;padding: 0px;margin: 0px;text-align: left;list-style: none;display: none;background: #a62a2a;position:absolute;height:auto;border:0px;padding-bottom: 10px;margin-top: -1px;}
#nav ul li ul li ul {width: 220px;padding: 0px;margin: 0px;text-align: left;list-style: none;display: none;background: #EFEFEF;position:absolute;left: 100%;top: 0;z-index:2001;height:auto;border:0px;padding-bottom: 10px;/* margin: -30px 0px 0px 150px; */}
#nav ul li ul li ul li ul {width: 210px;padding: 0px;margin: 0px;text-align: left;list-style: none;display: none;background: #EFEFEF;position:absolute;z-index:2001;height:auto;border:0px;padding-bottom: 10px;/* margin: -30px 0px 0px 210px ; */}
#nav ul li ul li {float: none;display: block;/* font-size: 12px; */text-transform: capitalize;border: 0px;margin: 0px;position: relative;}
#nav ul li ul li a {color: #FFF;padding: 8px 15px;}
#nav ul li ul li a:hover, #nav ul li ul li:hover, #nav ul li ul li:hover>  a{ color: #333; background: #EFEFEF; }
#nav ul li ul li:hover ul, #nav ul li ul li a:hover ul  { display: block;  }
#nav ul li ul li:hover ul li ul, #nav ul li ul li a:hover ul li ul  { display: none;  }
#nav ul li ul li ul li:hover ul, #nav ul li ul li ul li a:hover ul  { display: block;  }
#nav ul li ul li ul li a{ color:#a62a2a;}
#nav ul li a:hover, #nav ul li:hover  { color: #FFF; background: #a62a2a; text-decoration: none; }
#nav li.currentitem, #nav li.currentitem > a {  color: #FFF; background: #a62a2a; text-decoration: none; }
#nav li.currentitem ul li { background: none; }

.navIcon {position: relative;text-align: right;}
.NavbarToggle {  display: inline-block;  vertical-align: middle;  background-color: transparent;  border: 0;  padding: 0;  }
.NavbarToggle i {font-size: 2em;color: #800000;}

.Sidebar__body {background-color: #800000;right: -320px;width: 320px;top: 0;bottom: 0;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 99999;-webkit-transition: right .3s ease-in-out;transition: right .3s ease-in-out;}
.Sidebar.show .Sidebar__body {  right: 0;  }
.Sidebar.show .Sidebar__backdrop {  display: block;  }
.SidebarMenu {padding: 0 15px;}
.SidebarMenu ul {  list-style: none;  padding: 0;  margin: 0;  }
.SidebarMenu ul li.mainlogo{display:none;}
.SidebarMenu ul li a {font-size: 15px;color: #fff;text-decoration: none;padding: 5px;display: block;}
.SidebarMenu > ul > li > a{ text-transform:uppercase; font-size:16px; font-weight:600;} 
.SidebarMenu > ul > li > ul > li >a{padding-left:10px;}
.SidebarMenu > ul > li > ul > li > ul { display:none;}
.SidebarMenu > ul > li > ul > li > ul li a{font-size:12px;padding: 2px;padding-left:15px;} 

.navIcon {position: relative;padding: 12px 12px;}
.NavbarToggle {  display: inline-block;  vertical-align: middle;  background-color: transparent;  border: 0;  padding: 0;  }
.NavbarToggle i {font-size: 1.8em;color: #2e2c2d;}
.sidebar__Close {  padding: 20px;  }
.sidebar__Close i{color: #ffffff;}
body.subpage .Header .NavbarToggle i {  color: #2e2c2d;  }
.breadcrumbs{background:#F2F2F2;padding: 5px 15px; font-size:.75em;}
.breadcrumbs a:first-child{ margin-left:15px;}

/* home */
#showcase {margin: 0px 0px;padding: 10px 0px;margin-bottom: 25px;position: relative;background: #F2F2F2;border: 1px solid #DDD;}
.slides { padding: 5px; box-shadow: 0px 0px 8px #999; text-align: center;  height: 360px; }
.homeitems { display: block; margin: 20px 0px;  }
.homeitems div {color: #D3DCDC;}
.homeitems .newslist{padding: 10px;height:100%;min-height:250px;position: relative;display: flex;flex-direction: column;}
.homeitems .newslist ul{padding:0;margin:0;list-style:none;height: 100%;}
.homeitems .newslist ul li, .homeitems .newslist div div.minutes {display:flex;margin-bottom: 15px;align-items: center;}
.homeitems .newslist ul li:before{content:"\f111";font-family:FontAwesome;display:inline-block;color:#ffffff;margin-right: 10px;font-size: 10px;}
.homeitems .newslist div div.minutes a{display:inline-block;color:#fff;padding: 0;padding-left: 5px;}
.homeitems .newslist.hours p{margin-bottom:5px;padding:5px;border-bottom: 1px solid #5d5d5d;}



.homeitems h1 {color: #FFF;font-size: 1.3em;}
.rightpart { float: right; }
.rightpart img { padding: 5px; border: 1px solid #DDD; }

/* footer */
#footer i { font-weight: bold; color: #D3DCDC;  }
.footrt { text-align: right; }
#footer a {color: #FFF;}
#footer ul {list-style: none;padding: 0px;margin: 0px auto;display: block;padding-bottom: 10px;}
#footer ul li{display: inline-block;padding: 10px;line-height: 14px;color: #D3DCDC;}

/*content */
.content {padding: 10px 0;display: block;}

/* side nav */
.sideDiv {border-right: 1px dotted #CCC;padding-right: 10px;}
.sidenav h2 {margin: 0px;border-bottom: 1px solid #a62a2a;padding: 3px 8px;}
.sidenav li.head {font-size: 18px;font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";color: #800000;padding: 0px;margin: 0px;border-bottom: 1px solid #a62a2a;padding: 3px 0px;}
.sidenav li.head a {padding:0;}
.sidenav ul { padding: 0px; margin: 0px; list-style: none;  }
.sidenav li {   border-bottom:1px dotted #DDD; position: relative;transition: all .5s ease;  }
.sidenav li a {display:block;padding: 8px;display: block;color: #5d5d5d;}
.sidenav li a:hover { text-decoration:none; color: #800000; background: #EDEDED; }
.sidenav li ul {position: relative;z-index: 9;left: 0;top: 0px;display: block;width: 100%; transition: all .3s ease;} 
.sidenav li ul li a{padding: 5px;padding-left: 10px;font-size: .9em;} 
.sidenav li ul li ul li a{padding-left: 15px;font-size: .8em;} 
 


/*member menu */
.membermenu li ul { display: block;  position: relative; left: 0px;  background: #FFF; font-size: 11px; } 
.membermenu li ul li { padding-left: 10px; }

table.myforms {width:100%; border-collapse:collapse; margin:10px 0;}
table.myforms tr td, table.myforms tr th{ padding:5px; border:1px solid #eee;}
table.myforms tr th { background:#ddd;}
table.myforms tr td a{ display:inline-block; padding:0 5px; font-size:10px;}

/* news */
.newslist {  color: #FFF;}
.newslist p{ margin: 0px; padding: 0px;  }
.newslist a {color: #FFF;padding: 0;cursor: pointer;display: block;font-size: .95em;}
.article { border-bottom: 1px dotted #CCC; padding: 5px; }
.article h2 { margin-bottom: 0px; }
.article p { padding: 5px 0px; margin: 0px;  }
.article p span.splitleft { font-size: 11px; }
.article p span.splitright { float: right;  }


/*contacts */
.contacts { width: 50%; margin-left: 10px; float:right; }
.departmentContacts {display:flex;flex-wrap:wrap;justify-content: space-between;}
.departmentContacts h1{ min-width:100%;}
.departmentContacts > div.contact {display: inline-block;margin: 15px 0 0px 0;padding: 10px;width: 32%;vertical-align: top;border: 1px solid #CCC;background: #EFEFEF;}
.departmentContacts  div.contact h2, .departmentContacts  div.contact p{padding:0; margin:0;}
.departmentContacts  div.contact p {font-size:.9em;}

.webform .fieldrow { margin:5px 0;}
.newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width:auto;display:block;margin: 0 5px;}
.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%;}

.webform .fieldrow .fieldlabel sup{color: #b60000;top:-2px;font-size: 1em;}


/*calendar */ 
#calendar { border-collapse: collapse; width: 100%; }
#calendar th,#calendar td { border: 1px solid #CCC; width: 14%;  height: 50px; }
#calendar th { text-align: center; background: #EEE; vertical-align: middle; font-size: 18px;  color: #800000; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar td.caption { background: #CCC; vertical-align: middle; text-align: center; color: #800000; font-size: 18px; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar td.caption a.nav{ display:inline-block;}
#calendar ul { margin: 0px; padding: 0px; list-style: none;  display: block;  }
#calendar ul li { padding: 2px; line-height: 16px; border-bottom: 1px solid #FFF; background: #DDD; font-size: 11px;  }

/* 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 { border: 1px solid #CCC;  padding: 5px; background: #FFF; box-shadow: 0px 0px 8px #CCC;  }
.photo { text-align: center; margin-top: 20px;}
.photo img {   border: 1px solid #CCC; display: inline-block;  padding: 10px; background: #FFF; box-shadow: 0px 0px 8px #CCC; }

/*webform */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg { color: red; font-weight: bold; padding: 10px 0px; }
.taoCMSerror { color: red; }
form table tr td { padding: 8px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; color: #800000; 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.valuecol { width: 88%; vertical-align: top;  }
.general_login { margin-left:30%; }
.general_login  div.logintitle {  font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; color: #800000;  font-size: 30px; line-height: 35px; font-weight: normal;   }
.general_login  div.loginmessage { font-style: italic; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";  margin-bottom: 20px; }
.general_login  div.row { margin: 8px 0px; }
.general_login  div.row span.label { text-align: right; padding-right: 7px; width: 100px; font-weight: bold; display: inline-block; }
.general_login  div.loginbtn, .general_login  div.forgotpassword { margin-left: 110px; }
#filter {  display: none; }

/* event */
#editevent {padding: 20px;}
#editevent input {min-width: 50%;}
#editevent table {border: 0px;margin: 0px;width: 100%;}
#editevent table  td { padding: 3px 0px; }
#editevent table  td {font-weight: bold;vertical-align: top;}
#editevent table  td.label{ width:30%;} 
#editevent  textarea{width: 100%;height: 120px;}
#editevent table  td div.field {padding: 3px 0px;display: none;}
#editevent table  td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
#editevent table.date_and_time td {text-align:left;width: 10%;}
#editevent table.date_and_time #notime{display:inline-block;min-width: auto;}
#editevent table.date_and_time #durationinput {width: 140px;}
#editevent #recurrencetype h4{color:#333;font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
#editevent #recurrencetype p {display:inline-block;vertical-align:middle;padding: 5px 10px;}
#editevent #recurrencetype p input{display:inline-block;width:auto;min-width:auto;margin: 0 5px 0 0;}

#editevent input[type=checkbox], #editevent input[type=radio], #editevent input[type=button], #editevent input[type=submit], #editevent
 input[type=reset] { width:auto; min-width:auto;}

table.myevents { width:100%;}
table.myevents tr th{background: #d8d8d8;padding:5px;} 
table.myevents tr td {padding:5px;border-bottom: 1px solid #eee;}
table.myevents tr:nth-child(odd) td {background: #f5f5f5;}

tr#recurrencetables { display:none;}
tr#recurrencetables ~ tr table tr td:first-child {width: 21%;}

#editevent textarea[name="short_description"] { height:50px;}

table.editevent tr:nth-child(6){ 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; }
.TAOcpBorder { top: -280px; left: -170px; background: #CCC; position: absolute; }

/* deptright */
.deptright { padding-left: 8px; }
.deptright div.services { background: #EDEDED; padding: 5px 5px;}
.deptright h2 {/* margin-top: 15px; */border-bottom: 1px solid #a62a2a;padding: 0 5px;}
.deptright p {padding: 3px 7px;margin: 0px;border-bottom: 1px dotted #CCC;}
.box {overflow: hidden;position: relative;margin-bottom: 10px;z-index: 2;padding-bottom: 20px;}
.deptright ul { margin:0; padding:0; list-style:none;}
.deptright ul li {padding: 5px 0;border-bottom: 1px dotted #CCC;display: flex;flex-wrap: nowrap;align-items: baseline;}
.deptright ul li a{ font-size:.9em;}
.deptright p:before, .deptright ul li:before{content:"\f138";display:inline-block;font-size: 12px;font-family:FontAwesome;color:#a62a2a;padding-right: 5px;}
.deptright .hideJob {display: none;}
.deptright ul li:nth-child(n+8){display:none;}

.deptright .box a.liblnk{ font-weight:bold; font-size: .9em;}
.deptright .box .morelnk {position:absolute;bottom: -5px;display: block;width: 100%;margin: 5px 0;z-index: 10;text-align: right;}

.indvdept .deptaddress { margin-bottom:10px;}
.indvdept table{width:100%;border-collapse:collapse;}
.indvdept table tr td {padding:5px;border-top:1px solid #eee;/* border-bottom:1px solid #eee; */}
.indvdept table tr:nth-child(odd) td{ background:#eee;}


/*departments*/
.deptContacts h3 {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: 0;}

.deptright .lnkbox{position: relative;margin-bottom: 5px;z-index: 2;border-bottom: 1px solid #ddd;padding: 5px;}
.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+8) {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: #e7ae03;}
.deptright .lnkbox.events p  { padding:2px 0; }
.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; */}

.deptContacts { width: 100%; border-collapse: collapse;  }
.deptContacts tr:nth-child(even) {background: rgba(0, 0, 0, 0.02);}
.deptContacts td {border: 1px solid #e5e5e5;padding: 5px;}
.deptContacts td span {width: 100%; float: left;}
.deptContacts td:first-child{ display:none;}

.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;border: 1px solid #e5e5e5;font-size: .9em;}
.divTable .lsrow.head .lscol{ background:#e5e5e5;}
.divTable .lsrow .lscol span{font-size:.85em;}
.divTable .rowGroup { display:table-row-group;}
.divTable .rowGroup div.groupHead{padding: 5px 0;font-size: 20px;font-weight: normal;margin-top: 5px;font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";color: #800000;}


/*paging */
#form_paging_links, #calendar_paging_links, #paging_links, .newschannel_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span,  #paging_links span, .paging span { display: inline-block; text-align: center; padding: 2px 10px; border:1px solid #CCC; }
.newschannel_paging_links span { padding: 3px 10px; border: 1px solid #CCC; margin: 5px;  }
.newschannel_paging_links span a:hover ,  #calendar_paging_links span a:hover, #form_paging_links span a: hover, #paging_links span a:hover, { background: #800000; text-decoration: none; color: #FFF; } 

/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px;  padding: 5px 0px; border-top: 1px dotted #CCC;  font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size: 12px;  }
#searchresults dd { padding-left: 10px; }



/* ==================== Image Slider ==================== ================================================== */
#showcase .slider_block {position: relative;margin: 0; width: 100%;height: 100vh;overflow: hidden;}
#slides {  height: 100%;  position: absolute;  top: 0px;  width: 100%;  }
.slide_img {  height: 300px;  width: 100%;  position: absolute;  z-index: 6;  }
#intro-section {background: #186F89;color:#fff;}
.sectionBlock h2.sectionTitle{border-bottom: 1px solid #18797c;display: inline-block;padding: 0 12px;color: #18797c;padding-bottom: 3px;}


/* slide show */
/* slide show */
.sliderContent {  height: 100%;  position: relative;  overflow: hidden;  width: 100%;  float: none;  }
.sliderContent div.base {position: absolute;width: 100%;height: 100%;right: 0;opacity: 1;display: none; /* Safari 6.0 - 9.0 */padding: 5px;box-shadow: 0px 0px 8px #999;text-align: center;}
.sliderContent div.base .container .sliderData {/* width: 75%; */text-align:left;}
.sliderContent div.base .img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;margin: 5px;}
.sliderContent div.base .img img{display:block;margin:0 auto;max-width: 100%;/* padding: 0px; */box-shadow: 0px 0px 4px 3px #999;text-align: center;}

.sliderContent div.base.Video .img {  display: none;  }
.sliderContent div.base .sliderData{position: absolute;width: 100%;z-index: 99;bottom: 0;padding: 10px;}

.sliderContent div.activeSlide { display: block; right: 0; }
.slider_block div.container {height: 100%;}
.sliderContent div.base div.caption {position: relative;z-index: 5;/* width: 55%; */padding: 10px;color: #FFF;max-width: 100%;margin: 0;top: 0;display: none;}
.sliderContent div.base div.caption * {color: #186F89;}
.sliderContent div.base div.caption a{font-weight: 400;display: inline-block;}
.sliderContent div.base div.caption p { }
.sliderContent div.base div.caption h1{font-size: 3.0em;margin:0;font: 60px/70px 'Lato', sans-serif;font-weight: 400;color: #fff;margin: 0 0 10px;}
.sliderContent div.base div.caption h2{font-weight: 400;margin:0;margin-bottom: 5px;text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.4);}
.sliderContent div.base div.caption h2 span.block{ display:block;}
.sliderContent div.base div.caption h3{font-size: 2.0em;border: 0;margin: 0;padding: 0;font-family:'Work Sans', sans-serif;}
.sliderContent div.base div.caption h4{/* font-size:1.0em; *//* line-height:1.2em; */font: 300 16px/24px 'Open Sans', sans-serif;}
.sliderContent div.base div.caption h5{ font-size:.84em; line-height:1.18em;}
.sliderContent div.base div.caption .background{padding: 5px;margin-bottom: 5px;display: inline-block;}

/*caption Video*/
.sliderContent div.base.slShow div.caption.Video {  width: 100%;  max-width: none;  text-align: center;  position: relative;  height: auto;  padding: 0;  border: 0;  margin: 0;  }
.sliderContent div.base.slShow div.caption.Video h3 {  text-align: left;  margin: 0;  margin-left: 15px;  padding: 0;  display: none;  }
.sliderContent div.base.slShow div.caption.Video iframe {  height: 400px !important;  width: 100%;  }
.sliderContent div.base.slShow div.caption.Video a, .sliderContent div.base.slShow div.caption.Video p {  padding: 0;  margin: 0;  }


.sliderContent div.base div.caption div {  margin-top: 0px;  }
.sliderContent div.base div.caption div a {text-align: center;color: #FFF;margin:;}
.sliderContent div.base.slShow div.caption {display: block;position: relative;z-index: 1;}
.sliderContent div.base.slShow div.caption.No-Background {  background: none !important;  }


.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: #f5831a;  color: #f5831a;  }
.taoNav a:hover {  text-decoration: none;  }


/* subpage_slider*/
.subpage_slider {  padding: 100px 0; background-position: center center;  background-attachment: fixed;  background-size: cover;  }


/* Responsive */
@media all and (min-width: 0px) and (max-width: 768px) { 
#header { padding:5px 0;}
#header .container{/* border-bottom: 1px solid #bababa; */}

#header .breadcrumbs .container{ border:0;}
#header .breadcrumbs {padding:5px 0;border-top: 1px solid #bababa;}
.breadcrumbs a:first-child {margin:0;}
.search{float:none;width:100%;margin-bottom: 0;}
.search form{ width:100%; position:relative;}
.search form input[type=text] {width:100%;padding-right: 75px;}
.search form input[type=submit] {position:absolute; right:0; }

.sideDiv { border:0; padding:0;}

.Sidebar__backdrop {  background-color: rgba(0,0,0,.25);  left: 0;  top: 0;  z-index: 999;  display: none;  }
.Sidebar--active, .Sidebar__backdrop {  position: fixed;  height: 100%;  width: 100%;  }
.Sidebar.active .Sidebar__backdrop {  display: block;  }
.Sidebar--active, .Sidebar__backdrop {  position: fixed;  height: 100%;  width: 100%;  }
.departmentContacts > div.contact{ min-width:49%}
}


@media (min-width: 0px) and (max-width:991px){
.homeitems .newslist { min-height:auto;}
    
}

@media (min-width: 0px) and (max-width:768px){
.homeitems .newslist { min-height:auto;}

}
@media (min-width: 0px) and (max-width:460px){
    .departmentContacts > div.contact{ min-width:100%;}
}