html, body { margin: 0px; width: 100%; height: 100%;  display: block; font-size: 100%; font-style: normal; font-family: 'Roboto', sans-serif; color: #333; background: #FFF;  }
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;
}
body { line-height: 1.5em; height: 100%; font-size: 0.84em;    }
*{box-sizing:border-box;}
*, ::after, ::before {
    box-sizing: border-box;
}

/* 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: #DC9500; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-weight: normal;  color: #519548; text-align: left; font-family: 'Roboto', sans-serif; margin-bottom: 10px;   font-size: 2.5em; line-height: 1.2em;;  }
h1 {  padding-bottom:4px; }
h2 { font-size: 2.2em;  }
h3{ font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
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 { font-size: 12px; color: #444; border: 1px solid #DDD; font-family: 'Roboto', sans-serif;  padding: 4px 8px;}
textarea { width: 60%; height: 70px;  min-width:220px; min-height: 80px;  }
input [type=radio], input [type=checkbox], input [type=slider] { border: 0px; }
input[type=button], input[type=reset],input[type=submit],.button { background: #057328; color: #FFF; cursor: pointer; text-decoration: none; border: 0; display: inline-block; padding: 10px 25px;}
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.pad {padding: 25px; padding-bottom: 180px;  }
.divider { margin-top: 20px; position: relative;   }
.breadcrumb .container { padding: 5px 10px 0 10px; }

.button-sm {padding: 5px 15px;}

/* layout*/
#layout { background: transparent; position: absolute; height: 100%; top: 0; left: 0; width: 100%; min-width: 100%;  }
#wrapper {  min-height:100%;   background: #FFF; background-size: cover;  margin: 0 auto;  min-width: 990px; position: relative; }
.main_blk{ width: 990px; position: relative; margin: 0px auto; height: 100%; padding: 0; background: #FFF; box-shadow: 0px 0px 3px #DDD;}
#nav {  position: relative;   height: 50px; width: 100%;  z-index: 1; right: 0px; color:#FFF;}
.navigation{float: right; }
#content {  padding: 10px; padding-top: 25px; float: left; width: 700px; text-align: justify; }
#footer {  padding: 0;  clear: both;   bottom: 0;  left: 0; width: 100%;  background: #333;   color: #999;  position: relative;  min-height: 100px;}
.container {width: 84%;position: relative;margin: 0 auto;height: auto;max-width: 1400px}
#conblk{  border-bottom: 5px solid #FCCB5F;   background: #E5B246;}
#rgtprt{margin: 0  auto;padding: 0;-ms-flex: 0 0 27%;flex: 0 0 27%;max-width: 27%;}
.conteBlock {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;padding: 15px 0;flex-wrap: wrap;}

#leftprt  {margin: 0;padding-right: 15px;-ms-flex: 0 0 73%;flex: 0 0 73%;max-width: 73%;}
#leftprt h2{ color:#333; margin: 10px 5px; display: block;}
.ltnws, .fbblk{ min-height: 150px; border: 1px solid #EBEBEB; padding: 10px;margin: 0 0 6px 0; box-shadow: 0px 0px 5px #DDD; -webkit-box-shadow: 0px 0px 5px #DDD; -moz-box-shadow: 0px 0px 5px #DDD; -ms-box-shadow: 0px 0px 5px #DDD; -o-box-shadow: 0px 0px 5px #DDD; }
.ltnws h3, .fbblk h3 { border-bottom: 1px solid #C6C6C6; padding:0 0 5px 0;}
.fullwdth { width: 96%; margin: 0px auto; padding: 20px 0;} 
.flwdth { width:100%; margin:0; padding:0; position:relative; display:block;}
.flwdth.header{background: #519548;/* height:50px; */position: relative;z-index: 4;box-shadow: 0px 2px 5px #3A3A3A;-moz-box-shadow: 0px 2px 5px #3A3A3A;-webkit-box-shadow: 0px 2px 5px #3A3A3A;-ms-box-shadow: 0px 2px 5px #3A3A3A;-o-box-shadow: 0px 2px 5px #3A3A3A;}
.flwdth.banner{ background: #FFF;}
.flwdth.search_lnks{background: #E5B246; }
.flwdth.social{ background: #E5B246; text-align: center; position: relative; } 
.addrs p { display:inline-block; vertical-align:top;  } 
.addrs iframe { width:100%; }

/*header */
.logo {padding: 0;position: relative;z-index: 2;border-top-right-radius: 25px;border-bottom-right-radius: 25px;/* float: left; *//* height: 100%; */width: auto;}
.logo img { height: 100%; width: auto;}
.loglnks{/* float:right; */display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;} 
.no_slidebg { width: 100%; height: 80px; background: #AA112D; }
.headblk {display: block;/* height: 120px; */position: relative;z-index: 99;padding: 0px;/* overflow: hidden; */}
.headblk h1 {display:none;}
.sbpgbnr { overflow:hidden;}
div.head{/* height: 100%; *//* width:100%; */position: relative;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.head .clear{ display:none;}
.mbrlnks{ float: right;	display: block;	width: 24%;}
.tmenublk{ float: right;width:38%;}
#header nav#nav{ text-align: center;}

/* footer */
.copyright { clear: left;  padding: 5px 10px;}
.footnavi { width: 100%; padding: 10px 0; }
.footnavi ul, .copyright ul { margin: 0; padding: 0; list-style: none; }
.footnavi ul li { float: left; width: 30%; padding: 0.5%; }
.footnavi ul li.head { font-weight: bold; font-size: 1.2em; padding-top: 20px; text-transform: uppercase;    }
.footnavi ul li a { color: #777;  display: block; }
.footnavi ul li ul { padding-top: 10px; }
.footnavi ul li ul li a { color: #999; padding: 0;  font-size: 0.87em;  line-hieght: 1em;}
.footnavi ul li ul li a:hover { color: #FF7E2A;   }
.footnavi ul li ul li { float: none; display: block; padding-left: 5px; width: 100%;   font-weight: normal;  text-transform: capitalize;  }
.footnav{ float:left; width:75%;}
.footcredits{ float:right; margin-top:23px; width: 23%;}
.footcredits img { width: 98%; }
.addr { float: right; /* width: 35%; */  margin-bottom: 10px;}
#footer h3  { margin-bottom: 5px; color:#DDD; font-size: 1.2em;}
.footnav ul {margin: 0px;padding: 0px;width: 100%;list-style: none;display: block;}
.footnav ul li { float: left; padding: 5px 10px;  }
.footnav ul li>a { padding: 0px; margin: 0px; display: block; color: #999; }
.searchbox { top: 20px; position: absolute; right: 10px; }
.searchbox a { padding-left: 10px; margin-right: 5px; display:inline-block; font-weight: bold; font-size: 1.5em;  line-height: 30px;  width: 20px; height: 30px; background: #333; color: #FFF; border-radius: 15px; }


/*navigation*/
.navblk{ width:100%; height:100%;}
.navigate { display: none; }
#nav ul,#top_nav ul, #mbr_nav ul { padding: 0; margin: 0px  auto; list-style: none;  line-height: 50px; display: inline-block;}
#mbr_nav { color: #A2560B; margin-top: 10px; text-align: right; position: absolute;} 
#mbr_nav ul li { list-style-type: none;	float: left;}
#mbr_nav ul li a{ padding: 0px 10px;}
#mbr_nav ul li:last-child { border: 0; }
#mbr_nav ul { margin: 0; line-height: 1em; }
#top_nav {margin-top: 5px;text-align: right;right: 0;} 
#top_nav ul li {list-style-type: none;/* float: left; */margin: 5px 0;}
#top_nav ul li a{padding: 0px 10px;border-right: 1px solid #FCCB5F;display: block;font-size: 1em;color: #519548;}
#top_nav ul li:last-child a{ border: 0; }
#top_nav ul {margin: 0;line-height: 1em;display: flex;justify-content: flex-end;}
#nav ul {display:flex;justify-content: center;flex-wrap: nowrap;}
#nav ul li {/* float:left; */text-align: center;position: relative;border-right: 1px solid #CCC;}
#nav ul li a, #nav ul li span {color: #FFF;display: block;padding: 0 10px;font-size: 1.2em;text-decoration: none;} 
#nav ul li:last-child { border: 0; }
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav ul li > ul { display: none; padding: 0; margin: 0px; box-shadow: 0px 0px 1px #FCCB5F; text-align: left; list-style: none; display: none; font-size: 0.87em; line-height: 2.5em;  z-index: 2; width: 200px; background: #FCCB5F; position:absolute;  height:auto; border:0px; }
#nav ul li > ul > li { margin-top: 0px; padding-top: 0px; float: none;  position: relative; width: 100%;border: 0px; text-align: left;  }
#nav ul li > ul > li a { padding:7px 10px;  display: block; color: #FFF; }
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover  { background: #F7DF70; filter: none; color: #000; text-decoration: none; }
#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 { color: #FFF; /* background: #FCCB5F; */text-decoration: none; }
#nav ul li.currentitem a,  #nav ul li.currentbranch a {  color: #333;}
#nav ul li.currentbranch ul li.currentitem  { background: none;  }
#nav ul li a:hover, #nav ul li:hover a, #nav ul li span:hover, #nav ul li:hover span { color: #FFF; background: #FCCB5F; text-decoration:none;}
#sidemenu  { padding: 10px;  background: #EEC402;  }
#sidemenu ul { margin: 0px; padding: 0px; list-style: none;  }
#sidemenu ul li a {  display: block;   padding: 8px 10px; color: #000;  border-bottom: 1px dashed #EEE; }
#sidemenu ul li:hover, #sidemenu ul li a:hover {color: #FFF;  background: #925F00; margin: -2px -15px 0 0; text-align: right; border-bottom: 1px solid #925F00; text-decoration: none; }
.rgst{position: relative;z-index: 1;}
.rgst .topnav ul li{ display:block;  margin: 0 0 0 2px;background: #FCCB5F; float:left; padding: 5px 15px; display: inline-block;}
.rgst .topnav ul li a { display:block; color:#FFF; font-size:1.2em;}
.rgst.logged_in{ display: none; }
.wlcm {/* float: right; */color:#FFF;position: relative;z-index: 2;/* bottom: 0px; *//* right: 0; */font-size: 1.1em;}
.wlcm.logged_in,.wlcm.logged_id,.mlogin { display: block; }
.wlcm .lgnmenu {display: none;background: #FCCB5F;}
.logged_in .lgnmenu {display: block;}
.logged_in .lgnmenu span {  padding: 8px 15px; }
.logged_in .lgnmenu .topnav { padding: 0; }
.topnav ul {list-style: none;  padding: 0; margin: 0; display: inline; }
.topnav ul li {text-transform: capitalize; display: inline-block; padding: 5px 15px; border-left: 1px solid #EEE; }
.topnav ul li a { color: #FFF; }
.topnav ul li a:hover { color: #000; text-decoration: none;  }
#membermenu ul { list-style:none; margin:0; }
#membermenu ul li {background: #FCCB5F;margin: 1px 0;display:block;color: #FFF;} 
#membermenu ul li a { color:#FFF; padding: 7px 13px; display: block;}

/*Member Directory */
.memcnt { padding:5px; width: 47%; float: left; min-height: 125px;}
.memcnt .memnm h3 {margin:0; }
.memcnt .memttl { font-weight:bold;}
.memcnt .memadr, .memcnt .memdtl {}


/*Social Menu*/
#socialmenu{ float:none; clear:both; margin:0px auto; padding: 0 1%; width:98%; text-align:center;}
#socialmenu ul {list-style: none;  padding: 0; margin: 10px 0.5%;text-align: center;display: inline-block;vertical-align: middle;}
#socialmenu li span { display: none; }
#socialmenu li {  float: left;   padding: 0 5px;  height: 100%;}
#socialmenu li a {width: 30px; height: 31px; display: block;  line-height: 50px; opacity:.7;}
#socialmenu li.fb a { background: url(/image/cache/fb.png) no-repeat center center;  background-size: contain; display: inline-block; vertical-align: middle;}
#socialmenu li.twittr a { background: url(/image/cache/twitter.png) no-repeat center center;  background-size:cover; }
#socialmenu li.lnkdn a { background: url(/image/cache/lnkdn.png) no-repeat center center; background-size:cover; }
#socialmenu li.ytb a { background: url(/image/cache/ytb.png) no-repeat center center; background-size:cover; }
#socialmenu li.pint a { background: url(/image/cache/pint.png) no-repeat center center; background-size:cover; }
#socialmenu li.gog a { background: url(/image/cache/gog.png) no-repeat center center; background-size:cover; }
#socialmenu li.eml a { background: url(/image/cache/eml.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; }
/* social menu hover*/
#socialmenu li.eml a:hover, #socialmenu li.fb a:hover, #socialmenu li.twittr a:hover, #socialmenu li.lnkdn a:hover, #socialmenu li.ytb a:hover, #socialmenu li.pint a:hover, #socialmenu li.gog a:hover, #socialmenu li.rss a:hover  { opacity:1;}


/* Home */
.slidebg { height: 400px; position: relative; overflow: hidden; text-align: center;}
.hblock {border-bottom: 1px dashed #EEC402;  }
.slidebg div.container { height: 100%; }
.slidebg div.container h3 {}
.slideing {  width: 100%; left: 0; position: relative;  }
#slides { height: 400px; position: absolute; top: 0px; width: 100%;  text-align: center;}
.slide_img{ height: 420px; width: 100%; position: absolute;z-index: 6;}
#slides  .sliderContent {  color: #000;  height: 400px;  position: relative;   overflow: hidden;   top: 0;  width: 100%;}
#slides div.base {  position: absolute;   width: 100%;   left: 0;   height: 100%;   top: 0; opacity:0;}
#slides div.base .img { text-align:left;} 
#slides div.base img {position: absolute;top: 0;border: 0;height: 100%;margin: 0;padding: 0;left: 0;width: auto;}
#slides div.activeSlide { display: block; text-align: right;}
#slides div.base .slideblk { height: 100%; width: 100%; }
#slides div.base.slShow div.caption { z-index: 2;  width: 57%;     height: 100%; position: relative; padding: 0 10px; background: url("/image/cahe/slide-angl.png") no-repeat top right; float: right; background-size: 100% 100%;}
#slides div.base div.caption .cpdesc { position: relative; top: 20px; padding: 20px; width: 70%; right: 0; color: #FFF; text-align: right; font-size: 1.2em; float: right;}
#slides div.base div.caption .cpdesc p { margin:10px 0;}
#slides div.base div.caption h2{ font-size: 2em; line-height: 1em; margin: 50px 0 10px 0; padding: 14px;   font-weight: normal; color: #057328; text-align: right;}
#slides div.base div.caption h3{ font-size: 1.5em; line-height: 1em;   font-weight: normal; color: #FFF; text-align: right; display: block; width: 100%; padding: 10px 0; position: relative; top: 25px;}
#slides div.base div.caption a{ color: #333; background: #FCCB5F; padding: 8px 18px; margin: 10px 0;}
.taoNav { text-align: center; bottom: 5px; width: 100%;  z-index: 5; position: absolute;  }
.taoNav a { display: inline-block; margin: 2px 5px; padding: 0; border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px;  height: 20px; width: 20px;  background: #FFF; line-height: 0.7em; color: #FFF;   cursor: pointer; }
.taoNav a.active { background: #FCCB5F; color: #FCCB5F;  }
.taoNav a:hover { text-decoration: none;  }
.more { position: absolute;  bottom: 0; right: 10px; }
.more a { color: #925F00;  }
.bannerblk{ float: left; margin: 5px 0;} 
.bannerblk img { width:100%;}
.hmbox{ width: 22%; float: right; margin: 1%; color: #333;   padding: 0.5% 1%; min-height:200px;}
.hmbox h2, .hmbox h2 a {  padding: 0 0 10px 0;  color: #FFF; margin: 0;  width: 100%;  font-size: 1.9em;}

/* Search Block*/
.srchblk{height: 30px;min-width: 250px;/* float: right; */border: 1px solid #9E9D9D;/* display: inline-block; *//* vertical-align: middle; *//* padding: 2px 0; */position: relative;/* top: 2px; */clear: both;}
.srchblk input[type=text]{ outline:0; width: 82%; height: 93%; font-size: 14px;	 display: inline-block; border: none; vertical-align: middle; outline: none; text-indent: 10px; position: absolute; top: 0; left: 0; background: transparent;}
.srchblk input[type=submit]{   width: 18%;   height: 100%;   font-size: 15px;border: none; box-shadow: none;   text-shadow: 1px 0 1px #555;  margin: 0;  padding: 0; outline: 0;   background: #057328;
  position: absolute;     color: #FFF;   top: 0;  right: 0;}
.srchblk input[type=submit]:hover{ background: #555;}

.sbpg_src_blk{width: 70%; height: auto; float:right;margin: -2px 0 5px 0;padding: 0px;border:2px solid #c5da2f;border-bottom-left-radius: 25px; border-bottom-right-radius:25px;}
.sbpg_src_blk .search { /* float:right; */ width: 90%; margin: 0px auto;}
.sbpg_src_blk input[type=text]{ height: 40px; outline:0; width: 35%; margin: -5px -2px; padding: 0 8px; border: 0; border-right: 1px solid #c5da2f;}
.sbpg_src_blk input[type=button]{ height: 40px; margin: 0 -2px; border:0; outline: 0; width: 24%; border-bottom: 0px inset #c5da2f; background: #5B5B5B; color: #FFF;}


/* news */
.hmbox .item .date, .hmstrbox .date { font-size: 1.2em; color: #333; font-weight: normal;    }

.hmbox .item a {  font-size:1.3em;  color: #FFF; display: block; padding: 5px 0 8px 0;   }
.hmbox .item .desc {  color: #FFF; font-weight: normal;   font-size: 1.1em; }
.hmbox .item .loc span { display: block; color: #FFF; font-size: 1.1em;  }
.hmstrbox { width: 29%; float: left; margin: 1%; color: #333;   padding: 0.5% 1%;}
.hmstrbox:nth-child(3) {} 
.hmstrbox h2 { margin:0; padding:0;}
.hmstrbox h2 a {/* padding:6px 0; */  color: #FFF; margin: 0;    font-size: 0.68em;display: block;line-height: 25px;}
.hmstrbox .box.nwsblk .nwsimg { float:left; padding:5px 5px 0 0; margin:0 5px 0 0;}
.hmstrbox .box.nwsblk p { color:#FFF; font-size:1.1em;}
.hmstrbox .box.nwsblk p span a { color:#FFF; font-size:1.2em;}
.news div.article { border-bottom: 1px dashed #EEC402; padding: 8px 5px; }
.news div.article  h2 { font-size: 1.2em; }
.splitleft, .splitright  { width: 47%; padding: 0 1%; display: inline-block; vertical-align: top;  }
.splitright { text-align: right;  }
.splitright a { color: #925F00;  }

/*calendar */ 
#calendar { border-collapse: collapse; width: 100%; background: transparent; color: #333;}
#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: #9B7313; line-height: 20px; font-family: 'Roboto', sans-serif; }
#calendar td.caption { background: #CCC; vertical-align: middle; text-align: center; color: #9B7313; font-size: 18px; line-height: 20px;font-family: 'Roboto', sans-serif; }
#calendar ul { margin: 0px; padding: 0px; list-style: none;  display: block;  }
#calendar ul li { padding: 2px; line-height: 16px; color: #333; border-bottom: 1px solid #FFF; background: #DDD; font-size: 11px;  }

/* gallery */
.hide { display: none; }
#imageoverlay { position: fixed;  top: 0; left: 0;  z-index:111; background: transparent; width: 100%; height: 100%;   }
.overlay { position: absolute; z-index:1121; width: 100%; height: 100%; }
.taoGalleryBox { width: 100%; padding: 0%; z-index:1121; height: 100%; background: rgba(9,9,9,0.9);   }
.no-rgba #gcontent {background: #333; }
#gimage { width: 100%; float: left; text-align: center; height: 100%;  }
#gimage img { background: #FFF; padding: 5px; border: 1px solid #EEE;  }
#gcontent { float: left;  width: 0; line-height: 1.3em; margin: 10% 0; padding: 0; color: #CCC;  display: none;    }
#gcontent div { margin: 5px 0;    }
#gcontent label { display: block; color: #7F7859; font-weight: bold; font-size: 1.2em; }
#gcontent span { display: block; }
#gnav { position: absolute; bottom: 5%; right: 5%; width: 50%; z-index:1122; text-align: right; }
#gnav a { margin-left: 10px; color: #FFF; display: inline-block; padding: 2px 15px;  }
#gclose {  position: absolute; z-index:1122; top: 0%; right: 5%; color: #777;   width: 46px; background: #7F7859; padding: 5px 15px;color: #FFF;  }
.gwait { margin-top: 40%; color: #DDD;}
.gallerylist { position: relative;float: left;   height: 200px; width: 180px; padding: 35px 15px 30px 30px;  margin: 5px 0; }
.gallerylist img { height: 135px; width: 170px; border: 1px solid #CCC;  padding: 2px; }
.gallerylist h3 { margin-top: 5px; text-align: center; font-size: 1.1em;}
.gallerylist p { display: none; }
.imageGallery a { background: #FFF;  height: 100px; border:1px solid #FFF; width: 18%; margin: 0;  overflow: hidden; text-align: center; vertical-align: middle; position: relative;  text-align: center;    overflow: hidden; display: inline-block;}
.imageGallery a .gContent { display: none; }
.imageGallery a img { width: 100%; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
.imageGallery a:hover img {filter:none; -webkit-filter:none;-moz-filter:none; -ms-filter:none;-o-filter:none; border:3px solid #FFF;}

/*video */
.videoresults { padding: 15px 0px; }
.videoresults div.videoleft { width: 400px; float: left;  } 
.videoresults div.desc { width: 270px; color: #666;  float: right;  padding-top: 30px;}

/* 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 #EEC402; padding: 10px 0; }

/*webform */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg { color: red; font-weight: bold; padding: 0px; }
.taoCMSerror { color: red; }
div.msg.error, .msg.taoCMSerror {text-align:center;margin: 5px 0;}
div.msg.error p, .msg.taoCMSerror span{ text-align:center; border:1px solid red; padding:2px; background: #EFD8D8;  display: block; }
.msg.taoCMSerror ~ p{ margin: 2px 0;}
form table tr td { padding: 8px 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  { margin: 10px 5px; }
.postwebform td.labelcol { width: 35%; padding-right: 8px; font-weight: bold; vertical-align: top;  }
.postwebform td.valuecol { width: 68%; vertical-align: top;  }
.general_login { margin-left: 40%;}
.general_login  div.logintitle {  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; }
div.register{ float:left; margin-right: 15px; width: 40%;}
div.register a { display: inline-block;}

.include-in-directory { display: none; }

.webform .fieldrow { padding: 5px 0;  }
.webform .fieldrow .fieldlabel { display: inline-block; width: 40%; margin: 0 0.5%; }
.webform .fieldrow .fieldval { display: inline-block; width: 40%; margin: 0 0.5%; vertical-align: top; text-align: left;}
.webform .fieldrow .fieldval input {width:80%;}  
.webform .fieldrow .fieldval input[type="submit"]{width: auto;padding: 10px 15px;}
.webform .fieldrow .fieldval textarea{ width:80%; height:100px; }
.group_upgrades .fieldrow .fieldval input[type="radio"], .group_upgrades .fieldrow .fieldval label{ float:left; }
.webform .fieldgroup_label {width: 98%;  display: block;  color: #FFFFFF; padding: 5px 1%; font-size: 1.2em; margin:20px 0 5px 0;  }
.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;}
.fieldrow .fieldval input[type="radio"], .fieldrow .fieldval input[type="checkbox"] {width:auto; display: inline-block;  }
#agree sup{ color:red;}
/*application form post*/

.appform .fieldrow .fieldlabel,.appform .fieldrow .fieldval { width: 100%; margin: 0 0.5%; }
.group_upgrades .fieldrow .fieldval input[type="radio"], .group_upgrades .fieldrow .fieldval label{ float:left; }
.appform .fieldgroup_label {width: 97%;  display: block;  color: #5b5b5b; padding: 14px 1%; font-size: 2em; margin: 20px 0 11px 0;  border-bottom: 2px solid #DDD;}
.appform .group_nogroup_label  { display: none; }
.appform .fieldrow .fieldlabel{ font-size:1.1em;}
.appform .fieldrow .fieldlabel sup, .fieldrow .fieldlabel  sup{ color:red; margin-left:5px;}

.appform .fieldrow { padding: 10px 0;}
.appform .fieldrow .fieldlabel, .fieldrow .fieldval { display: inline-block;  vertical-align: top; margin: 0 0.5%; }
.appform .fieldgroup_label {font-size: 2em;color: #999;margin-bottom: 20px;padding: 10px 5px;display: block;}
.appform .fieldrow {padding: 8px 0 0 10px;}
.appform .fieldrow .row-mid.hgh-schl{ width: 75%;}
.appform .fieldrow .row-mid.flupld { }
.appform .fieldrow .row-short { width: 32%; display:inline-block; vertical-align:middle; margin:2px 0.5%; }
.appform .fieldrow .row-wide { width: 88%; display:inline-block; vertical-align:middle; margin:2px 0.5%; }
.appform .fieldrow .row-mid { width: 48%; display:inline-block; vertical-align: top; margin:2px 0.5%; }
.appform .fieldrow .row-mid input[type=button] { float:right; padding:10px 25px; margin:10px 0;width: auto;}
.appform .fieldrow .fieldval input[type=text], .appform .fieldrow .fieldval input[type=email]{ width:90%; padding: 5px 0;}
.appform .fieldrow .fieldval textarea { width:90%; min-height: 80px;   }
.appform .fieldrow .fieldval select {width:90%;  padding: 5px 0; }
.appform .fieldrow .fieldval div {width: 23%;display:inline-block;text-align: left;}
.appform .fieldrow .fieldval div[class*="_radio"]{ width:auto;}
.mbrregpost .fieldrow .fieldval div, .mempost .appform .fieldrow.paytyp .fieldval div, .extbtrpost .appform .fieldrow .fieldval div { width:100%;}
.mempost .appform .fieldrow.memtyp .fieldval div{ width: 100%; margin:0 0 15px 0;}
.mempost .appform .fieldrow.memtyp .fieldval div div {margin:0;} 
.appform .fieldrow.memtyp .fieldval label{ font-weight:bold;  } 
.appform .fieldrow.memtyp .row-mid { display:inline-block; vertical-align:top; margin-top:20px;}
.pstbtns { margin:25px 0; text-align:center; }
.pstbtns input[type=button], .pstbtns input[type=submit] { padding: 10px 40px; margin:15px; }
.appform .fieldrow .fieldval input[type="file"] { border:0;}
.appform .fieldrow.scrt_blk { display:block; float:right; width: 45%;}
.appform .fieldrow.scrt_blk .row-short { float:none; display:block;}
.appform .group_signature .fieldrow .fieldlabel,.appform .group_signature .fieldrow .fieldval { text-align: left;  display: inline-block; vertical-align:top;}
.appform .group_signature .fieldrow .row-mid{ vertical-align:top;}
.appform .group_signature .fieldrow .fieldval input[type=text] { width: 230px; }
.appform .error, .appform .fieldrow .fieldval input[type="file"].error  { border: 2px solid rgb(255, 139, 139); }
.appform .fieldrow  .memlbl { width: 30%; display:inline-block; vertical-align: top;}
.appform .fieldrow  .meminp { width:45%;  display:inline-block;} 
.appform .fieldrow.memtyp .meminp {width: 74%;  }
.appform .fieldrow.paytyp .meminp { width: 18%; display: inline-block; font-weight: bold;}
.mempost .appform .fieldrow.paytyp .meminp  { width:35%;}
.appform .fieldrow .memdsc{width: 70%;display:inline-block;float: right;margin-top: 15px;}
.mbrregpost .appform .fieldrow  .memlbl { width:30%;}
.appform .fieldrow .fieldval.othrcnt {padding:15px 0;}
.appform .fieldrow .fieldval div.do_you_need_electricity_radio, .appform .fieldrow .fieldval div.do_you_need_a_tablecloth_radio,#engineering_firm_blk .engineering_firm_radio{display:inline-block; vertical-align:middle; width:16%; }
.appform table.register { width: 100%;}
.appform table.register tr td { width: 30%; text-align: left; display: inline-block; font-size:1.1em; }
.appform table.register tr td:nth-child(3) {width:45%;  display:inline-block; }
.appform table.register tr td:nth-child(2), .appform table.register tr:last-child,  .appform table.register tr:nth-last-child(2){ display:none;}
.userinfotitle { font-size:1.1em; font-weight:bold; }
.appform table.register tr td input {width:90%; padding: 5px 0;}
#county_company span.fieldval br{display:none;}
.descr{ color: #777; border-top: 1px dashed #D6D6D6; margin-top: 10px; padding-top: 0 !important; }

.fieldrow.total,.fieldrow.paytyp{ margin-bottom:10px;}
.total{ font-weight:bold; font-size:16px;}

.appform .fieldrow .fieldval div.available_committeesboards_multicheckbox {
    display: block;
    width: 100%;
}

/*form builder*/
.appform .fieldrow.formbuilder .meminp {}
.taoFieldBuilder .head{margin-bottom: 10px;}
.taoFieldBuilder .tafb_row  { margin-bottom:7px;}
.head name_and_banquet_input_head { background: #DDD; padding: 10px 0; margin-bottom:5px;}
.taoFieldBuilder .name_col { width: 43%; margin-right: 10px; display:inline-block; vertical-align: top; text-align:center; font-weight:bold;}
.taoFieldBuilder .banquet_col input, .taoFieldBuilder .name_col input { width: 95%; height:20px; }
.taoFieldBuilder .banquet_col{ width:45%; display:inline-block; vertical-align:middle; text-align:center; font-weight:bold;}
.taoFieldBuilder .tfbact{font-weight:bold; font-size:1.6em; display:inline-block; vertical-align:middle; margin-left: 13px; text-align: center;}
.taoFieldBuilder a.addAct{ text-decoration:none; color:#FFF; background: rgb(81, 149, 72); padding:2px; display: block;}
.taoFieldBuilder a.tfbdel { text-decoration:none; background: #E5B246; color: #FFF; display: block; padding: 5px;}


table.shippinginfotable{width:auto;margin: 0;min-width: 40%;border-collapse:collapse;}
table.shippinginfotable tr td { border:1px solid #eee; padding:5px;}
table.shippinginfotable tr td input, table.shippinginfotable tr td select {width:100%;padding: 10px;}


.catalogcart{ width:100%;margin:10px 0px;border:1px solid #DEDEDE; }
.catalogcart td, .catalogcart th{ border:1px solid #DEDEDE;padding:0px 5px;font-weight:normal;text-align:center; }
.cartheadings{ background:#E9E9E9;line-height:30px; }
.catalogcart .itemname{ padding-top:5px; }
.catalogcart p{ padding:0px;margin-top:0px; }
.catalogcart .oddrow{ background:#F9F9F9; }
.catalogcart .evenrow{ background:#FFF; }
.carttotals{ line-height:30px; }
#cartbuttons ul{list-style:none;padding:0px;margin:0px;margin-top:20px;text-align:center;}
#cartbuttons ul li{ display:inline-block;margin:5px 0; }
.cartlinks{ height:30px;margin:auto;float:right; }
.cartlinks ul{ margin:0px;padding:0px;list-style:none;float:right;margin-top:-4px; }
.billingaddress{width:48%;padding: 10px 0;border-bottom: 1px solid #eee;margin-bottom: 10px;}
.billingaddress .name{ font-weight:bold; }
.paymenttitle{ margin-top:15px;font-size:1.3em; }
#payment_totalamount{font-weight:bold; }
#paymentinstructions{ margin-top:15px;}

#paymentdiv{ padding-bottom:20px; }
#changeinfo{ margin-top:20px; }
#changeinfo ul{ margin:0;padding:0;list-style:none;color:#800080; }
#changeinfo ul li{display: inline-block;margin-right:20px;}
 #returntocart a, #changeinfo ul li a:before{content:"\2190";display:inline-block;/* vertical-align:middle; */line-height: 0;}
#orderinfo > h2 {display: none; }

/*paging */
#form_paging_links, #calendar_paging_links, #paging_links, .newschannel_paging_links, .gallery_paging_links  { text-align: right; margin: 8px; }
#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; padding: 0px 8px;margin: 2px; 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, .gallery_paging_links span a:hover { text-decoration: none; color: #000; } 

/* Modal */
.modalwindow { display: block; position: fixed; top: 10%; left: 0; margin: auto; height: 90%; z-index:999; overflow:auto;
overflow-x: hidden; width: 100%; }
#modaldata {background: #FFF; border: 1px solid #E5B246;  max-height: 500px; overflow:auto; -webkit-box-shadow: 0 0 8px #BBB;box-shadow: 0 0 8px #BBB;    padding: 0px; margin: 0px auto; margin-top: 20px; position: relative; }
.modalcontent, .modalprocess { background: #FFF;  padding: 0px 20px 20px 20px;  color: #000;   }
.shade{ display: block; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #DDD; z-index:998; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30); }
.modalLabel {  background: #FFF;  line-height: 25px;   padding:5px; margin: 5px 10px;}
.modalLabel label { color: #E68D17;  font-size: 1.2em;  }
.modalLabel span { position: absolute; right: -0px; top: 5px;    }
.modalLabel span a  {  color: #999; background: #FFF; font-size: 16px; font-family: tahoma; display: inline-block; padding: 0px 10px; text-decoration: none; }
.modalLabel span a  img { width: 20px; }

#testBlock { position:relative;} 
#loader {position: fixed;width:100%;height:100%;top:0;left:0;z-index: 99;background: rgb(115 115 115 / 35%);}
#loader i{position:relative;z-index:9;display: block;transform: translate(-50%, -50%);top: 50%;left: 50%;color: #FFF;width: 60px;height: 60px;background:url(/image/cache/loader.gif) no-repeat center center;background-size:contain;}

/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px;  padding: 5px 0px; border-top: 1px dotted #CCC;  font-family: 'Roboto', sans-serif; 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;   }





/*Test & Quizzes*/
.data-table {display:table;width: 91%;margin: 0 auto;border-collapse:collapse;}
.data-table .data-row{display:table-row;border: 0;}
.data-table .data-row.caption{ display:table-caption; width:100%;}
.data-table .data-row.caption .data-col{display:table;width:100%;background: #00853E;border: 0;}
.data-table .data-row.caption .data-col h4, .data-table .data-row.caption .data-col h2{ margin:5px;}
.data-table .data-row .data-col.result .fail{color: #E23C2C;font-weight: bold;}
.data-table .data-row .data-col.result .pass{color: #00853E;font-weight: bold;}
.data-table .data-row .data-col{display:table-cell;border:1px solid #DDD;padding: 2px 5px 5px 5px;}
.data-table .data-row.head .data-col{background:#eee;padding:3px 5px;color:#000;font-size:14px;}
.data-table .data-row .data-col.options{ text-align:center;}
.data-table .data-row .data-col.options a {display: inline;padding: 0  8px;color: #f16368;}

.userData{margin:10px 0;margin-bottom: 25px;padding: 0 10px;}
.userData .data-table {display:table;width: 100%;margin: 0 auto;border-collapse:collapse;}
.userData .data-table .data-row.caption .data-col h2{font-size: 1.1em;color: #00853e;}
.userData .data-table .data-row .data-col input{display:block;width: 95%;padding: 10px 5px;border: 0;background: #eee;border: 1px solid #DDD;}
.userData .data-table .data-row .data-col sup{color:red;}
.userData.error .data-table .data-row .data-col input{ border-color: red;}


/* Test/Quiz */
.test_row {padding: 0 10px;margin-bottom:10px;border-bottom:1px solid #DDD;}
.test_row h3{ color:#333; margin:0;}
.test_row h2 a { color:#E23C2C; font-weight:bold;}
#testDetails h3{color:#E23C2C;padding: 10px;font-size: 1.2em;}

.userDetails{margin:20px 0;display: table;}
.userDetails .detailsRow { display:table-row;}
.userDetails .detailsRow .detailsCol {display:table-cell;padding: 2px;}
.userDetails .detailsRow .detailsCol input{outline:none;pointer-events:none;border: 0;}
.userDetails .detailsRow .detailsCol input.require.error{ border-bottom:1px solid red;}
.questionRow{margin-bottom: 15px;padding-left: 40px;}
.questionRow.highlight .question { color:#E23C2C; }
.questionRow .question{padding-left: 0;font-size: 15px;display: flex;flex-direction: row;} 

#form_166_post .questionRow.incorrectAns .question{color:#E23C2C; }

.largeTexrArea.Radio{ display:none;}
.largeTexrArea textarea{width:80%;min-height: 60px;}
.AnswerBlock {font-weight:200;}
.AnswerBlock > div{margin-bottom:5px;}
.AnswerBlock input, .AnswerBlock label{display:inline-block;vertical-align:middle;margin:0;padding: 0;font-size: 15px;border: 0;}
.AnswerBlock input[type="checkbox"] {margin-right: 5px;}
.question_description{ display:none;}
.scoure{padding:0 10px;} 
.resultsWrapper {padding: 0;}
.resultsWrapper .test_row {padding:0;margin: 0;}
.resultsWrapper .test_row h1{ font-size:24px;}
.resultsWrapper .userDetails {width:100%;}
.resultsWrapper .userDetails.data-table { margin:10px 0;}
.resultsWrapper .question_answers  { padding:0 10px;}

.resultsWrapper .questionRow.Radio .AnswerBlock > div{color: #333;margin-bottom: 5px;margin-left: 10px;}
.resultsWrapper .questionRow.Radio .AnswerBlock > div input{ display:none;}
.resultsWrapper .questionRow.Radio .AnswerBlock > div label{display: inline-block;/* width: 400px; */font-size: 14px;font-family: Arial, Helvetica, sans-serif;color: #888;}
.resultsWrapper .AnswerBlock .correctAns input, .resultsWrapper .AnswerBlock .incorrectAns input{ display: none; margin: 5px;}
.resultsWrapper .AnswerBlock .incorrectAns label{color: #000;border: 1px solid #E23C2C;padding: 0;}
.resultsWrapper .AnswerBlock .incorrectAns label:before{content:'';background: url(/image/cache/incorrect.png) no-repeat center center;background-size: 16px;display:inline-block;vertical-align: middle;width: 24px;height: 24px;}
.resultsWrapper .AnswerBlock .correctAns label{color: #00853E;border: 1px solid #00853E;padding: 0;}
.resultsWrapper .AnswerBlock .correctAns label:before{content:'';background: url(/image/cache/correct.png) no-repeat center center;background-size: 16px;display:inline-block;vertical-align: middle;width: 24px;height:24px;}
.resultsWrapper .AnswerBlock .qExp p{font-size: 11px;margin:0;margin-bottom:10px;font-family: Arial, Helvetica, sans-serif;color: #000;}


/*Admin area*/

/*test / Quizz*/
.contentArea{width: 78%;float:left;}
.sideNavArea{float:left;width: 20%;padding-left: 1%;}
.sideNavArea ul{margin:0;padding:0;margin-top: 50px;list-style:none;}
.sideNavArea ul li{ display:block;}
.sideNavArea ul li a{color: #fff;padding:5px 10px;display:block;font-size: 16px;background: #E23C2C;border-bottom: 1px solid #fff;}
.sideNavArea ul li a:hover{ text-decoration:none; background:#E23C2C;}

.data-table {display:table;width: 91%;margin: 0 auto;border-collapse:collapse;}
.data-table .data-row{ display:table-row;}
.data-table .data-row.caption{ display:table-caption; width:100%;}
.data-table .data-row.caption .data-col{ display:table; width:100%; background:#DDD;}
.data-table .data-row.caption .data-col h4, .data-table .data-row.caption .data-col h2{ margin:5px;}
.data-table .data-row .data-col.result .fail{color: #E23C2C;font-weight: bold;}
.data-table .data-row .data-col.result .pass{color: #00853E;font-weight: bold;}
.data-table .data-row .data-col{ display:table-cell; border:1px solid #DDD; padding:2px 5px;}
.data-table .data-row.head .data-col{background:#eee;padding:3px 5px;color:#000;font-size:14px;}
.data-table .data-row .data-col.options{ text-align:center;}
.data-table .data-row .data-col.options a {display: inline;padding: 0  8px;color: #E23C2C;}

.test_results_individual{width:100%;margin-bottom: 10px;}
.questionRow .adminQuestion{padding: 5px;margin-bottom: 10px;border: 1px solid #e9eaea;background: #f9f9f9;}
.adminQuestion .AnswerBlock, .questionRow .adminQuestion .qBlock{display:table;width:100%;border-collapse: collapse;}
.adminQuestion .AnswerBlock .AnswerBlockRow, .adminQuestion .qBlock .qBlockRow{ display:table-row;}
.adminQuestion .AnswerBlock .AnswerBlockRow .AnswerBlockCol, .adminQuestion .qBlock .qBlockRow .qBlockCol { display:table-cell;}
.adminQuestion .qBlock .qBlockRow .qBlockCol.links{min-width: 140px;}
.adminQuestion .AnswerBlock .AnswerBlockRow .AnswerBlockCol.links{min-width: 100px;}
.adminQuestion .AnswerBlock .AnswerBlockRow .AnswerBlockCol.links li a{ font-size:12px;}
.adminQuestion .qBlock .qBlockRow .qBlockCol.links li a.delQue, .adminQuestion .AnswerBlock .AnswerBlockRow .AnswerBlockCol.links li a.delAns {background:#999;color: #FFF;font-size: 10px;}
.questionRow .adminQuestion h4{font-weight: bold;padding-left: 38px;font-size: 14px;margin-bottom: 10px;color: #333;}
.questionRow .adminQuestion h4 span{margin: 0 5px 0 -36px;color: #666;display: inline-block;vertical-align: middle;}
.questionRow .adminQuestion span.edit {margin:0;font-style:italic;}
.questionRow .adminQuestion span.edit a{color:#E23C2C;font-size: 11px;font-weight: 600; display:inline-block; margin:0 5px; }
ul.answers_options, ul.question_options{padding:0;margin:0;margin-top: 20px;list-style:none;}

.AdminTests .test_row:after{content:''; display:table; clear:both;}
.AdminTests .test_row .testDts{ float:left;}
.AdminTests .test_row .testActions{float:right;}
.AdminTests ul.question_options{ margin:20px 0;}
ul.answers_options li, ul.question_options li {display:inline-block;vertical-align:middle;margin: 0 5px;}
ul.question_options li.Radio{display: inline-block;}
ul.answers_options li a, ul.question_options li a, a.backLink {color: #ffffff;display: block;padding: 4px 10px;font-size: 14px;background: #3e3d3d;text-align:center;}
a.backLink {display:inline-block;vertical-align: middle;margin: 8px 10px 8px 0;padding: 7px 13px;}
a.backLink.hide0{ display:none;}
.webform_165 input[type="submit"], .webform_164 input[type="submit"]{margin:5px 0;vertical-align: middle;}
.adminQuestion.Largetext .AnswerBlock  h5{ display:none;}
.AnswerBlock .AnswerBlockRow h5{margin: 0;font-size: 14px;font-weight: 500;display: none;}
.AnswerBlock .AnswerBlockRow .AnswerBlockCol{border-bottom: 1px solid #e9eaea;padding: 5px 0;background: #f9f9f9;}
.AnswerBlock .AnswerBlockRow:last-child .AnswerBlockCol{ border:0;}
.AnswerBlockCol .qAns span.expln, .AnswerBlockCol .qAns span.answer{display:block;display: inline-block;vertical-align: middle;}
.AnswerBlockCol .qAns {position:relative;padding-left: 20px;margin: 0;}
.AnswerBlockCol .qAns:before{content:'';position: relative;left: 0;top:0;display: inline-block;vertical-align: middle;width: 20px;height: 16px;background-repeat:no-repeat;background-position: center center;background-size: contain;margin-left: -20px;}
.AnswerBlockCol .qAns.crctAnsNo:before{background-image: url(/image/cache/incorrect.png);}
.AnswerBlockCol .qAns.crctAnsYes:before{background-image: url(/image/cache/correct.png);}
.AnswerBlockCol .qAns strong{font-weight:500;color: #666;}
.AnswerBlockCol .qAns span.expln{font-size: 12px;border: 1px dashed #DDD;padding: 1px;width: 100%;line-height: 16px;}
.AnswerBlockCol .qAns span.expln[data=""]{display:none;}
.AnswerBlockCol .qAns span.expln small{display:inline-block;background:#e9eaea;padding: 2px;margin-right:3px;line-height: 16px;}
.AnswerBlockCol .qAns a{position: absolute;float:right;right: 0;bottom: 0;display: block;width: 50px;text-align: center;color: #797979;font-size: 11px;font-weight: 600;display: inline-block;}


ul.actions{ margin:0; padding:0; text-align:right; list-style:none;}  
ul.actions li{display:inline-block;vertical-align:middle;margin: 0 5px;}
ul.actions li a{color: #2b7521;font-size: 12px;font-weight:500;display: inline-block;padding: 0 3px;}
.adminQuestion.Largetext ul.actions li.add{ display:none;}
.question_answers .questionRow.Radio .AnswerBlock > div, .question_answers .questionRow.Multi.Checkbox .AnswerBlock > div{ display:none;}
.question_answers .questionRow.Radio .AnswerBlock > div.correctAns, .question_answers .questionRow .AnswerBlock > div.incorrectAns,
.question_answers .questionRow.Multi.Checkbox .AnswerBlock > div.incorrectAns, .question_answers .questionRow.Multi.Checkbox .AnswerBlock > div.correctAns
{ display:block !important;}

.question_answers{margin-bottom:20px;margin-top: 30px;}
.question_answers  .questionRow {margin-bottom: 15px;padding-left: 30px;}
.question_answers  .questionRow.Radio .AnswerBlock > div, .question_answers  .questionRow.Multi.Checkbox .AnswerBlock > div{color: #333;margin-bottom: 5px;margin-left: 5px;}
.question_answers  .questionRow.Radio .AnswerBlock > div input, .question_answers .questionRow.Multi.Checkbox .AnswerBlock > div input{display:none;}
.question_answers  .questionRow.Radio .AnswerBlock > div label, .question_answers  .questionRow.Multi.Checkbox .AnswerBlock > div label{display: block;/* width: 100px; */font-size: 14px;line-height: 25px;font-family: Arial, Helvetica, sans-serif;color: #888;padding: 0 5px;font-weight: 500;}
.question_answers .questionRow.Radio .AnswerBlock > div.correctAns span{display:inline-block;vertical-align:middle;line-height: 24PX;}
.question_answers  .AnswerBlock .correctAns input, .question_answers  .AnswerBlock .incorrectAns input{ display: none; margin: 5px;}
.question_answers  .AnswerBlock .incorrectAns label{color: #000;/* border: 1px solid #facbcd; */padding: 0;}
.question_answers  .AnswerBlock .incorrectAns label:before{content:'';background: url(/image/cache/incorrect.png) no-repeat center center;background-size: 16px;display:inline-block;vertical-align: middle;width: 24px;height: 24px;}
.question_answers  .AnswerBlock .correctAns label{color: #00853E;/* border: 1px solid #addaaf; */padding: 0;}
.question_answers  .AnswerBlock .correctAns label:before{content:'';background: url(/image/cache/correct.png) no-repeat center center;background-size: 14px;display:inline-block;vertical-align: middle;width: 25px;height: 24px;}
.question_answers  .AnswerBlock .qExp p{font-size: 11px;margin:0;margin-bottom:10px;font-family: Arial, Helvetica, sans-serif;color: #888;}
.question_answers  .AnswerBlock .largeTexrArea p{margin: 0;margin-bottom: 10px;/* font-family: Arial, Helvetica, sans-serif; */color: #666;}


.question_answers .questionRow.Multi.Checkbox .AnswerBlock > div.selectAns { display:inline-block}
.question_answers .questionRow.Multi.Checkbox .AnswerBlock.incorrectAns  { border-color:red; }
.question_answers .questionRow.Multi.Checkbox .AnswerBlock.incorrectAns > div.selectAns label{color:red;}
.question_answers .questionRow.Multi.Checkbox .AnswerBlock.correctAns > div.selectAns  { border-color:#00853E; }
.question_answers .questionRow.Multi.Checkbox .AnswerBlock.correctAns > div.selectAns label{color:#00853E;}

.questionRow .question{}
.questionRow .question strong{margin-left: -40px;display: block;min-width: 40px;text-align: left;}
.questionRow .question span {font-weight:bold;display: block;margin-bottom: 5px;}
.question_description {display: none;}
.correctAnswerEXP { display:block; }
.correctAnswerEXP span{ display:block;}

/* TABLETS width 700 or above width */
@media all and (min-width: 1020px) and (max-width: 1200px){
	header .container {width:90%;}
	#nav ul li a { font-size:100%; padding:0 18px;}
}
@media all and (min-width: 700px) and (max-width: 1020px){
body, html  { max-width: 1020px; min-width: 700px; width: 100%; padding: 0px; margin: 0px;  }
.main_blk{ width:96%;}
#nav div.container {  width:  107.5%; margin: 0 -2%;  padding: 0;  border-left: 0; border-right: 0;  }
#nav ul{position:relative; }    
.pad {padding: 25px 10px; }
#footer{ padding: 0px; width: 98%; padding: 1%; margin: 0; height: auto;}
#wrapper { min-width: 100%;  width: 100%; padding: 0%;  }
#nav ul li a {padding: 0 12px;/* min-width: 4%; */font-size: 1.1em;/* font-weight: 500; */}
.container {  width: 95%;  padding: 0; }
.slide_img{width: 100%;}
.imageGallery a { min-width: 110px; max-height:80px;}
.imageGallery a img{ height: 100%; }
.copyright .container { min-width: 96%;  width: 96%; padding: 0%;  margin: auto; }
#content { width: 100%;  }
#leftprt {/* width: 60%; */margin-bottom: 20px;}
#rgtprt {/* margin-left: 10px; *//* float: right; */}
.pagebr { padding: 0; }
}
@media all and (min-width:0px) and (max-width:990px){
#header nav#nav { height: auto; overflow: visible;}
#header nav#nav.active ul{display:block;}
#nav ul {float: none;position: absolute;right: 0;top: 100%;z-index: 122;background: #519548;padding: 5px;}
#nav ul li {float: none;border: 0;border-bottom: 1px solid #519548;text-align: left;}
#nav ul li a { display: block; color: #FFF;    }
#nav ul li.currentitem a, #nav ul li.currentbranch a { color:#FFF;}
#nav ul li:hover a {background: none;}
#nav ul li a:hover {text-decoration: none;background: #FCCB5F;color: #333;}
#nav ul li > ul { display: block; position:relative; top:0; left: 0; min-width: 90%; margin-left: 0; width: 100%;}
#nav ul li > ul > li a {padding: 5px 0 5px 15px;margin:0;}
#nav ul li > ul, #nav ul li > ul li, #nav ul li > ul li a {background: #519548;border:0;box-shadow:none;top:0;}
.navigate a { display: block; color: #FFF; }
#nav .cenbg ul {display: none;min-width: 260px;/* max-width: 240px; */z-index: 999;margin: 0;right: 0px;padding: 0;}
#nav ul li ul { padding: 0; z-index: none; position:  relative; top: 0; right: 0;}
#nav ul li > ul{ display:block; position: relative;}
 
.navigate  { display: block; text-align: right;   font-size: 1.2em; }
.navigate a {display: inline-block;color: #DDD;cursor: pointer;}
.navigate a label.mbtn {cursor: pointer;display: inline-block;vertical-align: middle;line-height: 0;margin: 0;padding: 13px 5px;width: 38px;/* 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; }

section.logo{float:none;/* width: 100%; */text-align: left;position:relative;clear: both;margin: 5px 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
 div.loglnks{/* margin:0px auto; *//* width: 100%; */float: none;/* height: 112px; */-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;}
	
.logged_in .lgnmenu .topnav { display:none;}
.logged_in .lgnmenu  {position:relative;z-index: 9;cursor: pointer;}
.logged_in .lgnmenu span{display:inline-block;padding:5px;line-height: 20px;}
.logged_in .lgnmenu .topnav {display:none;height: auto;}	
.logged_in .lgnmenu span:after{content:'';display:inline-block;vertical-align: middle;line-height: 20px;width: 1px;border-top: 5px solid #FFF;border-left: 5px solid transparent;border-right: 5px solid transparent;}	
.logged_in .lgnmenu .topnav:after{ display:none;} 
.logged_in .lgnmenu:hover .topnav {display:block;position: absolute;z-index: 5;right: 0;top: 100%;width: 100%;}
.logged_in .lgnmenu .topnav ul {display:block;width:100%;background: #fccb5f;}
.logged_in .lgnmenu .topnav ul li{display:block;border: 0;padding: 0;}
.logged_in .lgnmenu .topnav ul li a{text-align:right;display: block;padding: 7px;color: #FFF;}
.logged_in .lgnmenu .topnav ul li a:hover { background:#519548;}	
	
	
}


@media all and (min-width: 700px) and (max-width: 860px){
#nav ul{/* position:absolute; *//* float:none; */ /* clear:both; */}     
#leftprt {width: 100%;margin-bottom: 20px;float: none;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
#rgtprt {width: 100%;float: none;margin: 0;padding: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.footabout { display: none; }
#rgtprt .box { float: left; width: 210px;  } 
}
@media all and (min-width: 0px) and (max-width: 750px){
#footer { position: relative; }
#header{ width: 100%;}

#slides div.base img{}
} 
/* 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;  }
	
.main_blk{ width:100%;}
#top_nav ul li a{font-size:1em;}
#nav div.container {  width:  100%; margin: 0%;  padding: 0;  border-left: 0; border-right: 0;  }
.pad {padding: 25px 10px; }
#footer { height: auto; }
.hmtab  .img { height: 140px;}

	
.copyright .container { min-width: 94%;  width: 94%; padding: 0% 1%; margin: auto;}
#wrapper, .container { min-width: 100%; width: 96%; }
#leftprt {width: 100%;margin-bottom: 20px;float: none;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0;}
#rgtprt {width: 100%;float: none;margin: 0;padding: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.footabout { display: none; }
.container { min-width: 98%; padding: 0; margin: 0px auto;  }
.footabout, .sociolinks  { width: 42%; display: block; }
#rgtprt .box { float: left; width: 40%; margin: 5px; }
#rgtprt .box .boxhd, #rgtprt .box .boxh { margin: 0 -15px; width: 111%; padding-bottom: 15px; }
#rgtprt .box .lftbg, #rgtprt .box .rgtbg { display: none; }
#rgtprt .box .cenbg { width: 100%; }
.imageGallery {  width:98%; margin:0px auto; text-align:center;  display: inline-block;}
.imageGallery a{ text-align:center; height: 100px; width: auto;}
.imageGallery a img { height:100%; width:auto;}
}

@media all and (min-width: 0px) and (max-width: 550px){
#rgtprt .box  { width: 80%;  }
.addr, { width: 96%;  }
.callus { top: -60px; right: 0px; line-height: 60px;  }
.footnav { width: 94%;  margin: 1% 4%;  }
.footnav ul { width: 100%; padding: 0; margin: 0;   }
.footnav ul  li { width: 100%; padding: 0; margin: 0;   }
.footabout { display: none;  }
.addr { width: 94%;  margin: 1% 3%; }
.sociolinks { display: block; clear:both; width: 98%;text-align: left; float: none;  margin: 1%; padding: 2em 1em 4.5em 1em ; vertical-align: top;  }
.sliderContent div.base div.caption {  width: 38%;  right: 0%; bottom: 0%; }
.slidebg { height: 390px;  position: relative; z-index: 0;  }
.hblock {border-bottom: 1px dashed #EEC402;  }
#slides { height: 390px; }
.sliderContent {  color: #CCC;  height: 350px;  }
.sliderContent div.base {  height: 350px;   width: 100%;  left: 0;}
.sliderContent div.base div.caption { width: 90%; background: transparent; font-size: 0.82em; }
#slides div.base.slShow div.caption,#slides div.base div.caption .cpdesc{ width:100%;}
.hmtab { width: 92%; margin: 1% 2%; padding: 0%; height: auto; }
.hmtab .img  { height:auto; }
.headblk{ height:auto;}
.head {flex-direction: column;}
section.logo, div.loglnks {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;margin: 0;}
div.loglnks {display:flex;align-items: center;padding-bottom: 5px;}
	
#top_nav, .srchblk{text-align:center;margin: 5px auto;width: 100%;}
#top_nav ul { justify-content:center;}
#top_nav ul li a { padding:5px 15px;}
.logo img{ height:120px;}
.wlcm{/* float:none; *//* text-align:center; *//* width: 100%; *//* font-size: 100%; */}
.hmbox{ width: 96%; float:none; margin:0px auto; padding: 0;}
.hmstrbox{ width:95%; min-height:30px; border:0!important;}
.webform .fieldrow .row-short, .webform .fieldrow .row-mid, .webform .fieldrow .row-wide, .webform .fieldrow .row-mid.hgh-schl, .webform .fieldrow .row-mid.flupld { width:90%; margin: 6px auto; float: none; display: block;}
.appform .fieldrow .fieldval div, .appform .group_signature .fieldrow .fieldval input[type=text] { width:auto;}
.appform .fieldrow.paytyp .meminp, .appform .fieldrow.paytyp .memlbl { width:40%; margin-bottom: 20px; display: block;}
.extbtrpost .appform .fieldrow.paytyp .meminp, .extbtrpost .appform .fieldrow.paytyp .memlbl { display: inline-block;   text-align: center; margin: 0;}
.mbrregpost .appform .fieldrow .memlbl, .mbrregpost .appform .fieldrow .meminp{ width:80%; margin: 0 auto; float: none; display: block;}
.appform .fieldrow .memlbl, .appform .fieldrow .meminp { width:70%; margin: 2px auto; float: none; display: block;} 
.appform .fieldrow .memdsc { width:97%; margin-top: 10px; float: none; display: block;}
}

@media all and (min-width: 0px) and (max-width: 479px){
#rgtprt .box  { width: 80%;  }
.logo{ float:none; clear:both;}
.loglnks { /* display:none; */}
.footnav { width: 94%;  margin: 1% 3%; }
.footnav ul { width: 100%; padding: 0; margin: 0;   }
.footnav ul  li { width: 100%; padding: 0; margin: 0;   }
.footabout { display: none;  }
.footcredits{  width:50%; margin:0px auto; float:none;}
.sociolinks { display: block; clear:both; width: 98%;text-align: left; float: none;  margin: 1%; padding: 2em 1em 4.5em 1em ; vertical-align: top;  }
.sliderContent div.base div.caption {width: 100%;right: 0%;bottom: 0%;}
.appform .fieldrow.memtyp .meminp, .appform .fieldrow .meminp, .appform .fieldrow .memlbl, .appform .fieldrow .memdsc { width:96%; margin:0 auto; float:none;}  
.spnsrpost .appform .fieldrow.paytyp .meminp {  width:40%; }
.webform .fieldrow {text-align:center;margin: 0 auto;width: 98%;}  
.webform .fieldrow .fieldlabel {text-align:left;} 
.webform .fieldrow .fieldlabel, .webform .fieldrow .fieldval{ width:90%;  margin:0 auto; display:inline-block;}  
}

@media all and (min-width: 0px) and (max-width: 350px){
#top_nav, .rgst, .wlcm.logged_in, .wlcm.logged_id, .mlogin { display:none;}	
div.loglnks{ height:auto; }	
.srchblk{ margin:10px auto;}
}
/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 699px){
.footnavi { width: 100%;  }
.footnav { width: 94%; margin: 0 4%;  }
.footcredits{ float:none; margin:0% 5%;}
}