html, body {margin: 0px;width: 100%;height: 100%;display: block;font-size: 100%;font-style: normal;font-family: Arial, Helvetica, sans-serif;color: #000;background: #FFF;scroll-behavior: smooth;}
html, body, 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,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {  
	margin:0; 
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {line-height: 18px;background-color: #EEE;height: 100%;font-size: 0.92em;background-repeat:no-repeat;background-position: center center;background-attachment: fixed;background-size: cover;}

/* Basic declarations */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block;  }
p { margin: 0.5em 0; }
a { text-decoration: none; color: #204483; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-weight: normal;  color: #6B8E23; text-align: left; font-family: 'Archivo Narrow', 'sans-serif';   font-size: 2.8em; line-height: 1.2em;;  }
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; }
ul, ol { margin-left: 3em; list-style: square; }
ol { list-style: decimal;  }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
input, select, textarea { border: 1px solid #CCC; padding: 8px; font-size: 13px; color: #444;  font-family: Arial, Helvetica, sans-serif; max-width: 95%;  }
input [type=radio], input [type=checkbox], input [type=slider] { border: 0px; }
input[type=button], input[type=reset],input[type=submit],.button { background: #204483; color: #FFF; cursor: pointer; text-decoration: none; margin-right: 10px; border: 1px solid #204483; padding: 5px 18px; display: inline-block; }
input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled { background: #AAA; border: 1px solid #AAA; color: #BBB; }
textarea { min-height: 90px; width: 60%; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px;  }
.pad {padding: 25px; }
.divider { margin-top: 20px; position: relative;   }
#editor { background: #FFF; }
.hide, #changeparameters_1 { display: none;  }
#breadcrumb {padding: 5px 10px;}
.box { padding: 10px;  margin: 0 0 10px 0;}
.box h2 { font-size:1.5em;}
.box .boxr.eventlt p em { display:block;}
#changeparameters_5,#changeparameters_2,#changeparameters_3,#changeparameters_4,#changeparameters_6 { display: none;  }

.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: 2px solid blue;}

/* layout*/
#layout { background: transparent; position: relative;  top: 0; left: 0; width: 100%; /* min-height: 100%; */ min-width: 100%;  }
#wrapper {  min-height:100%; height: auto !important;height: 100%;   background: rgba(238, 238, 238, 0.95);   margin: 0px auto; width: 990px; min-width: 990px;   position: relative;   box-shadow: 0px 0px 6px #999;}
.no-rgba #wrapper { background:#EEE; }
#header{ height: 140px; position: relative;}
#header .container { height: 100%;}
.no-rgba #header .container { background: #0A3443;}
#nav {  position: relative; height:50px;   background: #4D699C; }
#content {  padding: 10px; padding-top: 25px; float: left; width: 700px; text-align: justify; }
.footspacer, #footer { height: auto;}
#footer {  padding: 25px 0;  clear: both; overflow: hidden;line-height: 1.3em; border-top: 3px solid #DDD;   color: #FFF;  min-height: 100px;  background: #204483 url(/image/cache/county_outline.png) no-repeat 97% center;}
.container { width: 990px; position: relative; margin: 0 auto; }
#leftprt { width: 21%; float: left; padding: 0.5% 0.5% 20px 0.5% ;}
#rgtprt { width: 75.5%; float: left; margin: 1% 0.5% 0 1%; padding: 0 0 20px 0;}
#footblk { width: 100%; background: #204483;}
.content{ width: 100%; height:auto;}
/*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{ height: 30px; width: 250px; margin: 25px 5px; float: right; border: 1px solid #9E9D9D; display: inline-block; vertical-align: middle; padding: 2px 0; position: relative; overflow: hidden; clear: right;}
.srchblk input[type=text]{ width: 80%; height: 30px; font-size: 14px;	 display: inline-block; border: none; vertical-align: middle; outline: none; text-indent: 10px; position: absolute; top: 0; left: 0; background: #f1f1f1; padding: 2px 0;}
.srchblk input[type=submit]{   width: 20%;   height: 100%;   font-size: 15px;border: none; box-shadow: none;   text-shadow: 1px 0 1px #555;  margin: 0;  padding: 0;    outline: 0;   background: #204483; /* Old browsers */   position: absolute;   right: 0;   top: 0;}
.srchblk input[type=button]:hover{ background:#4D699C;}

/*lookup */
#advancedsearchform  input { padding: 10px 15px;}
#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;}*/
.copyright {   font-size: 1em; color: #FFF;}
.copyright .container { background: #204483; padding: 10px 0px; border-top: 1px solid #4D699C;}
.copyright ul { list-style: none; }
.copyright span {float: left; }
.copyright span.copy{ padding: 0 3px; margin: 0 10px;}
.copyright a { color: #FFF; }
.copyright a img { display: inline-block; vertical-align: middle; margin:0;padding:0; }
.copyright span.menu { width: 28%;  margin: 0 25px;}
.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 { float: left; padding: 0 1.5% 10px 0; }
.solpart h5 {  color: #FFF;  font-family: arial; font-size: 1.2em;  }
.footnavi {  float: left;   width: 63%;}
.footnav {  padding: 0px; padding: 0; width: 100%; float: left;  }
#footer h3  { margin-bottom: 5px; color:#EEE; font-size: 1.2em;}
.footnav ul { margin: 0px; padding: 0px; width: 100%; list-style: none;  }
.footnav ul li {float: left;width: 31%;padding: 0 1%;margin-bottom: 10px;}
.footnav ul li>a {padding: 0;color: #DDD;margin: 0px;display: block;}
.footnav ul li span { font-size: 1.2em;  margin-bottom: 5px; display: block;   }
.footnav ul li>ul  {margin: 0px; padding: 0 0 0 1%; list-style: none;  }
.footnav ul li> ul li {  float: none; display: block; width: 100%;   }

/*social*/
#socialmenu{ float:right; width: 50%; margin:0px auto; padding: 0 1%;}
#socialmenu ul {float:right;list-style: none;  padding: 0; margin:.5% ;}
#socialmenu li span { display: none; }
#socialmenu li {display: inline-block;   padding: 0 2px;}
#socialmenu li a {width: 32px; height: 32px; display: block;  line-height: 50px;}
#socialmenu li.fb a { background: url(/image/cache/fbicon.png) no-repeat center center;  background-size:cover;}
#socialmenu li.twittr a { background: url(/image/cache/tweeticon.png) no-repeat center center;  background-size:cover; }
#socialmenu li.lnkdn a { background: url(/image/cache/lnkdnicn.png) no-repeat center center; background-size:cover; }
#socialmenu li.ytb a { background: url(/image/cache/ytbicon.png) no-repeat center center; background-size:cover; }
#socialmenu li.pint a { background: url(/image/cache/pinticon.png) no-repeat center center; background-size:cover; }
#socialmenu li.gog a { background: url(/image/cache/gogicon.png) no-repeat center center; background-size:cover; }
#socialmenu li.rss a { background: url(/image/cache/-rss.png) no-repeat center center; background-size:cover; }
#socialmenu li.eml a { background: url(/image/cache/emailicn.png) no-repeat center center; background-size:cover; }
#socialmenu li.codered a { background: url(/image/cache/codered.png) no-repeat center center;  width: 200px; }
/* social menu hover*/
#socialmenu li.fb a:hover { background: url(/image/cache/fbicon.png) no-repeat center center; }
#socialmenu li.twittr a:hover { background: url(/image/cache/tweeticon.png) no-repeat center center; }
#socialmenu li.lnkdn a:hover{ background: url(/image/cache/lnkdnicn.png) no-repeat center center; }
#socialmenu li.ytb a:hover{ background: url(/image/cache/ytbicon.png) no-repeat center center; }
#socialmenu li.pint a:hover { background: url(/image/cache/pinticon.png) no-repeat center center; }
#socialmenu li.gog a:hover { background: url(/image/cache/gogicon.png) no-repeat center center; }
#socialmenu li.rss a:hover  { background: url(/image/cache/-rss.png) no-repeat center center; }
#socialmenu li.eml a:hover { background: url(/image/cache/emailicn.png) no-repeat center center;}


/*navigation*/
.navigate {display: none;}
#nav ul {padding: 0px;margin: 0px;list-style: none;line-height: 50px;font-size: 1em;width: 100%;margin: 0px auto;display: flex;flex-direction: row;justify-content: space-evenly;flex-wrap: nowrap;align-content: center;align-items: center;}
#nav ul:after {content:'';display:table;clear:both;float: none;width: 100%;}
#nav ul li {/* float:left; */text-align: center;margin: 0;border-right: 1px solid #444;padding: 0;min-width: 11%;}
#nav ul li:last-child { border: 0px; }
#nav ul li a { color: #FFF; display: block;  padding: 0 15px;   }
#nav ul li.home{min-width: 50px;}
#nav ul li.home a{ background: url(/image/cache/home-md.png) no-repeat center; background-size:30%;}
#nav ul li.home a:hover, #nav ul li.home.currentitem a { background: #204483 url(/image/cache/home-md.png) no-repeat center; background-size: 30%;}
#nav ul li.home a span{ visibility:hidden;}
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav ul li > ul {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: 100%;background: rgba(32, 68, 131, 0.92);position:absolute;left:0;height:auto;border:0px;}
#nav ul li > ul li ul { top: 0; left: 100%;  }
#nav ul li > ul > li { padding: 0px; float: left;  position: relative;  width: 30%; margin: 0 1%; border: 0px; text-align: left;  }
#nav ul li > ul > li a,#nav ul li:hover > ul li a { padding:7px 10px;  display: block; color: #FFF; background: none; }
#nav ul li > ul > li a:before { content:"\203A";font-size:1.2em; margin-right:6px; color:#FFF; }
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover  { filter: none; color: #FFF; }
#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: #204483; color: #FFF; text-decoration: none; }
#nav ul li.currentitem a,  #nav ul li.currentbranch a {  color: #FFF;   background: #204483; }
#nav ul li.currentbranch ul li.currentitem  { background: none;  }
#sidemenu  {  margin-bottom: 5px;   background: #CFD0D4;  padding: 5px 3px;}
#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 15px; display: block;}
#sidemenu ul li a:before{ content:"\00bb"; margin-right: 3px;}
#sidemenu ul li ul { display: none; }
#sidemenu.membermenu { background: none;  }
#sidemenu.membermenu ul li ul { display: block; }
#sidemenu.membermenu  ul li a:before{ content:""; margin-right: 0px;}
#sidemenu.membermenu  ul li { background: #CFD0D4; margin-bottom: 2px; }
#sidemenu.membermenu  ul li a { margin: 0;  padding: 5px 8px;  }
#sidemenu.membermenu  ul li:hover {   background: #7C7C7C;  }
#sidemenu ul li:hover, #sidemenu ul li a:hover {color: #FFF;  background: #7C7C7C; text-decoration: none; }

/* Home */
.slidebg { height: 350px; background: #FFF; position: relative; padding: 0; }
.hblock {border-bottom: 1px dashed #EEC402;  }
.slidebg div.container {  position: relative;   }
.slideing {  width: 100%; left: 0; position: relative;  }
#slides { height: 350px; position:  absolute; width: 100%; }
#slides .slidePhoto { bottom: 0;  position: absolute; width: 100%; }
.sliderContent {  color: #CCC;  height: 350px; position: relative; overflow: hidden; }
.sliderContent div.base {  position: absolute; width: 100%;   opacity: 1; display: none; left: 0%; height: 100%;   }
.sliderContent div.base .sData { width: 990px; position: relative; height: 100%; margin: 0 auto;}
.sliderContent div.base .img {  position: absolute; left: 0%; top:0;  border: 0;height: 100%; width: 100%; margin: 0; padding: 0; }
.sliderContent div.base .img  img { width: auto;  padding: 0; border:0;}
.sliderContent div.activeSlide { left: 0; opacity: 1; }
.sliderContent div.activeSlide { opacity: 1; left: 0; }
.sliderContent div.base.sl div.caption { display: none; }
.sliderContent div.base.slShow div.caption { position: absolute; z-index: 1; font-family: 'Archivo Narrow', 'sans-serif'; background: rgba(255,255,255,0.85); padding: 10px; width: 40%; height: 60%;  font-size: 1.2em; line-height: 1.4em; color: #333; right: 2%; bottom: 80px;  margin-left: 1%; }
.sliderContent div.base.slShow div.caption a.link { display: inline-block; background: #EEC402; border: 1px solid #EE9E02;  color: #5C4205; padding: 7px 20px;margin-top: 20px;  }
.sliderContent div.base.slShow div.caption h2 { font-size: 2em; line-height: 1em; color: #B20838; margin: 0 0 10px 0; padding: 0;   font-weight: bold; }
.taoNav { text-align: center; margin: -50px 15px 0px 5px; z-index: 5; position: relative;  }
.taoNav a {display: inline-block;margin: 2px 3px;height: 10px;width: 10px;background: #000;overflow: hidden;border: 1px solid #000;color: #FFF;-ms-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;cursor: pointer;font-size: 0;}
.taoNav a.active {background: #4d699c;border: 1px solid #4d699c;}
.taoNav a:hover { text-decoration: none;  }
.hometab { display: table; width: 100%;}
.hometab .boxes {display: table-cell;position: relative;width: 30.7%;color: #FFF;padding: 5px 1.33%;padding-bottom: 40px;background: #204483;}
.hometab .boxes  h2 { font-size: 1.3em; border-bottom: 1px solid #EEE; color: #FFF;  margin-top: -10px; position: relative; }
.hometab .boxes a {color: #FFF;}
.hometab .leftbox { background: #4D699C; width: 30.80%;}
.hometab .boxes .hmnws {width:100%;margin-bottom: 15px;}
.hometab .boxes .hmnws em{font-size: 13px;}
.hometab .boxes .hmnws p{margin:0;padding: 0;color: #FFF;line-height: normal;}
.hometab .boxes .hmnws a {color: #FFF;display: block;}

.hometab .boxes .eventlst p{margin: 0;margin-bottom: 15px;}
.hometab .boxes .eventlst p em {font-size:13px;}
.hometab .boxes .eventlst p a{ display:block;}

.hometab .middlebox {background: #5e8116;width: 30.70%;border-right: 1px solid;border-left: 1px solid;}
.hometab  .more {position: absolute;width: 100%;bottom: 0;left: 0;padding: 10px 0px;font-size: 1.1em;background: rgb(0 0 0 / 20%);}
.hometab  .more img{ margin-left:15px;}
.hometab .rgtbox ul { margin: 0; margin-left: 10px; padding: 0; list-style: none; }
.hometab .rgtbox ul li {padding-left: 15px;margin-bottom: 6px;}
.hometab .rgtbox ul li:before{ content:"\203A";font-size:1.2em; margin-right:6px; color:#FFF; }

/* news */
.eventlst a { color: #FFF; }
.eventlst h2  { padding-bottom: 0px; }
.eventlst div.item { padding: 0px; }
.eventlst div.item p{ color: #B20838;}
.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: #B20838; color: #FFF; padding: 3px 10px;  }
.article{ padding:5px 0; border-bottom:1px solid #DDD;}
.event-list{ margin: 10px 0; /* padding-bottom: 5px; */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: #6b8e23; 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: #204483; 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 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;}

/*webform */
.postwebform tr { margin: 5px 0px; }
.fieldgroup  { clear: both; margin: 10px 0; padding: 5px;    }
.fieldrow .fieldval textarea {width: 75%;height: 100px;min-height: 40px;max-width: 300px;max-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;}

.webform .fieldrow {padding: 5px 0;margin: 3px 0;}
.webform .fieldrow .fieldlabel {display: inline-block;vertical-align: top;width: 40%;margin: 0 0.5%;}
.webform .fieldrow .fieldval {display: inline-block;width: 50%;margin: 0 0.5%;vertical-align: top;text-align: left;}
.webform .fieldrow .fieldval .registered_radio, .webform .fieldrow .fieldval .temperment_radio{ float:left; }
.group_upgrades .fieldrow .fieldval input[type="radio"], .group_upgrades .fieldrow .fieldval label{ float:left; }
.webform .fieldgroup_label {width: 98%;margin:20px 0 5px 0;font-size: 1.7em;color: #616161;margin-bottom: 0;border-bottom: 1px solid #A0A0A0;border-top: 1px solid #A0A0A0;padding: 15px 10px;display: block;}
.webform .group_nogroup_label  { display: none; }
.webform .fieldrow .fieldlabel{ font-size:1.1em;}
.webform .fieldrow .fieldlabel sup,#adpost .fieldrow .fieldlabel  sup{ color:red; margin-left:5px;}

.groupRequired.error label, .error label{color:red;}

.phone_type_radio, .fieldrow .fieldval .structure_will_be_located_off_the_road_please_check_one_radio{ display:inline-block;vertical-align:top; }
div.dwelling_type_please_check_one_radio {display:inline-block;width:49%; vertical-align:top; }
.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%;}

/*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; font-weight: bold; padding: 10px 0px;  }
.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: #667233;  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: 100px; font-weight: bold; display: inline-block; }
.general_login  div.loginbtn, .general_login  div.forgotpassword { margin-left: 110px; }
#filter {  display: none; }

/*departments*/
.depts h4 {font-size:1.4em; line-height:1.6em; }
.depleft{ width: 74%; float:left; margin: 0; padding: 0 .5%;}
.deptright{ width: 24%; float: right; margin: 0 0 0 1%;}
.info{ margin:1% 0 ;}
.info .address, .info .mailingaddress{ width: 48%; float: left; margin: 1% 0;}
span.phone{ display:block;}
.deptright .lnkbox{overflow: hidden;background-repeat: no-repeat;position: relative;margin-bottom: 10px;z-index: 2;padding-bottom: 20px;}
.deptright .lnkbox[style="height: auto;"]{ padding-bottom:0;}
.deptright .lnkbox h2{margin: 0px; height: 0; padding: 0; font-size: 1.3em;}
.deptright .lnkbox p { float: left; margin: 18px 0 0 0;clear: both; width: 100%;  padding: 4px 0;  }
.deptright .lnkbox p + p{ margin-top: 0;   margin: 0; }
.deptright .lnkbox p:nth-child(n+8) {display:none;  }
.deptright .lnkbox p  a { display: block;  line-height: 16px;   font-size: 90%;}
.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;}
.contactb { width: 100%; border-collapse: collapse;  }
.contactb tr:nth-child(even) { background: #DDD; }
.contactb td { border: 1px solid #CCC; padding: 5px; }
.contactb td span {width: 100%; float: left;}
.contactb td:first-child{ display:none;}

/*employment*/
.emplyblk{ border-bottom:1px solid #CCC; padding:10px 0;}
.emplyblk .empdtllnk{ float:right;  }
.emplyblk h3, .empind h2 { float:left; }
.emplyblk .emplnks, .empind .emplnks { float:right; text-align:right;}
.emplnks a { display:inline-block; vertical-align:middle; margin: 5px;} 
.empind p { } 

/*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%; }
/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input { margin-left: 5px;  }
#editevent table { border: 0px; margin: 0px;   }
#editevent table  td { padding: 3px 0px; }
#editevent table  td {  font-weight: bold; }
#editevent  textarea{ width: 350px; 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; }
.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: #204483; 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 */
#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; margin: 2px 3px;  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 { } 

/*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: #B20838; 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; }


/*div table*/
.divTable {display:table;width:100%;margin-bottom: 20px;}
.divTable .divRow {display:table-row; border-bottom: 1px solid #cfd0d4;}
.divTable .divRow .divCol {display:table-cell;padding: 10px;}
.divTable .divRow.head .divCol{padding:10px;border: 1px solid #FFE3CC;background: #cfd0d4;vertical-align: middle;border-top: 1px solid #DDD;border-bottom: 3px solid #6b8e23;color: #333;min-height: 30px;font-weight: bold;text-transform: uppercase;}
.divTable .divRow:nth-child(even) .divCol{background:#fdfdfd;}
.divTable .divRow .divCol p{display:block;}
.divTable .divRow .divCol a{color: #4d699c;}


/* TABLETS width 700 or above width */
@media all and (min-width: 700px) and (max-width: 1020px){
body, html  { max-width: 1020px; min-width: 700px; width: 100%; padding: 0px; margin: 0px;  }
#footer{ padding: 0px; width: 98%; padding: 1%; margin: 0; height: auto; background-size: 21%;}
#wrapper,.container { min-width: 96%;  width: 96%; padding: 0%;  }
#wrapper { padding: 0; }
#nav ul li a { padding: 0 8px; min-width: 6%; }
.container { width: 100%; padding: 0; }
.copyright .container { min-width: 96%;  width: 96%; padding: 0%;  margin: auto; }
#content { width: 100%;  }
#leftprt {  }
#rgtprt { margin-left: 10px; float: left;  }
.pagebr { padding: 0; }
.txlkprow { width:92%; margin:0 auto;}
.txlkprow .txlkpnm{width:45%;}
.deptright .lnkbox p{
    /* padding: 2px 0; */
  }  
}
@media all and (min-width: 700px) and (max-width: 860px){
#conblk .container{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#leftprt {/* display: none; */float: none;width: auto;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0;order: 1;}
#rgtprt {float: none;margin: 0 auto;border-bottom: 1px solid #ddd;float: none;width: auto;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0;order: 0;}
#rgtprt  .contentBlock { 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;}
#nav ul li {min-width:auto;}
}


@media all and (min-width: 0px) and (max-width: 750px){
#conblk .container{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#leftprt { float: none;width: auto;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0;order: 1;}
#leftprt #sidemenu {padding:10px;display: none;}
#rgtprt {float: none;margin: 0 auto;border-bottom: 1px solid #ddd;float: none;width: auto;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0;order: 0;}
#rgtprt .content {padding: 0;width: auto;}
#rgtprt  .contentBlock { padding:0 10px;}
.logo{max-width: 54%;display: block;width: 100%;padding: 0;padding-bottom: 10px;}
.logo img{width:100%;height:auto;}	
#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%;}
.navigate  { display: block; text-align: right;   font-size: 1.2em;  line-height: 50px;}
.navigate a { display: block; color: #DDD; cursor: pointer;  }
.navigate a div.mbtn {cursor: pointer;display: inline-block;vertical-align: middle;line-height: 0;margin: 0;padding:4px 5px;width: 35px;margin-right: 10px;}
.navigate a div.mbtn span{display:block;height: 5px;background:#000;margin: 4px 0;font-size: 0;}

 .navigate a div.mbtn div { display: block; width: 100%; margin-top: 10%; }
.navigate a div.mbtn div label { display: inline-block; margin: 0; width: 15%; margin-right: 10%;  border-top: 5px solid #FFF; }
.navigate a div.mbtn div span { display: inline-block; margin: 0; border-top: 5px solid #FFF;  width: 70%;    }
.navigate a div.mbtn:hover div label, .masternav:hover label.mbtn div label { border-top: 5px solid #333; }
.navigate a div.mbtn:hover div  span, .masternav:hover label.mbtn div span { border-top: 5px solid #333; }
#conblk { /* padding-bottom: 10px; */ }
#footblk { position: relative; height: auto;  }
#leftprt #sidemenu{display:none;}
.qLinks {display:block;position:relative;text-align: right;}
.qLinks .QlinkIcon {display: inline-block;text-align:right;padding: 2px 10px;font-size:16px;font-weight:bold;color: #666;line-height: 22px;cursor: pointer;}
.qLinks .QlinkIcon span{display:inline-block;vertical-align: top;width: 28px;height: 4px;background:#666;font-size: 0;position: relative;}
.qLinks .QlinkIcon span:after, .qLinks .QlinkIcon span:before{content:'';display:block;width:100%;height: 4px;background:#666;margin-top: 8px;}
.qLinks .QlinkIcon span:after {margin-top: 4px;}
.qLinks ul{display: none;margin: 0;padding: 4px;position:absolute;right:0;z-index: 99;background:#4d699c;list-style:none;text-align: left;}
.qLinks ul li a{display:block;padding:6px;border-bottom: 1px solid #445d89;color: #FFF;}
.qLinks:hover ul { display:block;}
.qLinks:hover .QlinkIcon { color:#4d699c;}
.qLinks:hover .QlinkIcon span, .qLinks:hover .QlinkIcon span:after, .qLinks:hover .QlinkIcon span:before { background:#4d699c;}


}
/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 700px){
body, html  { max-width: 699px; min-width: 0; width: 100%; padding: 0px; margin: 0px;  }
#header{ height:auto;}
#header .container{ width:98%; margin:0px auto;}
#footer { height: auto; background-position: 80% bottom; background-size: 30%;}
#wrapper { margin: 0px auto; }
#wrapper{ min-width: 96%; width: 96%; }
#leftprt {margin: 15px auto;float: none;}
#rgtprt {width: auto;float: none;margin: 0px auto;}
.container { width: 100%; padding: 0; margin: 0;  height: 100%;}
#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;}
#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; }
.hometab .boxes  h2 { margin-top: 0;  }
}

@media all and (min-width: 0px) and (max-width: 600px){
.logo{ width:300px;max-width:none;}
.srchblk{ position:absolute; bottom:0; left:5px; top:85px;z-index:5;}	
	
}

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

.footnav ul li{ float:none; margin:8px 0; width: 97%;}
#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%;  }
#header {  }
.srchblk{top: 0;position: relative;margin: 0 auto;margin-bottom: 10px;width: 96%;float: none;}
.box,.slidePhoto { display: none;}
#leftprt .box{display:block;}
#nav { top: 0px;}
.mlogin { display: none;  }
.logo{ width:100%;padding: 5px 0;}
.logo img {height: auto;max-width: 100%;width: auto;}
#footer { height: auto; background-position:80% 94%; background-size: 35%;}
.footnav {width: 100%;margin: 0 15px;}
.footnav ul { width: 100%; padding: 0; margin: 0;   }
.footnav ul  li {width: 100%;padding: 0;}
.solpart {display: block;clear:both;width: 100%;text-align: left;float: none;margin: 15px;padding-top: 15px;vertical-align: top;}
.slidebg ,#slides,.sliderContent { height: 400px; }
.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 { width: 98%;  margin: 5px auto; float: none; clear: both;}
.solpart { text-align: left; padding: 5px 29px;}
.footnav { width: 94%; margin: 0px auto;  float: none;}

}