html, body { margin: 0px; width: 100%; height: 100%; display: block; font-size: 100%; font-style: normal; font-family: Roboto, sans-serif; color: rgb(51, 51, 51); background: rgb(255, 255, 255); }
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: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; }
body { line-height: 1.5em; height: 100%; font-size: 1em; }
* { box-sizing: border-box; }
*, ::after, ::before { box-sizing: border-box; }
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; }
p { margin: 0.5em 0px; }
a { text-decoration: none; color: rgb(11, 98, 0); }
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: rgb(11, 97, 0); 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: none; }
input {
  line-height: normal;
  &[type="checkbox"], &[type="radio"] { box-sizing: border-box; padding: 0px; margin: 0px 3px; }
  &[type="number"]::-webkit-inner-spin-button, &[type="number"]::-webkit-outer-spin-button { height: auto; }
  &[type="email"], &[type="password"], &[type="tel"], &[type="text"], &[type="number"], &[type="file"] {
  width: 100%; min-height: 40px; background-color: rgb(246, 250, 251); border: 1px solid rgb(238, 238, 238); padding: 10px; text-align: left; border-radius: 5px;
  &::-webkit-input-placeholder { font-family: Inter, sans-serif; color: rgb(153, 153, 153); }
}
  &[type="radio"] { }
}
select, textarea { width: 100%; background-color: rgb(246, 250, 251); border: 1px solid rgb(246, 250, 251); color: rgb(51, 51, 51); font-size: 0.9em; padding: 10px; text-align: left; border-radius: 5px; }
input[type="button"], input[type="reset"], input[type="submit"], .button { background: rgb(5, 115, 40); color: rgb(255, 255, 255); cursor: pointer; text-decoration: none; border: 0px; display: inline-block; padding: 10px 25px; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.pad { padding: 25px 25px 180px; }
.divider { margin-top: 20px; position: relative; }
.breadcrumb .container { padding: 5px 10px 0px; }
.button-sm { padding: 5px 15px; }
#layout { background: transparent; position: absolute; height: 100%; top: 0px; left: 0px; width: 100%; min-width: 100%; }
#wrapper { min-height: 100%; background: 0% 0% / cover rgb(255, 255, 255); margin: 0px auto; min-width: 990px; position: relative; }
.main_blk { width: 990px; position: relative; margin: 0px auto; height: 100%; padding: 0px; background: rgb(255, 255, 255); box-shadow: rgb(221, 221, 221) 0px 0px 3px; }
#nav { position: relative; height: 50px; width: 100%; z-index: 1; right: 0px; color: rgb(255, 255, 255); }
.navigation { float: right; }
#content { padding: 25px 10px 10px; float: left; width: 700px; text-align: justify; }
#footer { padding: 0px; clear: both; bottom: 0px; left: 0px; width: 100%; background: rgb(51, 51, 51); color: rgb(196, 196, 196); position: relative; min-height: 100px; }
.container { width: 84%; position: relative; margin: 0px auto; height: auto; max-width: 1400px; }
#conblk { border-bottom: 5px solid rgb(252, 203, 95); background: rgb(229, 178, 70); }
#rgtprt { margin: 0px auto; padding: 0px; flex: 0 0 27%; max-width: 27%; }
.conteBlock { display: flex; justify-content: space-between; padding: 15px 0px; flex-wrap: wrap; }
#leftprt { margin: 0px; padding-right: 15px; flex: 0 0 73%; max-width: 73%; }
#leftprt h2 { color: rgb(51, 51, 51); margin: 10px 5px; display: block; }
.ltnws, .fbblk { border: 1px solid rgb(235, 235, 235); padding: 10px; margin: 0px 0px 6px; box-shadow: rgb(221, 221, 221) 0px 0px 5px; }
.ltnws h2, .fbblk h2 { font-size: 1.3em; border-bottom: 1px solid rgb(198, 198, 198); padding: 0px 0px 5px; }
.fullwdth { width: 96%; margin: 0px auto; padding: 20px 0px; }
.flwdth { width: 100%; margin: 0px; padding: 0px; position: relative; display: block; }
.flwdth.header { background: rgb(11, 97, 0); position: relative; z-index: 4; box-shadow: rgb(58, 58, 58) 0px 2px 5px; }
.flwdth.banner { background: rgb(255, 255, 255); }
.flwdth.search_lnks { background: rgb(229, 178, 70); }
.flwdth.social { background: rgb(229, 178, 70); text-align: center; position: relative; }
.addrs p { display: inline-block; vertical-align: top; }
.addrs iframe { width: 100%; }
.logo { padding: 0px; position: relative; z-index: 2; border-top-right-radius: 25px; border-bottom-right-radius: 25px; width: auto; }
.logo img { height: 100%; width: auto; }
.loglnks { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; }
.no_slidebg { width: 100%; height: 80px; background: rgb(170, 17, 45); }
.headblk { display: block; position: relative; z-index: 99; padding: 0px; }
.headblk h1 { display: none; }
.sbpgbnr { overflow: hidden; }
div.head { 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; }
.copyright { clear: both; padding: 5px 0px; width: 100%; font-size: 0.9em; background: rgb(44, 44, 44); }
.copyright > div { display: flex; justify-content: space-between; align-items: center; }
.copyright ul { display: flex; list-style: none; margin: 0px; padding: 0px; }
.copyright ul li a { color: rgb(255, 255, 255); display: inline-block; padding: 3px; }
.footnavi { width: 100%; padding: 10px 0px; }
.footnavi ul { margin: 0px; padding: 0px; list-style: none; }
.footnavi ul li { 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: rgb(119, 119, 119); display: block; }
.footnavi ul li ul { padding-top: 10px; }
.footnavi ul li ul li a { color: rgb(196, 196, 196); padding: 0px; font-size: 0.87em; }
.footnavi ul li ul li a:hover { color: rgb(255, 126, 42); }
.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; margin-bottom: 10px; }
#footer h3 { margin-bottom: 5px; color: rgb(221, 221, 221); 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: rgb(196, 196, 196); }
.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: rgb(51, 51, 51); color: rgb(255, 255, 255); border-radius: 15px; }
.navblk { width: 100%; height: 100%; }
.navigate { display: none; }
#nav ul, #top_nav ul, #mbr_nav ul { padding: 0px; margin: 0px auto; list-style: none; line-height: 50px; display: inline-block; }
#mbr_nav { color: rgb(162, 86, 11); 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: 0px; }
#mbr_nav ul { margin: 0px; line-height: 1em; }
#top_nav { margin-top: 5px; text-align: right; right: 0px; }
#top_nav ul li { list-style-type: none; margin: 5px 0px; }
#top_nav ul li a { padding: 0px 10px; border-right: 1px solid rgb(252, 203, 95); display: block; color: rgb(11, 97, 0); font-size: 0.9em; }
#top_nav ul li:last-child a { border: 0px; }
#top_nav ul { margin: 0px; line-height: 1em; display: flex; justify-content: flex-end; }
#nav ul { display: flex; justify-content: center; flex-wrap: nowrap; }
#nav ul li { text-align: center; position: relative; border-right: 1px solid rgb(204, 204, 204); }
#nav ul li a, #nav ul li span { color: rgb(255, 255, 255); display: block; padding: 0px 10px; text-decoration: none; }
#nav ul li:last-child { border: 0px; }
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav ul li > ul { padding: 0px; margin: 0px; box-shadow: rgb(252, 203, 95) 0px 0px 1px; text-align: left; list-style: none; display: none; font-size: 0.87em; line-height: 2.5em; z-index: 2; width: 200px; background: rgb(252, 203, 95); 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: rgb(255, 255, 255); }
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover { background: rgb(247, 223, 112); filter: none; color: rgb(0, 0, 0); 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: rgb(255, 255, 255); text-decoration: none; }
#nav ul li.currentitem a, #nav ul li.currentbranch a { background: rgb(247, 223, 112); color: rgb(51, 51, 51); }
#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: rgb(0, 0, 0); background: rgb(252, 203, 95); text-decoration: none; }
#sidemenu { padding: 10px; background: rgb(238, 196, 2); }
#sidemenu ul { margin: 0px; padding: 0px; list-style: none; }
#sidemenu ul li a { display: block; padding: 8px 10px; color: rgb(0, 0, 0); border-bottom: 1px dashed rgb(238, 238, 238); }
#sidemenu ul li:hover, #sidemenu ul li a:hover { color: rgb(255, 255, 255); background: rgb(146, 95, 0); margin: -2px -15px 0px 0px; text-align: right; border-bottom: 1px solid rgb(146, 95, 0); text-decoration: none; }
.rgst { position: relative; z-index: 1; }
.rgst .topnav ul li { margin: 0px 0px 0px 2px; background: rgb(11, 97, 0); float: left; padding: 0px; display: inline-block; }
.rgst .topnav ul li a { display: block; color: rgb(255, 255, 255); font-size: 1.2em; padding: 5px 15px; }
.rgst.logged_in { display: none; }
.wlcm { color: rgb(47, 47, 47); position: relative; z-index: 2; }
.wlcm.logged_in, .wlcm.logged_id, .mlogin { display: block; }
.wlcm .lgnmenu { display: none; background: rgb(252, 203, 95); }
.logged_in .lgnmenu { display: flex; }
.logged_in .lgnmenu span { padding: 8px 15px; }
.logged_in .lgnmenu .topnav { padding: 0px; }
.topnav ul { list-style: none; padding: 0px; margin: 0px; display: flex; }
.topnav ul li { text-transform: capitalize; display: inline-block; border-left: 1px solid rgb(238, 238, 238); }
.topnav ul li a { color: rgb(47, 47, 47); padding: 8px 15px; display: inline-block; }
.topnav ul li a:hover { color: rgb(255, 255, 255); background: rgb(11, 97, 0); text-decoration: none; }
#membermenu ul { list-style: none; margin: 0px; }
#membermenu ul li { background: rgb(252, 203, 95); margin: 1px 0px; display: block; color: rgb(255, 255, 255); }
#membermenu ul li a { color: rgb(51, 51, 51); padding: 7px 13px; display: block; }
.memcnt { padding: 5px; width: 47%; float: left; min-height: 125px; }
.memcnt .memnm h3 { margin: 0px; }
.memcnt .memttl { font-weight: bold; }
.memcnt .memadr, .memcnt .memdtl { }
#socialmenu { float: none; clear: both; margin: 0px auto; padding: 0px 1%; width: 98%; text-align: center; }
#socialmenu ul { list-style: none; padding: 0px; margin: 10px 0.5%; text-align: center; display: inline-block; vertical-align: middle; }
#socialmenu li span { display: none; }
#socialmenu li { float: left; padding: 0px 5px; height: 100%; }
#socialmenu li a { width: 30px; height: 31px; display: block; line-height: 50px; opacity: 0.7; }
#socialmenu li.fb a { background: url("/image/cache/fb.png") center center / contain no-repeat; display: inline-block; vertical-align: middle; }
#socialmenu li.twittr a { background: url("/image/cache/twitter.png") center center / cover no-repeat; }
#socialmenu li.lnkdn a { background: url("/image/cache/lnkdn.png") center center / cover no-repeat; }
#socialmenu li.ytb a { background: url("/image/cache/ytb.png") center center / cover no-repeat; }
#socialmenu li.pint a { background: url("/image/cache/pint.png") center center / cover no-repeat; }
#socialmenu li.gog a { background: url("/image/cache/gog.png") center center / cover no-repeat; }
#socialmenu li.eml a { background: url("/image/cache/eml.png") center center / cover no-repeat; }
#socialmenu li.rss a { background: url("/image/cache/rss.png") center center / cover no-repeat; }
#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; }
.slidebg { position: relative; overflow: hidden; text-align: center; }
.hblock { border-bottom: 1px dashed rgb(238, 196, 2); }
#slides { height: 430px; top: 0px; width: 100%; text-align: center; }
.slide_img { height: 420px; width: 100%; position: absolute; z-index: 6; }
#slides .sliderContent { color: rgb(0, 0, 0); height: 100%; position: relative; overflow: hidden; top: 0px; width: 100%; }
#slides .sliderContent .sliderSection { height: 100%; position: relative; width: 100%; background: rgb(51, 51, 51); }
#slides div.base { position: relative; width: 100%; left: 0px; height: 440px; top: 0px; background: rgb(51, 51, 51); }
#slides div.base .img { text-align: left; }
#slides div.base img { position: relative; top: 0px; border: 0px; height: 100%; width: 100%; margin: 0px; padding: 0px; left: 0px; object-fit: cover; }
#slides div.activeSlide { display: block; text-align: right; }
#slides div.base .slideblk { height: 100%; width: 100%; position: relative; }
#slides div.base .slideblk .img { height: 100%; width: 100%; position: relative; }
#slides div.base.slShow div.caption { width: 57%; height: 100%; position: absolute; z-index: 2; right: 0px; padding: 0px 10px; background: url("/image/cahe/slide-angl.png") right top / 100% 100% no-repeat; }
#slides div.base div.caption .cpdesc { position: relative; top: 20px; padding: 20px; width: 70%; right: 0px; color: rgb(255, 255, 255); text-align: right; font-size: 1.2em; float: right; }
#slides div.base div.caption .cpdesc p { margin: 10px 0px; }
#slides div.base div.caption h2 { font-size: 2em; line-height: 1em; margin: 50px 0px 10px; padding: 14px; font-weight: normal; color: rgb(255, 255, 255); text-align: right; }
#slides div.base div.caption h3 { font-size: 1.5em; line-height: 1em; font-weight: normal; color: rgb(255, 255, 255); text-align: right; display: block; width: 100%; padding: 10px 0px; position: relative; top: 25px; }
#slides div.base div.caption a { color: rgb(51, 51, 51); background: rgb(252, 203, 95); padding: 8px 18px; margin: 10px 0px; }
.taoNav { text-align: center; bottom: 5px; width: 100%; z-index: 5; position: absolute; }
.taoNav a { display: inline-block; margin: 2px 5px; padding: 0px; border-radius: 10px; height: 20px; width: 20px; background: rgb(255, 255, 255); line-height: 0.7em; font-size: 0px; color: rgb(255, 255, 255); cursor: pointer; }
.taoNav a.active { background: rgb(252, 203, 95); color: rgb(0, 0, 0); }
.taoNav a:hover { text-decoration: none; }
.more { position: absolute; bottom: 0px; right: 10px; }
.more a { color: rgb(146, 95, 0); }
.bannerblk { float: left; margin: 5px 0px; }
.bannerblk img { width: 100%; }
.hmbox { width: 22%; float: right; margin: 1%; color: rgb(51, 51, 51); padding: 0.5% 1%; min-height: 200px; }
.hmbox h2, .hmbox h2 a { padding: 0px 0px 10px; color: rgb(255, 255, 255); margin: 0px; width: 100%; font-size: 1.9em; }
.srchblk { height: 30px; min-width: 250px; border: 1px solid rgb(158, 157, 157); position: relative; clear: both; }
.srchblk input[type="text"] { width: 82%; height: 93%; font-size: 14px; display: inline-block; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; vertical-align: middle; outline: none; text-indent: 10px; position: absolute; top: 0px; left: 0px; background: transparent; }
.srchblk input[type="submit"] { width: 18%; height: 100%; font-size: 15px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; text-shadow: rgb(85, 85, 85) 1px 0px 1px; margin: 0px; padding: 0px; outline: 0px; background: rgb(5, 115, 40); position: absolute; color: rgb(255, 255, 255); top: 0px; right: 0px; }
.srchblk input[type="submit"]:hover { background: rgb(85, 85, 85); }
.sbpg_src_blk { width: 70%; height: auto; float: right; margin: -2px 0px 5px; padding: 0px; border: 2px solid rgb(197, 218, 47); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
.sbpg_src_blk .search { width: 90%; margin: 0px auto; }
.sbpg_src_blk input[type="text"] { height: 40px; outline: 0px; width: 35%; margin: -5px -2px; padding: 0px 8px; border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(197, 218, 47) currentcolor currentcolor; border-image: initial; }
.sbpg_src_blk input[type="button"] { height: 40px; margin: 0px -2px; border-width: 0px; border-style: none none inset; border-color: currentcolor currentcolor rgb(197, 218, 47); border-image: initial; outline: 0px; width: 24%; background: rgb(91, 91, 91); color: rgb(255, 255, 255); }
.hmbox .item .date, .hmstrbox .date { font-size: 1.2em; color: rgb(51, 51, 51); font-weight: normal; }
.hmbox .item a { font-size: 1.3em; color: rgb(255, 255, 255); display: block; padding: 5px 0px 8px; }
.hmbox .item .desc { color: rgb(255, 255, 255); font-weight: normal; font-size: 1.1em; }
.hmbox .item .loc span { display: block; color: rgb(255, 255, 255); font-size: 1.1em; }
.hmstrbox { width: 29%; float: left; margin: 1%; color: rgb(51, 51, 51); padding: 0.5% 1%; }
.hmstrbox:nth-child(3) { }
.hmstrbox h2 { margin: 0px; padding: 0px; }
.hmstrbox h2 a { color: rgb(255, 255, 255); margin: 0px; font-size: 0.68em; display: block; line-height: 25px; }
.hmstrbox .box.nwsblk .nwsimg { float: left; padding: 5px 5px 0px 0px; margin: 0px 5px 0px 0px; }
.hmstrbox .box.nwsblk p { color: rgb(255, 255, 255); font-size: 1.1em; }
.hmstrbox .box.nwsblk p span a { color: rgb(255, 255, 255); font-size: 1.2em; }
.news div.article { border-bottom: 1px dashed rgb(238, 196, 2); padding: 8px 5px; }
.news div.article h2 { font-size: 1.2em; }
.splitleft, .splitright { width: 47%; padding: 0px 1%; display: inline-block; vertical-align: top; }
.splitright { text-align: right; }
.splitright a { color: rgb(146, 95, 0); }
#calendar { border-collapse: collapse; width: 100%; background: transparent; color: rgb(51, 51, 51); }
#calendar th, #calendar td { border: 1px solid rgb(204, 204, 204); width: 14%; height: 50px; }
#calendar th { text-align: center; background: rgb(238, 238, 238); vertical-align: middle; font-size: 18px; color: rgb(155, 115, 19); line-height: 20px; font-family: Roboto, sans-serif; }
#calendar td.caption { background: rgb(204, 204, 204); vertical-align: middle; text-align: center; color: rgb(155, 115, 19); 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: rgb(51, 51, 51); border-bottom: 1px solid rgb(255, 255, 255); background: rgb(221, 221, 221); font-size: 11px; }
.hide { display: none; }
#imageoverlay { position: fixed; top: 0px; left: 0px; 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: rgb(51, 51, 51); }
#gimage { width: 100%; float: left; text-align: center; height: 100%; }
#gimage img { background: rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(238, 238, 238); }
#gcontent { float: left; width: 0px; line-height: 1.3em; margin: 10% 0px; padding: 0px; color: rgb(204, 204, 204); display: none; }
#gcontent div { margin: 5px 0px; }
#gcontent label { display: block; color: rgb(127, 120, 89); 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: rgb(255, 255, 255); display: inline-block; padding: 2px 15px; }
#gclose { position: absolute; z-index: 1122; top: 0%; right: 5%; width: 46px; background: rgb(127, 120, 89); padding: 5px 15px; color: rgb(255, 255, 255); }
.gwait { margin-top: 40%; color: rgb(221, 221, 221); }
.gallerylist { position: relative; float: left; height: 200px; width: 180px; padding: 35px 15px 30px 30px; margin: 5px 0px; }
.gallerylist img { height: 135px; width: 170px; border: 1px solid rgb(204, 204, 204); padding: 2px; }
.gallerylist h3 { margin-top: 5px; text-align: center; font-size: 1.1em; }
.gallerylist p { display: none; }
.imageGallery a { background: rgb(255, 255, 255); height: 100px; border: 1px solid rgb(255, 255, 255); width: 18%; margin: 0px; vertical-align: middle; position: relative; text-align: center; overflow: hidden; display: inline-block; }
.imageGallery a .gContent { display: none; }
.imageGallery a img { width: 100%; filter: grayscale(100%); }
.imageGallery a:hover img { filter: none; border: 3px solid rgb(255, 255, 255); }
.videoresults { padding: 15px 0px; }
.videoresults div.videoleft { width: 400px; float: left; }
.videoresults div.desc { width: 270px; color: rgb(102, 102, 102); float: right; padding-top: 30px; }
#editevent { background: rgb(249, 249, 249); 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-width: 1px 0px; border-style: dotted none; border-color: rgb(204, 204, 204) currentcolor; border-image: initial; }
.indievent h1 { font-size: 20px; }
.indievent span { display: block; }
.indievent label { display: block; color: rgb(102, 102, 102); font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent div img { float: left; margin: 5px 10px; }
.eventrow { border-bottom: 1px dashed rgb(238, 196, 2); padding: 10px 0px; }
.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 0px; }
div.msg.error p, .msg.taoCMSerror span { text-align: center; border: 1px solid red; padding: 2px; background: rgb(239, 216, 216); display: block; }
.msg.taoCMSerror ~ p { margin: 2px 0px; }
form table tr td { padding: 8px 0px; }
form legend { border-bottom: 1px dashed rgb(204, 204, 204); width: 100%; display: block; background: transparent; color: rgb(102, 114, 51); 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: rgb(102, 114, 51); 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 0px; }
.webform .fieldrow .fieldlabel { display: inline-block; width: 40%; margin: 0px 0.5%; }
.webform .fieldrow .fieldval { display: inline-block; width: 40%; margin: 0px 0.5%; vertical-align: top; text-align: left; }
.webform .fieldrow .fieldval input { }
.webform .fieldrow .fieldval input[type="submit"] { width: auto; padding: 10px 25px; }
.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: rgb(255, 255, 255); padding: 5px 1%; font-size: 1.2em; margin: 20px 0px 5px; }
.webform .group_nogroup_label { display: none; }
.webform .fieldrow .fieldlabel { font-size: 1.1em; }
.webform .fieldrow .fieldlabel sup, #adpost .fieldrow .fieldlabel sup { color: rgb(171, 0, 0); margin-left: 5px; }
.fieldrow .fieldval input[type="radio"], .fieldrow .fieldval input[type="checkbox"] { width: auto; display: inline-block; }
#agree sup { color: rgb(169, 0, 0); }
.appform .fieldrow .fieldlabel, .appform .fieldrow .fieldval { width: 100%; margin: 0px 0.5%; }
.group_upgrades .fieldrow .fieldval input[type="radio"], .group_upgrades .fieldrow .fieldval label { float: left; }
.appform .fieldgroup_label { width: 97%; display: block; color: rgb(91, 91, 91); padding: 14px 1%; font-size: 2em; margin: 20px 0px 11px; border-bottom: 2px solid rgb(221, 221, 221); }
.appform .group_nogroup_label { display: none; }
.appform .fieldrow .fieldlabel { font-size: 1.1em; }
.appform .fieldrow .fieldlabel sup, .fieldrow .fieldlabel sup { color: rgb(171, 0, 0); margin-left: 5px; }
.appform .fieldrow { padding: 10px 0px; }
.appform .fieldrow .fieldlabel, .fieldrow .fieldval { display: inline-block; vertical-align: top; margin: 0px 0.5%; }
.appform .fieldgroup_label { font-size: 2em; color: rgb(112, 112, 112); margin-bottom: 20px; padding: 10px 5px; display: block; }
.appform .fieldrow { padding: 8px 0px 0px 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 0px; width: auto; }
.appform .fieldrow .fieldval input[type="text"], .appform .fieldrow .fieldval input[type="email"] { width: 100%; padding: 10px; }
.appform .fieldrow .fieldval textarea { width: 100%; min-height: 80px; }
.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: 0px 0px 15px; }
.mempost .appform .fieldrow.memtyp .fieldval div div { margin: 0px; }
.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 0px; text-align: center; }
.pstbtns input[type="button"], .pstbtns input[type="submit"] { padding: 10px 40px; margin: 15px; }
.appform .fieldrow .fieldval input[type="file"] { border: 0px; }
.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-bottom: 15px; }
.appform .fieldrow .memdsc .field_desc h4 { margin-bottom: 0px; }
.appform .fieldrow .memdsc .field_desc p { margin-top: 0px; margin-bottom: 15px; }
.mbrregpost .appform .fieldrow .memlbl { width: 30%; }
.appform .fieldrow .fieldval.othrcnt { padding: 15px 0px; }
.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 0px; }
#county_company span.fieldval br { display: none; }
.descr { color: rgb(87, 87, 87); border-top: 1px dashed rgb(214, 214, 214); margin-top: 10px; padding-top: 0px !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%; }
.appform .fieldrow.formbuilder .meminp { }
.taoFieldBuilder .head { margin-bottom: 0px; background: rgb(221, 221, 221); }
.taoFieldBuilder .head span {padding: 5px 10px;min-width: 90%;}
.taoFieldBuilder .head span.tfbact {min-width: 10%;text-align: center;padding: 3px;}
.taoFieldBuilder .tafb_row { margin-bottom: 1px; display: flex; align-items: center; justify-content: space-between; background: rgb(234, 234, 234); }
.head .name_and_banquet_input_head { background: rgb(221, 221, 221); padding: 10px 0px; margin-bottom: 5px; }
.taoFieldBuilder .tafb_row span {min-width: 90%;display: inline-block;vertical-align: top;text-align: center;font-weight: bold;padding: 2px 0px;}
.taoFieldBuilder .banquet_col input, .taoFieldBuilder .name_col input { width: 100%; height: 20px; margin: 0px; }
.taoFieldBuilder .tafb_row span.tfbact {min-width: 10%;text-align: center;padding: 3px;}
.taoFieldBuilder .banquet_col { width: 45%; display: inline-block; vertical-align: middle; text-align: center; }
.taoFieldBuilder .tafb_row span.tfbact { font-weight: bold; font-size: 1.6em; display: inline-block; vertical-align: middle; text-align: center; }
.taoFieldBuilder a.addAct { text-decoration: none; color: rgb(255, 255, 255); background: rgb(11, 97, 0); padding: 2px; display: block; font-size: 22px; }
.taoFieldBuilder a.tfbdel { text-decoration: none; background: rgb(229, 178, 70); color: rgb(51, 51, 51); display: block; padding: 5px; font-weight: 600; font-size: 36px; }
table.shippinginfotable { width: auto; margin: 0px; min-width: 40%; border-collapse: collapse; }
table.shippinginfotable tr td { border: 1px solid rgb(238, 238, 238); 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 rgb(222, 222, 222); }
.catalogcart td, .catalogcart th { border: 1px solid rgb(222, 222, 222); padding: 0px 5px; font-weight: normal; text-align: center; }
.cartheadings { background: rgb(233, 233, 233); line-height: 30px; }
.catalogcart .itemname { padding-top: 5px; }
.catalogcart p { padding: 0px; margin-top: 0px; }
.catalogcart .oddrow { background: rgb(249, 249, 249); }
.catalogcart .evenrow { background: rgb(255, 255, 255); }
.carttotals { line-height: 30px; }
#cartbuttons ul { list-style: none; padding: 0px; margin: 20px 0px 0px; text-align: center; }
#cartbuttons ul li { display: inline-block; margin: 5px 0px; }
.cartlinks { height: 30px; margin: auto; float: right; }
.cartlinks ul { margin: -4px 0px 0px; padding: 0px; list-style: none; float: right; }
.billingaddress { width: 48%; padding: 10px 0px; border-bottom: 1px solid rgb(238, 238, 238); 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: 0px; padding: 0px; list-style: none; color: rgb(128, 0, 128); }
#changeinfo ul li { display: inline-block; margin-right: 20px; }
#returntocart a, #changeinfo ul li a::before { content: "←"; display: inline-block; line-height: 0; }
#orderinfo > h2 { display: none; }
#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 rgb(204, 204, 204); }
.newschannel_paging_links span { padding: 3px 10px; border: 1px solid rgb(204, 204, 204); 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: rgb(0, 0, 0); }
.modalwindow { display: block; position: fixed; top: 10%; left: 0px; margin: auto; height: 90%; z-index: 999; overflow: hidden auto; width: 100%; }
#modaldata { background: rgb(255, 255, 255); border: 1px solid rgb(229, 178, 70); max-height: 500px; overflow: auto; box-shadow: rgb(187, 187, 187) 0px 0px 8px; padding: 0px; margin: 20px auto 0px; position: relative; }
.modalcontent, .modalprocess { background: rgb(255, 255, 255); padding: 0px 20px 20px; color: rgb(0, 0, 0); }
.shade { display: block; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: rgb(221, 221, 221); z-index: 998; opacity: 0.3; }
.modalLabel {background: rgb(255, 255, 255);line-height: 25px;/* padding: 5px; */margin: 5px 10px;}
.modalLabel label { color: rgb(230, 141, 23); font-size: 1.2em; }
.modalLabel span {/* position: absolute; */right: 0px;top: 5px;display: block;text-align: right;}
.modalLabel span a { color: rgb(153, 153, 153); background: rgb(255, 255, 255); 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: 0px; left: 0px; z-index: 99; background: rgba(115, 115, 115, 0.35); }
#loader i { position: relative; z-index: 9; display: block; transform: translate(-50%, -50%); top: 50%; left: 50%; color: rgb(255, 255, 255); width: 60px; height: 60px; background: url("/image/cache/loader.gif") center center / contain no-repeat; }
#searchresults { }
#searchresults dt { margin-top: 10px; padding: 5px 0px; border-top: 1px dotted rgb(204, 204, 204); font-family: Roboto, sans-serif; font-size: 12px; }
#searchresults dd { padding-left: 10px; }
#forum { border: 1px solid rgb(221, 221, 221); border-collapse: collapse; }
#forum td { padding: 5px 10px; border: 1px solid rgb(221, 221, 221); }
#forum-header { background: rgb(238, 238, 238); font-weight: bold; }
#forum-highlight { background: rgb(249, 249, 249); }
#content-background { font-size: 0.82em; }
.data-table { display: table; width: 91%; margin: 0px auto; border-collapse: collapse; }
.data-table .data-row { display: table-row; border: 0px; }
.data-table .data-row.caption { display: table-caption; width: 100%; }
.data-table .data-row.caption .data-col { display: table; width: 100%; background: rgb(0, 133, 62); border: 0px; }
.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: rgb(226, 60, 44); font-weight: bold; }
.data-table .data-row .data-col.result .pass { color: rgb(0, 133, 62); font-weight: bold; }
.data-table .data-row .data-col { display: table-cell; border: 1px solid rgb(221, 221, 221); padding: 2px 5px 5px; }
.data-table .data-row.head .data-col { background: rgb(238, 238, 238); padding: 3px 5px; color: rgb(0, 0, 0); font-size: 14px; }
.data-table .data-row .data-col.options { text-align: center; }
.data-table .data-row .data-col.options a { display: inline; padding: 0px 8px; color: rgb(241, 99, 104); }
.userData { margin: 10px 0px 25px; padding: 0px 10px; }
.userData .data-table { display: table; width: 100%; margin: 0px auto; border-collapse: collapse; }
.userData .data-table .data-row.caption .data-col h2 { font-size: 1.1em; color: rgb(0, 133, 62); }
.userData .data-table .data-row .data-col input { display: block; width: 95%; padding: 10px 5px; background: rgb(238, 238, 238); border: 1px solid rgb(221, 221, 221); }
.userData .data-table .data-row .data-col sup { color: red; }
.userData.error .data-table .data-row .data-col input { border-color: red; }
.test_row { padding: 0px 10px; margin-bottom: 10px; border-bottom: 1px solid rgb(221, 221, 221); }
.test_row h3 { color: rgb(51, 51, 51); margin: 0px; }
.test_row h2 a { color: rgb(226, 60, 44); font-weight: bold; }
#testDetails h3 { color: rgb(226, 60, 44); padding: 10px; font-size: 1.2em; }
.userDetails { margin: 20px 0px; 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: 0px; }
.userDetails .detailsRow .detailsCol input.require.error { border-bottom: 1px solid red; }
.questionRow { margin-bottom: 15px; padding-left: 40px; }
.questionRow.highlight .question { color: rgb(226, 60, 44); }
.questionRow .question { padding-left: 0px; font-size: 15px; display: flex; flex-direction: row; }
#form_166_post .questionRow.incorrectAns .question { color: rgb(226, 60, 44); }
.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: 0px; padding: 0px; font-size: 15px; border: 0px; }
.AnswerBlock input[type="checkbox"] { margin-right: 5px; }
.question_description { display: none; }
.scoure { padding: 0px 10px; }
.resultsWrapper { padding: 0px; }
.resultsWrapper .test_row { padding: 0px; margin: 0px; }
.resultsWrapper .test_row h1 { font-size: 24px; }
.resultsWrapper .userDetails { width: 100%; }
.resultsWrapper .userDetails.data-table { margin: 10px 0px; }
.resultsWrapper .question_answers { padding: 0px 10px; }
.resultsWrapper .questionRow.Radio .AnswerBlock > div { color: rgb(51, 51, 51); margin-bottom: 5px; margin-left: 10px; }
.resultsWrapper .questionRow.Radio .AnswerBlock > div input { display: none; }
.resultsWrapper .questionRow.Radio .AnswerBlock > div label { display: inline-block; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: rgb(136, 136, 136); }
.resultsWrapper .AnswerBlock .correctAns input, .resultsWrapper .AnswerBlock .incorrectAns input { display: none; margin: 5px; }
.resultsWrapper .AnswerBlock .incorrectAns label { color: rgb(0, 0, 0); border: 1px solid rgb(226, 60, 44); padding: 0px; }
.resultsWrapper .AnswerBlock .incorrectAns label::before { content: ""; background: url("/image/cache/incorrect.png") center center / 16px no-repeat; display: inline-block; vertical-align: middle; width: 24px; height: 24px; }
.resultsWrapper .AnswerBlock .correctAns label { color: rgb(0, 133, 62); border: 1px solid rgb(0, 133, 62); padding: 0px; }
.resultsWrapper .AnswerBlock .correctAns label::before { content: ""; background: url("/image/cache/correct.png") center center / 16px no-repeat; display: inline-block; vertical-align: middle; width: 24px; height: 24px; }
.resultsWrapper .AnswerBlock .qExp p { font-size: 11px; margin: 0px 0px 10px; font-family: Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); }
.contentArea { width: 78%; float: left; }
.sideNavArea { float: left; width: 20%; padding-left: 1%; }
.sideNavArea ul { margin: 50px 0px 0px; padding: 0px; list-style: none; }
.sideNavArea ul li { display: block; }
.sideNavArea ul li a { color: rgb(255, 255, 255); padding: 5px 10px; display: block; font-size: 16px; background: rgb(226, 60, 44); border-bottom: 1px solid rgb(255, 255, 255); }
.sideNavArea ul li a:hover { text-decoration: none; background: rgb(226, 60, 44); }
.data-table { display: table; width: 91%; margin: 0px 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: rgb(221, 221, 221); }
.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: rgb(226, 60, 44); font-weight: bold; }
.data-table .data-row .data-col.result .pass { color: rgb(0, 133, 62); font-weight: bold; }
.data-table .data-row .data-col { display: table-cell; border: 1px solid rgb(221, 221, 221); padding: 2px 5px; }
.data-table .data-row.head .data-col { background: rgb(238, 238, 238); padding: 3px 5px; color: rgb(0, 0, 0); font-size: 14px; }
.data-table .data-row .data-col.options { text-align: center; }
.data-table .data-row .data-col.options a { display: inline; padding: 0px 8px; color: rgb(226, 60, 44); }
.test_results_individual { width: 100%; margin-bottom: 10px; }
.questionRow .adminQuestion { padding: 5px; margin-bottom: 10px; border: 1px solid rgb(233, 234, 234); background: rgb(249, 249, 249); }
.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: rgb(153, 153, 153); color: rgb(255, 255, 255); font-size: 10px; }
.questionRow .adminQuestion h4 { font-weight: bold; padding-left: 38px; font-size: 14px; margin-bottom: 10px; color: rgb(51, 51, 51); }
.questionRow .adminQuestion h4 span { margin: 0px 5px 0px -36px; color: rgb(102, 102, 102); display: inline-block; vertical-align: middle; }
.questionRow .adminQuestion span.edit { margin: 0px; font-style: italic; }
.questionRow .adminQuestion span.edit a { color: rgb(226, 60, 44); font-size: 11px; font-weight: 600; display: inline-block; margin: 0px 5px; }
ul.answers_options, ul.question_options { padding: 0px; margin: 20px 0px 0px; 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 0px; }
ul.answers_options li, ul.question_options li { display: inline-block; vertical-align: middle; margin: 0px 5px; }
ul.question_options li.Radio { display: inline-block; }
ul.answers_options li a, ul.question_options li a, a.backLink { color: rgb(255, 255, 255); display: block; padding: 4px 10px; font-size: 14px; background: rgb(62, 61, 61); text-align: center; }
a.backLink { display: inline-block; vertical-align: middle; margin: 8px 10px 8px 0px; padding: 7px 13px; }
a.backLink.hide0 { display: none; }
.webform_165 input[type="submit"], .webform_164 input[type="submit"] { margin: 5px 0px; vertical-align: middle; }
.adminQuestion.Largetext .AnswerBlock h5 { display: none; }
.AnswerBlock .AnswerBlockRow h5 { margin: 0px; font-size: 14px; font-weight: 500; display: none; }
.AnswerBlock .AnswerBlockRow .AnswerBlockCol { border-bottom: 1px solid rgb(233, 234, 234); padding: 5px 0px; background: rgb(249, 249, 249); }
.AnswerBlock .AnswerBlockRow:last-child .AnswerBlockCol { border: 0px; }
.AnswerBlockCol .qAns span.expln, .AnswerBlockCol .qAns span.answer { display: inline-block; vertical-align: middle; }
.AnswerBlockCol .qAns { position: relative; padding-left: 20px; margin: 0px; }
.AnswerBlockCol .qAns::before { content: ""; position: relative; left: 0px; top: 0px; 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: rgb(102, 102, 102); }
.AnswerBlockCol .qAns span.expln { font-size: 12px; border: 1px dashed rgb(221, 221, 221); padding: 1px; width: 100%; line-height: 16px; }
.AnswerBlockCol .qAns span.expln[data=""] { display: none; }
.AnswerBlockCol .qAns span.expln small { display: inline-block; background: rgb(233, 234, 234); padding: 2px; margin-right: 3px; line-height: 16px; }
.AnswerBlockCol .qAns a { position: absolute; float: right; right: 0px; bottom: 0px; width: 50px; text-align: center; color: rgb(121, 121, 121); font-size: 11px; font-weight: 600; display: inline-block; }
ul.actions { margin: 0px; padding: 0px; text-align: right; list-style: none; }
ul.actions li { display: inline-block; vertical-align: middle; margin: 0px 5px; }
ul.actions li a { color: rgb(43, 117, 33); font-size: 12px; font-weight: 500; display: inline-block; padding: 0px 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: rgb(51, 51, 51); 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; font-size: 14px; line-height: 25px; font-family: Arial, Helvetica, sans-serif; color: rgb(136, 136, 136); padding: 0px 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: rgb(0, 0, 0); padding: 0px; }
.question_answers .AnswerBlock .incorrectAns label::before { content: ""; background: url("/image/cache/incorrect.png") center center / 16px no-repeat; display: inline-block; vertical-align: middle; width: 24px; height: 24px; }
.question_answers .AnswerBlock .correctAns label { color: rgb(0, 133, 62); padding: 0px; }
.question_answers .AnswerBlock .correctAns label::before { content: ""; background: url("/image/cache/correct.png") center center / 14px no-repeat; display: inline-block; vertical-align: middle; width: 25px; height: 24px; }
.question_answers .AnswerBlock .qExp p { font-size: 11px; margin: 0px 0px 10px; font-family: Arial, Helvetica, sans-serif; color: rgb(136, 136, 136); }
.question_answers .AnswerBlock .largeTexrArea p { margin: 0px 0px 10px; color: rgb(102, 102, 102); }
.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: rgb(0, 133, 62); }
.question_answers .questionRow.Multi.Checkbox .AnswerBlock.correctAns > div.selectAns label { color: rgb(0, 133, 62); }
.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; }
@media (min-width: 1020px) and (max-width: 1200px) {
  header .container { width: 90%; }
  #nav ul li a { font-size: 100%; padding: 0px 18px; }
}
@media (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: 0px -2%; padding: 0px; border-left: 0px; border-right: 0px; }
  #nav ul { position: relative; }
  .pad { padding: 25px 10px; }
  #footer { width: 98%; padding: 1%; margin: 0px; height: auto; }
  #wrapper { min-width: 100%; width: 100%; padding: 0%; }
  #nav ul li a { padding: 0px 12px; font-size: 1.1em; }
  .container { width: 95%; padding: 0px; }
  .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 { margin-bottom: 20px; }
  #rgtprt { }
  .pagebr { padding: 0px; }
}
@media (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: 0px; top: 100%; z-index: 122; background: rgb(11, 97, 0); padding: 5px; }
  #nav ul li { float: none; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(11, 97, 0); border-image: initial; text-align: left; }
  #nav ul li a { display: block; color: rgb(255, 255, 255); }
  #nav ul li.currentitem a, #nav ul li.currentbranch a { color: rgb(255, 255, 255); }
  #nav ul li:hover a { background: none; }
  #nav ul li a:hover { text-decoration: none; background: rgb(252, 203, 95); color: rgb(51, 51, 51); }
  #nav ul li > ul { display: block; position: relative; top: 0px; left: 0px; min-width: 90%; margin-left: 0px; width: 100%; }
  #nav ul li > ul > li a { padding: 5px 0px 5px 15px; margin: 0px; }
  #nav ul li > ul, #nav ul li > ul li, #nav ul li > ul li a { background: rgb(11, 97, 0); border: 0px; box-shadow: none; top: 0px; }
  .navigate a { display: block; color: rgb(255, 255, 255); }
  #nav .cenbg ul { display: none; min-width: 260px; z-index: 999; margin: 0px; right: 0px; padding: 0px; }
  #nav ul li ul { padding: 0px; position: relative; top: 0px; right: 0px; }
  #nav ul li > ul { display: block; position: relative; }
  .navigate { display: block; text-align: right; font-size: 1.2em; }
  .navigate a { display: inline-block; color: rgb(221, 221, 221); cursor: pointer; }
  .navigate a label.mbtn { cursor: pointer; display: inline-block; vertical-align: middle; line-height: 0; margin: 0px; padding: 13px 5px; width: 38px; }
  .navigate a label.mbtn div { display: block; width: 100%; margin-top: 10%; }
  .navigate a label.mbtn div label { display: inline-block; margin: 0px 10% 0px 0px; width: 15%; border-top: 5px solid rgb(255, 255, 255); }
  .navigate a label.mbtn div span { display: inline-block; margin: 0px; border-top: 5px solid rgb(255, 255, 255); width: 70%; }
  .navigate a label.mbtn:hover div label, .masternav:hover label.mbtn div label { border-top: 5px solid rgb(51, 51, 51); }
  .navigate a label.mbtn:hover div span, .masternav:hover label.mbtn div span { border-top: 5px solid rgb(51, 51, 51); }
  section.logo { float: none; text-align: left; position: relative; clear: both; margin: 5px 0px; flex: 0 0 40%; max-width: 40%; }
  div.loglnks { float: none; 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 rgb(255, 255, 255); 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: 0px; top: 100%; width: 100%; }
  .logged_in .lgnmenu .topnav ul { display: block; width: 100%; background: rgb(252, 203, 95); }
  .logged_in .lgnmenu .topnav ul li { display: block; border: 0px; padding: 0px; }
  .logged_in .lgnmenu .topnav ul li a { text-align: right; display: block; padding: 7px; color: rgb(255, 255, 255); }
  .logged_in .lgnmenu .topnav ul li a:hover { background: rgb(11, 97, 0); }
}
@media (min-width: 700px) and (max-width: 860px) {
  #nav ul { }
  #leftprt { width: 100%; margin-bottom: 20px; float: none; flex: 0 0 100%; max-width: 100%; }
  #rgtprt { width: 100%; float: none; margin: 0px; padding: 0px; flex: 0 0 100%; max-width: 100%; }
  .footabout { display: none; }
  #rgtprt .box { float: left; width: 210px; }
}
@media (min-width: 0px) and (max-width: 750px) {
  #footer { position: relative; }
  #header { width: 100%; }
  #slides div.base img { }
}
@media (min-width: 0px) and (max-width: 699px) {
  body, html { max-width: 699px; min-width: 0px; 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: 0px; border-left: 0px; border-right: 0px; }
  .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; flex: 0 0 100%; max-width: 100%; padding: 0px; }
  #rgtprt { width: 100%; float: none; margin: 0px; padding: 0px; flex: 0 0 100%; max-width: 100%; }
  .footabout { display: none; }
  .container { min-width: 98%; padding: 0px; margin: 0px auto; }
  .footabout, .sociolinks { width: 42%; display: block; }
  #rgtprt .box { float: left; width: 40%; margin: 5px; }
  #rgtprt .box .boxhd, #rgtprt .box .boxh { margin: 0px -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 (min-width: 0px) and (max-width: 550px) {
  #rgtprt .box { width: 80%; }
  .callus { top: -60px; right: 0px; line-height: 60px; }
  .footnav { width: 94%; margin: 1% 4%; }
  .footnav ul { width: 100%; padding: 0px; margin: 0px; }
  .footnav ul li { width: 100%; padding: 0px; margin: 0px; }
  .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; 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 rgb(238, 196, 2); }
  #slides { height: 390px; }
  .sliderContent { color: rgb(204, 204, 204); height: 350px; }
  .sliderContent div.base { height: 350px; width: 100%; left: 0px; }
  .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 { flex: 0 0 100%; max-width: 100%; text-align: center; margin: 0px; }
  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 { }
  .hmbox { width: 96%; float: none; margin: 0px auto; padding: 0px; }
  .hmstrbox { width: 95%; min-height: 30px; border: 0px !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: 0px; }
  .mbrregpost .appform .fieldrow .memlbl, .mbrregpost .appform .fieldrow .meminp { width: 80%; margin: 0px 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 (min-width: 0px) and (max-width: 479px) {
  #rgtprt .box { width: 80%; }
  .logo { float: none; clear: both; }
  .loglnks { }
  .footnav { width: 94%; margin: 1% 3%; }
  .footnav ul { width: 100%; padding: 0px; margin: 0px; }
  .footnav ul li { width: 100%; padding: 0px; margin: 0px; }
  .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; 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: 0px auto; float: none; }
  .spnsrpost .appform .fieldrow.paytyp .meminp { width: 40%; }
  .webform .fieldrow { text-align: center; margin: 0px auto; width: 98%; }
  .webform .fieldrow .fieldlabel { text-align: left; }
  .webform .fieldrow .fieldlabel, .webform .fieldrow .fieldval { width: 90%; margin: 0px auto; display: inline-block; }
}
@media (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; }
}
@media (min-width: 480px) and (max-width: 699px) {
  .footnavi { width: 100%; }
  .footnav { width: 94%; margin: 0px 4%; }
  .footcredits { float: none; margin: 0% 5%; }
}