html, body { margin: 0px; width: 100%; height: 100%; display: block; font-size: 100%; font-style: normal; font-family: 'lato', sans-serif; font-weight: 400; 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.6em; font-size: 1.0em;height:auto; background: #7E1416; font-weight: 300; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important;}
/* 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: #236F4B; font-weight: 400;}
a.button{ text-transform:uppercase; font-size: 0.9em; }
a:hover, a:focus { text-decoration: none; color:#333; }
a.button:hover{ background:#236F4B; color:#FFF;}
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 { color: #7E1416; text-align: left; font-weight: 700; font-family: 'Roboto', sans-serif; margin-bottom: 10px; font-size: 2.8em; line-height: 1.2em; text-shadow:1px 1px 1px rgba(0,0,0,0.005); -webkit-font-smoothing: antialiased !important;}
h1 { font-size: 2em; padding-bottom:4px; }
h2 { font-size: 1.8em; }
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 { color: #333; border: 1px solid #bbb; /* min-width:30%; */ padding: 5px 5px; font-style: normal; font-weight: 400; font-family: 'lato', sans-serif; font-weight: 400; }
textarea { height:120px; min-width:250px; width:70%;}
input[type=button], input[type=reset],input[type=submit],.button {background: #7E1416;border:0;min-width:1%;color: #FFF;cursor: pointer;font-size: 1em;text-decoration: none;display: inline-block;padding: 5px 10px;box-shadow: none;}
input[type=radio], input[type=checkbox], input[type=slider] { border: 0px; min-width: 16px;}
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.clearfix:after{ content: ""; display: table; clear: both;}
.pad {padding: 25px; padding-bottom: 180px; }
.divider { margin-top: 20px; position: relative; }
.breadcrumb { padding:0; margin-top:-10px; display: none;}
.pagecontent { background: #FFF; }
.pagecontent.subpage { padding: 25px 0; padding-bottom: 40px; background: #FFF url(/image/cache/hmcnt_bg.png) repeat-x;}
table { border-collapse: collapse;background:#FFF; margin: 0.5em 0;}
table td, table th { vertical-align: top; }
*, ::after, ::before {
box-sizing: border-box;
}
/* layout*/
#layout { position: relative; height:auto; top: 0; left: 0; width: 100%; min-width: 100%; }
#wrapper { min-height:100%; margin: 0 auto; min-width: 990px; position: relative; }
#footer { padding: 20px 0; padding-bottom: 0;clear: both; bottom: 0; left: 0; width: 100%; background: #7E1416; color: #DEDEDE; position: relative; line-height:1.6em; font-size:.8em; border-top: 4px solid #B75048; text-align: center;}
.container { width: 84%; position: relative; margin: 0 auto; height: auto; max-width: 1400px }
#conblk{text-align: center; background: none;}
#leftprt{ width: 28%; float: left; padding: 10px 2% 10px 0;}
#rgtprt { width: 70%; float: right; margin: 0;}
#rgtprt h2{ margin: 10px 0px; display: block;}
.row_block{ width:100%; margin:0 auto; padding:0;position:relative;}
.row_block:after{ content:""; display:table; clear: both;}
.fullbox{ width:97%; margin:1%; padding:.5%;}
.half_box { width:47%; margin:1%; padding:.5%; float:left; position:relative;}
.third_box { width:30%; margin:1%; padding:.5%; float:left; position: relative;}
.small_box{ width:22%; margin:1%; padding:.5%;float:left;}
.fullbox img, .half_box img, .third_box img, .small_box img { max-width:100%;}
/* Sub page headers*/
.contentblk { text-align:center; padding: 20px 0 50px 0; font-weight: 400;}
.contentblk h2, .contentblk a{ text-align: center;}
.contentblk h2 {font-size: 2.6em; font-weight: 800; font-family: 'Roboto', sans-serif;}
.subpage.contentblk { padding: 30px 0 50px 0;}
#breadcrumb { padding: 0 0 20px 0; }
#hmcont{ background: #FFF url(/image/cache/hmcnt_bg.png) repeat-x; color: #000;}
.home_content_boxes{ padding:20px 0;}
/*header */
#header h1 {display:none;}
#header { position: relative; z-index: 99; width: 100%; padding: 15px 0; background-size: cover; background-color: #236F4B;}
#header .bg { height:100%; max-width: 1500px; width: 90%; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: url(/image/cache/head_bg.png) no-repeat center center; background-size: 100% 100%;}
section.logo { margin: 0 30px;}
section.logo.left{ float:left;}
section.logo.right { float:right;}
.logo a { display:block;}
.logo img { margin: 0; height: 130px; width: auto; position: relative;}
section.headmenu{ float: right; height: 100%; text-align: right; width: 80%;}
section.mainnav { position:relative; float: right; width: 100%;}
.topmenu { position: relative; padding: 0; top: 0; width: 100%; height: 100%; min-height: 100px;}
#nav{ position: relative; z-index: 90; background: #000; -webkit-box-shadow: 0px 5px 10px 0px rgba(51,51,51,1); -moz-box-shadow: 0px 5px 10px 0px rgba(51,51,51,1); box-shadow: 0px 5px 10px 0px rgba(51,51,51,1);}
.navbottombg {height: 25px;background:#FFF url(/image/cache/navbt_bg.png);}
/*navigation*/
.navblk{ width:100%; height:100%;}
.navigate { display: none; }
#nav ul,#topnav ul, #mbr_nav ul { padding: 0; list-style: none; margin: 0;}
#mbr_nav { color: #1599A1; 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; }
#topnav { position: relative; z-index: 99; background-color: #7e1416; display: block;}
#topnav ul { margin: 0; line-height: 1em; /* float: right; */}
#topnav ul li { list-style-type: none; float: left; position:relative;}
#topnav ul li.currentitem a, #topnav ul li a:hover {color: #000000;}
#topnav ul li a{ padding: 4px 7px; display: block; line-height: 30px; font-size: 1.0em; text-transform: uppercase; color: #FFC801; font-family: 'Oswald', sans-serif;}
#topnav ul li:last-child { border: 0; }
#topnav ul li.home a{font-size:0; width: 35px; height: 30px; display:block; background:url(/image/cache/home-icon.png) no-repeat center center; background-size: 18px;}
#topnav ul li.home a:hover { background:url(/image/cache/_home-icon.png) no-repeat center center; background-size:18px; }
#topnav ul li ul { display:none; position:absolute; top:100%; left:0;width: 320px; background:#7e1416;}
#topnav ul li:hover ul{ display:block;}
#topnav ul li ul li {display:block; float:none;}
#topnav ul li ul li a {color: #FFF !important; display:block;font-size: .9em;}
#topnav ul li ul li a:hover{background:#000000;}
/*Main Navigation*/
#nav ul{ margin: 0 auto; line-height: 3.2em; }
#nav ul li { float:left; text-align: center; position: relative;}
#nav ul li a, #nav ul li span {display: block;padding: 0px 15px 0 15px;margin-right: 5px;color: #FFFFFF;font-size: 1.2em;font-weight: 700;font-family: 'Roboto', sans-serif;cursor:pointer;}
#nav ul li > ul { display: none; padding: 0; margin: 0px; text-align: left; list-style: none; display: none; font-size: 0.87em; line-height: 20px; z-index: 2; width: 250px; position:absolute; top: 100%; height:auto; border:0px;}
#nav ul li > ul > li { margin: 0px; padding: 0px; border-bottom: 1px solid #222; float: none; position: relative; width: 100%; background: rgb(0, 0, 0); color: #FFF; text-align: left; }
#nav ul li > ul > li:last-child{ margin:0; border:0; }
#nav ul li > ul > li a, #nav ul li:hover > ul > li a { padding:7px 10px; margin: 0; display: block; color: #FFF; border: 0 !important; font-size: 1em; font-weight: normal;}
#nav ul li:last-child ul { right: 0px;}
#nav ul li > ul li:hover > ul{display:none;}
#nav ul li > ul li > ul {position:absolute; left: -100%; top: 0;background: #DDD;display: none;}
#nav ul li > ul li > ul li a { background:#fe8906;}
#nav ul li > ul li > ul li a:hover, #nav ul li > ul li > ul li:hover { background: #fe8906; }
#nav ul li.currentitem, #nav ul li.currentbranch, #nav ul li:hover, #nav ul li a:hover, #nav ul li:hover a { color: #EEE; text-decoration: none; }
#nav ul li > ul > li > a:hover, #nav ul li > ul > li:hover > a{color:#FFF; background: #7E1416; }
#nav ul li.currentitem a, #nav ul li.currentbranch a { background: none; color: #FFC801;}
#nav ul li.currentbranch ul li.currentitem { background: #222; }
#nav ul li > a:hover, #nav ul li:hover > a, #nav ul li span:hover, #nav ul li:hover span { color: #FFC801; background: url(/image/cache/navhover.png) no-repeat left center; background-size: 24px; text-decoration: none !important;}
#nav ul li.contact { background: #fe8906; margin-left: 10px;}
#nav ul li.contact a { color: #FFF; }
#nav ul li.contact:hover{ background: #9a9d80; }
#nav ul li.contact:hover a, #nav ul li.contact a:hover {background:none; color: #231E1F; }
#nav ul li.head{ display:none;}
#nav ul li:hover ul { display:block;}
#sidemenu { margin-bottom:10px; padding: 20px 40px; padding-bottom: 25px; background: transparent url(/image/cache/sidemenu_bg.png)no-repeat center center; background-size: cover; }
#sidemenu ul { margin: 0; padding-bottom: 35px; list-style: none; position: relative; }
#sidemenu > ul > li { border-bottom: 1px dotted #11442D;}
#sidemenu ul li ul { padding:0; }
#sidemenu ul li ul li a { padding:5px;line-height: 20px; padding-left: 10px;}
#sidemenu ul li ul li a:before{ content:"\00bb";vertical-align: middle;display: inline-block;margin-right: 3px;}
#sidemenu ul li:last-child{ border:0;}
#sidemenu ul li a, #sidemenu ul li span { display: block; padding: 4px 5px; font-size:.86em; color: #FFF; font-weight: 400;}
#sidemenu ul li a:hover {text-decoration: none;color: #ccc;}
#membermenu ul { list-style:none; margin:0; }
#membermenu ul li { background: #1599A1; margin: 1px 5px; display:block; color: #FFF;}
#membermenu ul li a { color:#FFF; padding: 7px 13px; display: block;}
/*Mobile navigation icon*/
/* mobile nav glyph */
.navigate { display: none; text-align: right; font-size: 1.2em; float: right; line-height: 50px; height: 50px; width: 50px; margin-right: 20px; clear: both;}
.navigate a { display: block; color: #FFF; cursor: pointer; text-align: right;}
.navigate a span{display: inline-block;vertical-align: middle;width: 48%;margin: 0 1%;font-size: 70%;text-align: right;color: #FFF;}
.navigate a span.glyph{ width: 35px; height: 5px; background: #FFF; position:relative; }
.navigate a span.glyph:before, .navigate a span.glyph:after{ content:" ";display: block; height:5px; width: 100%; position: relative; background: #FFF; top: -10px; left:0;}
.navigate a span.glyph:after { bottom: -5px; top: auto;}
.navigate a span.glyph.dot{ width:5px;}
#topnav .navigate{ display:none;}
/*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*/
div.social{ background: #B1B3C2; text-align: center;}
#social > * {text-align: left; color:#FFF;}
#social ul {list-style: none; margin: 0;padding: 0;}
#social ul li { list-style-type: none; }
#social li span { color: #FFF; line-height: 28px;}
#social li a { height: 30px; display: block; margin: 10px; padding-left: 40px;background-size: contain;background-repeat: no-repeat;opacity: 1;}
#social li.facebook a { background-image: url(/image/cache/facebook.png); }
#social li.twitter a { background-image: url(/image/cache/twitter.png) ; }
#social li.linkedin a { background-image: url(/image/cache/linkedin.png); }
#social li.youtube a { background-image: url(/image/cache/youtube.png); }
#social li.pinterest a { background-image: url(/image/cache/pinterest.png); }
#social li.googleplus a { background-image: url(/image/cache/googleplus.png); }
#social li.email a { background-image: url(/image/cache/email.png);}
#social li.rss a { background-image: url(/image/cache/rss.png); }
/* social menu hover*/
#social li a:hover{ opacity:.65;}
/*Image Slider*/
.slidebg {height: 680px;position: relative;overflow: hidden;margin: 0 auto;background-color: #9A6732;border-bottom: 8px solid #000;border-top: 8px solid #000;}
.slidebg div.container { /* position: absolute; */ height: 100%; left: 0; right: 0;}
.slideing { width: 100%; left: 0; position: relative; }
#slides { height: 100%; position: absolute; top: 0px; width: 100%; }
.sliderContent { color: #000; height: 100%; position: relative; /* overflow: hidden; */ width: 100%;}
.sliderContent div.base { position: absolute; width: 100%; height: 100%; right: 0; opacity: 1; display: none;}
.sliderContent div.base .img{ width:100%; height:100%; position: relative; text-align: center;}
.sliderContent div.base img {position: relative;border: 0;margin: 0 auto;display: block;padding: 0;max-width: 100%;/* height: 100%; *//* object-fit: contain; */}
.sliderContent div.activeSlide { display: block; left: 0; }
.sliderContent div.base div.caption { width: 60%; text-align: center; padding: 10px; color: #7E1416; font-size: 1.5em; z-index: 10; position: absolute; bottom: 35%; left: 0; right: 0; margin: 0 auto; display: none;}
.sliderContent div.base.slShow div.caption h1, .sliderContent div.base.slShow div.caption h2{ margin: 0; padding: 3px; font-style: normal; text-align: center; color: #FFF; text-shadow: 0px 1px 0px #333;}
.sliderContent div.base.slShow div.caption h3{ padding: 3px; font-weight: normal; text-align: left; font-size: 2em;}
.sliderContent div.base.slShow div.caption a{ font-size: 1.1em; text-align: center; padding: 7px 20px; margin: 0; border: 1px solid #EA9F53; background: #EA9F53; color: #FFF;}
.sliderContent div.base.slShow div.caption div{ /* margin:10px 0; */}
.sliderContent div.base.slShow div.caption { display:block; }
.taoNav { text-align: left; bottom: 0px; width: 100%; z-index: 10; position: absolute; }
.taoNav a { display: inline-block; margin: 2px 5px; padding: 0; height: 8px; width: 8px; background: #000000; line-height: 0.7em; color: #000000; cursor: pointer; vertical-align: middle; font-size: 0;}
.taoNav a.active { background: #7E1416; color: #7E1416; }
.taoNav a:hover { text-decoration: none; }
/*Tao Slider Thumb Menu*/
#slides .taoTab_blk { position: relative; top: 0; left: 0; width: 29%; z-index: 2; height: 100%;}
#slides .taoTab_blk .taoTab {background: #181818; display: block; margin: 0; color: #FFF; line-height: 1.2em; width: 100%;}
#slides .taoTab_blk .taoTab .tab {display: block; padding: 4% 5px 4.5% 5px; height: 16%;border-top: 1px solid #4A4A4A;}
#slides .taoTab_blk .taoTab h3 {color: #FFF; }
#slides .taoTab_blk .taoTab:hover { background:#333; cursor:pointer; }
#slides .taoTab_blk .taoTab.active { }
#slides .taoTab_blk .taoTab img { margin: 6px; display: inline-block; width: 23%; padding: 1px; border: 1px solid #DDD; vertical-align: middle;}
#slides .taoTab_blk .taoTab span { width: 65%; display: inline-block; font-size: .9em; vertical-align: middle;}
#slides .taoTab_blk .taoTab.active .tab{ background: #003E7E; border-top: 1px solid #FFF;}
/* footer */
#footnav { float:right; width: 69%;}
#footnav ul, #privacy ul { margin: 0; list-style: none; }
.foot_sideblock{ text-align:left; float:left; width: 28%; margin: 0 1% 0 0; padding-right: 10px; border-right: 1px solid #731012; margin-bottom: 10px;}
.foot_sideblock iframe{ height: 300px;}
.foot_sideblock h3 { margin:0; margin-top: 5px;}
.foot_sideblock form{ margin:0; padding: 5px 0 10px 0; /* background-color: #1E5D3F; */ border-bottom: 1px solid #731012;}
.footlogo { margin:15px 0;}
.footlogo img{ max-height: 80px; max-width: 100%; }
.footlogo a { color: #DEDEDE;}
#footnav > ul > li { padding: 1%; margin: 0; text-align: left; float: left; width: 30%;}
#footnav > ul > li { border-right: 1px solid #731012;}
#footnav > ul > li:last-child { border: 0; }
#footnav ul li a{ color: #DEDEDE;}
#footnav ul li.head { color: #FFFFFF; padding: 5px 0; }
#footnav ul li.head > a,#footnav ul li.row-head > a {/* border-bottom: 1px solid #731012; */ display: block; line-height: 1.5em; }
#footnav ul li.row-head > span,#footnav ul li.head > span, #footnav ul li.row-head > a, #footnav ul li.head > a{ color: #DEDEDE; font-weight:bold; font-size:1.3em; text-transform: uppercase}
#footnav ul li ul { padding-top: 5px; }
#footnav ul li ul li a { display: block; padding: 0; font-size: 0.94em; line-height: 2em;}
#footnav ul li ul li a:hover { text-decoration: underline; }
#footnav ul li ul li { float: none; display: block; padding-left: 5px; width: 100%; max-width: none; font-weight: normal; text-transform: capitalize; }
#footer h3 { color: #DEDEDE; /* font-size: 1.2em; */}
.copyright{ clear:both; float:none; width:100%; text-align: right; padding: 15px 0; border-top: 1px solid #731012;}
.copyright span{ display: inline-block; vertical-align: middle;float: left;}
#privacy{display: inline-block;vertical-align: middle;}
#privacy ul li { float:left; margin: 0 5px;}
#privacy ul li a{ display:block; color: #DEDEDE; font-size: .85em;}
/* Search Block*/
.srchblk{ width: 260px; float: right; position: absolute; top: 2px; right: 0; display: none;}
.srchblk a.button{ padding: 3px 10px; }
.srchblk span { float:left; position: relative; left: 0; display: block;}
.srchblk form { display: block; height: 30px;}
.srchblk input[type=text]{ width: 212px; height: 20px; outline: none; background: #F0F0F0; border: 1px solid #ECECED; color: #999; padding: 3px; display: inline-block; vertical-align: middle; text-indent: 5px; margin-right: -4px;}
.srchblk input[type=submit]{width: 35px; height: 28px; font-size: .9em;border: none; box-shadow: none; margin: 0; padding: 0; outline: 0; background: #fe8906;color: #FFF; display: inline-block; vertical-align: middle;}
.srchblk input[type=submit]:hover{ background: #9a9d80;}
#srch{display:none; width: 290px; height: 40px; position:absolute; z-index:10; padding: 10px; border: 1px solid #EEE; background: #FFF; box-shadow: 0px 1px 1px #666; left: -230px;top: 35px;}
/*home Events*/
div.item:last-child { border:0;}
div.item div.date {text-align: center;background: #D6D6D6;width: 50px;line-height: 1em;font-size: 1.3em;display: inline-block;vertical-align: middle;border-radius: 7px;overflow: hidden; color:#333;/* box-shadow: 1px 0px 3px #999; */}
div.item div.date span { font-size: 0.82em; display: block; }
div.item div.date span.month{background: #00853E; display:block; padding: 0px;color: #FFF;font-size: .7em;}
div.item div.date span.date{ font-size:1em; padding:5px;}
div.item div.date span.week{ font-size:.6em;}
div.item p {/* margin-left: 60px; */text-align: left;display: inline-block;width: 80%;vertical-align: middle;margin: 0 0 0 9px;}
div.item p a { font-weight:bold; }
/* home news */
.nwsitm .nws { width: 100%;color: #333;}
.nwsitm p { width:100%; display:block; margin: 0;}
.nwsitm h2{ border:0; font-size: 1.1em; margin-bottom:0px; display: inline-block; vertical-align: middle; padding: 0;}
.nwsitm span { font-style:italic; display:block; text-align: left;}
.nwsitm img {width: 35%;padding: 0;display: block;float: left;}
.calls { display: table; }
.calls img, .calls .caldlt { display: table-cell; vertical-align: top; padding: 0 3px; height: auto; }
.evendetail img { max-width: 100%; width: auto; float: right; max-height: 350px; margin: 5px; }
.nwsitm .readmore {}
/* news list */
.news div.article { border-bottom: 1px dashed #1599A1; padding: 8px 5px; }
.news div.article h2 { font-size: 1.2em; }
.news div.article img{ margin: 10px; float: left;}
.newsind img { width: 60%; margin: 0 2%; float:left;}
.splitleft, .splitright { /* width: 47%; */ padding: 0 1%; display: inline-block; vertical-align: top; }
.splitright { text-align: right; float: right;}
.splitright a { }
.nwsind { border-bottom:1px solid #DDD; padding-bottom:10px; margin-bottom:10px ;}
.nwsind img { float:left; margin:0 15px 10px 0; max-width:50%;}
/*calendar */
#calendar { border-collapse: collapse; width: 85%; background: transparent; color: #333; margin: 0 auto;}
#calendar th,#calendar td { border: 1px solid #CCC; width: 14%; height: 75px; }
#calendar th { text-align: center; background: #EEE; vertical-align: middle; font-size: 18px; color: #EF911B; line-height: 20px; font-family: 'Roboto', sans-serif; }
#calendar td.caption { background: #CCC; vertical-align: middle; text-align: center; color: #EF911B; 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: #1599A1; font-size: 11px; }
#calendar ul li a { color:#FFF;}
/* 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: 66px; background: #EF911B; 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: 150px; border:1px solid #FFF; width: 200px; 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,#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; }
.taoCMSerror, .errmsg, .msg, .errormsg { color: red; font-weight: bold; padding: 0px; }
{ color: red; }
form table tr td { padding: 6px 4px; }
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 vertical-align: top; }
.postwebform td.valuecol { width: 68%; vertical-align: top; }
#loginform, .general_login, .changepass{ margin:0 auto;padding: 10px;width: 70%;text-align: center;}
.general_login { /* margin-left:30%; */ }
.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; }
#loginform .row, .changepass .row, .general_login div.row { margin: 8px 0px; text-align: left;}
#loginform .row span.label, .changepass .row label, .general_login div.row span.label { text-align: left; padding-right: 7px; width: 22%; /* font-weight: bold; */ display: inline-block; vertical-align: top;}
#loginform .row input[type=submit], .changepass .row input[type=submit], .general_login div.row input[type=submit], .general_login div.row.forgotpassword, .changepass .row.forgotpassword, #loginform .row.forgotpassword{ margin-left: 23%;}
#filter { display: none; }
.newPostTemplate.webform .fieldgroup{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row{ display: -webkit-box;display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
div[class*=col-] {
padding-right: 15px;
padding-left: 15px;
position: relative;
width: 100%;
min-height: 1px;
}
.align-items-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.col-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
@media (min-width: 768px){
.col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-md-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
}
/*application form post*/
.postwebform tr { margin: 5px 0px; }
.fieldgroup {clear: both;margin: 10px 0;/* padding: 5px; */}
.fieldgroup_label { font-size: 1.5em; display: block; color: #204483; width: 95%; padding: 2px 5px; border-bottom: 3px solid #204483; }
.fieldrow { width : 100%; margin: 3px 0; clear: both; padding: 3px 0; }
.fieldrow .fieldlabel { width: 30%; display: inline-block; vertical-align: top; }
.fieldrow .fieldval { width: 65%; display: inline-block; vertical-align: top; }
.fieldrow .fieldval textarea { width: 80%; height: 100px;}
.fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=email],
.fieldrow .fieldval input[type=phone],.fieldrow .fieldval input[type=number],
.fieldrow .fieldval input[type=file], .fieldrow .fieldval select, .fieldrow .fieldval textarea { width: 75%;}
.fieldrow .fieldval input[type=radio] { width: 15px; min-width: 15px;}
.field_desc {font-style: italic; color: #999; line-height: 1.4em; padding: 0 3px; font-size: 0.87em; margin-bottom: 10px; clear: both; }
.fieldgroup_desc {font-style: italic; color: #999; line-height: 1.4em; padding: 0 15px; font-size: 0.87em; margin-bottom: 10px; }
.group_nogroup_label,.group_nogroup_tr { display: none; }
#form_21_post .fieldrow .fieldlabel { width: 50%; }
#form_21_post .fieldrow .fieldval { width: 50%; }
#form_21_post .fieldrow .fieldval .ratinghold{ float:left; display:block; margin:0 5px; }
.webform .fieldrow {padding: 5px 0;}
.fieldrow.text-center{text-align:center;}
.webform .fieldrow .fieldlabel { display: inline-block; width: 36%; margin: 0 0.5%; }
.webform .fieldrow .fieldval { display: inline-block; width: 50%; margin: 0 0.5%; vertical-align: top; text-align: left;}
.group_upgrades .fieldrow .fieldval input[type="radio"], .group_upgrades .fieldrow .fieldval label{ float:left; }
.webform .fieldgroup_label, .userinfotitle {width: 100%;display: block;color: #7e1416;padding: 5px 0;font-size: 1.2em;margin: 5px auto;border-bottom: 1px solid #7e1416;}
.webform .group_nogroup_label { display: none; }
.webform .fieldrow .fieldlabel{ font-size: 1em;}
.webform .fieldrow .fieldlabel sup,#adpost .fieldrow .fieldlabel sup{ color:red; margin-left:5px;}
.webform.foot_webform { /* padding: 1% 2%; */}
.webform.foot_webform .fieldrow{ text-align: left; padding: 0; margin: 4px 0;}
.webform.foot_webform .fieldrow .fieldlabel{ display:none;}
.webform.foot_webform .fieldrow span.fieldval { color: #AB6E70; display: inline; width: auto; vertical-align: middle; margin: 0; font-size: 1em;}
.webform.foot_webform .fieldrow span.fieldval > div {}
.webform.foot_webform .fieldval input{ padding: 2px 5px; background-color: #E4E4E4; border: 1px solid #7E1416; color: #333; line-height: 25px; height: 30px; width: 90%;}
.webform.foot_webform .fieldrow .fieldval input[type=submit] { background: #350001; color: #FFF; padding: 5px 20px; height: auto;width: 95%;font-size: .85em;}
.webform.foot_webform .fieldval textarea{ height: 50px; width: 90%; min-width: 88%; background-color: #E4E4E4; border: 1px solid #7E1416; color: #333;}
.webform.foot_webform .fieldrow .fieldval input[type=radio]{ display:inline-block; vertical-align:middle; width: auto; margin: 5px 0; height: auto;}
.webform.foot_webform .fieldval input::-webkit-input-placeholder, .webform.foot_webform .fieldval textarea::-webkit-input-placeholder{ color:#7E1416;}
.webform.foot_webform .fieldval input::-moz-placeholder, .webform.foot_webform .fieldval textarea::-moz-placeholder { color:#7E1416;}
.webform.foot_webform .fieldval input:-moz-placeholder, .webform.foot_webform .fieldval textarea:-moz-placeholder { color:#7E1416;}
.webform.foot_webform .fieldval input:-ms-input-placeholder, .webform.foot_webform .fieldval textarea:-ms-input-placeholder { color:#7E1416;}
#renewallogin input, #renewalpayment input {width: 80%;}
#renewallogin input[type="radio"], #renewallogin input[type="checkbox"], #renewalpayment input[name="cvv"]{ width:auto;}
span.cvvexplain{color: #777;font-size: 12px;}
#renewalpayment select[name="state"], #renewallogin select{width: 83%;}
#renewallogin input[name="Zip5"], #renewallogin input[name="Zip4"]{width: 38%;}
#renewallogin input[type="submit"], #renewalpayment input[type="submit"]{max-width: 250px;}
.memfrm .fieldrow { padding: 5px 0;}
.memfrm .fieldgroup_label { font-size: 1.7em; color: #616161; margin-bottom: 20px; border-bottom: 1px solid #A0A0A0; border-top: 1px solid #A0A0A0; padding: 15px 10px; display: block; }
.memfrm .fieldrow .fieldval textarea{ width:90%; min-height: 60px;}
.fieldrow .fieldval select{/* width:88%; */padding: 6px 5px;}
div.payment_type_radio{/* display:inline-block; *//* width: 48%; */padding-bottom: 10px;}
div.payment_type_radio input{ margin:0;}
div.payment_type_radio div{display:none;}
#refDesc {font-size: 15px;}
table.shippinginfotable { width:auto; margin:0 auto;min-width: 320px;}
table.shippinginfotable input, table.shippinginfotable select{width:100%;}
.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%;margin-bottom: 10px;padding: 2% 1%;border:1px solid #ddd;}
.billingaddress .name { font-weight: bold; }
.paymenttitle { margin-top: 15px; font-size: 1.3em; }
#paymentdiv { padding-bottom: 20px; }
#changeinfo { margin-top: 20px; }
#changeinfo ul { margin: 0; padding: 0; list-style: none; color: #800080; }
#changeinfo ul li { float: left; margin-right: 20px; }
#returntocart a, #changeinfo ul li:before { content: "\00ab\2006"; }
.changeinfolnk { font-size: 1.1em; font-weight: bold; padding: 12px;}
.paymentdetails{display: block;vertical-align:top;min-width: 300px;max-width: 420px;padding: 2px 0;}
.paymentchoice{font-weight: bold;font-size: 1.1em;margin-bottom: 5px;}
#plugnpay_details span {display:inline-block;vertical-align: top;}
#plugnpay_details .nameoncardlabel, #plugnpay_details .nameoncardinput {width: 100%;display: block;}
#plugnpay_details span{display:inline-block;vertical-align: top;}
#plugnpay_details .nameoncardlabel, #plugnpay_details .nameoncardinput {width: 100%;display: block;}
.cardnumberlabel, .cardnumberinput {width:60%;float: left;margin-right: 8px;}
.codeoncardlabel, .codeoncardinput{width: 38%;}
.expireoncardlabel, .expireoncardinput{width:100%;}
.expireoncardinput select{min-width: 47%;margin-right: 5px;}
#payflowpro_details .ccnameoncard-block, #payflowpro_details .carddetail-block {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: flex-start;}
#payflowpro_details .firstnameoncard-block, #payflowpro_details .lastnameoncard-block {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding: 5px;}
#payflowpro_details .cardnumberlabel, #payflowpro_details .cardnumberinput, #payflowpro_details .codeoncardlabel, #payflowpro_details .codeoncardinput {width:100%;margin: 0;display: block;float: n;}
#payflowpro_details .firstnameoncard-block input, #payflowpro_details .lastnameoncard-block input, #payflowpro_details .cardnumber-block input, #payflowpro_details .codeoncard-block input, #payflowpro_details .expireoncard-block input {width:100%;}
#payflowpro_details .cardnumber-block {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 100%;max-width: 100%;padding: 5px;}
#payflowpro_details .codeoncard-block {-webkit-box-flex: 0;-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;padding: 5px;}
#payflowpro_details .expireoncard-block { -webkit-box-flex: 0;-ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;padding: 5px;}
#payflowpro_details .expireoncard-block .expireoncardinput {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;align-items: flex-start;}
.catalog_additionaloptions {border:1px solid #ddd;border-collapse:collapse;margin: 0;}
.catalog_additionaloptions tr td { border:0;}
.catalog_additionaloptions tr td input{width:100%;}
.newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width: 100%;display:block;padding: 0px;margin: 0;}
.newPostTemplate.webform .fieldrow .fieldval input[type=number], .newPostTemplate.webform .fieldrow .fieldval input[type=text], .newPostTemplate.webform .fieldrow .fieldval input[type=tel],
.newPostTemplate.webform .fieldrow .fieldval input[type=file], .newPostTemplate.webform .fieldrow .fieldval input[type=email], .newPostTemplate.webform .fieldrow .fieldval select, .newPostTemplate.webform .fieldrow .fieldval textarea
{width:100%;}
.newPostTemplate.webform .fieldrow .fieldval input[type='checkbox']{width:auto; }
.newPostTemplate.webform .fieldrow .desc{ font-size:.84em; color:#777;}
.newPostTemplate.webform .fieldrow .fieldval input[id*=date] {width:calc(100% - 30px);}
.newPostTemplate.webform .fieldrow .fieldval div[class*="_radio"]{ display:inline-block;}
.newWebformPost .fieldrow.formBuilder
{padding:0;margin: 10px 0;margin-bottom: 20px;/* overflow-x: scroll; */}
.newPostTemplate.webform .fieldrow .fieldval .license_type_and_application_fee_radio{ display: block !important;}
.taoFieldBuilder .head {height: 45px;line-height: 40px;position: relative;margin: 0px 1px;display: flex;flex-direction: row;align-items: center;}
.taoFieldBuilder .head .fcol{width: 20%;display: inline-block;vertical-align: top;padding-left: 5px;font-weight: 400;background: #d8dce0;font-size: 14px;border-bottom: 1px solid #fff;}
.taoFieldBuilder{width: 100%; }
.taoFieldBuilder .tafb_row{margin-bottom: 0;margin: 0 1px;display: flex;flex-direction: row;align-items: center;}
.taoFieldBuilder .tafb_row .fcol {width: 20%;display:inline-block;vertical-align: middle;/* text-align:center; */font-weight:bold;border-bottom: 1px solid #fff;}
.taoFieldBuilder .tafb_row .fcol input, .taoFieldBuilder .tafb_row .fcol select{width: 99%;margin: 0;height: 40px;padding: 8px 2px;}
.taoFieldBuilder .tafb_row .fcol input.error{border-color:red;}
.taoFieldBuilder .head .fcol.tfbact, .tafb_row .fcol.tfbact{font-weight:bold;font-size:1.6em;display: inline-block;vertical-align: middle;padding: 0;width: 34px !important;margin-right: -34px;position: relative;text-align: center !important;}
.taoFieldBuilder a.addAct{text-decoration:none;color:#FFF;background:green;padding: 0;display: block;line-height: 40px;height: 40px;}
.taoFieldBuilder a.tfbdel {text-decoration:none;background: #782F40;color: #FFF;display: block;margin: 0;height: 40px;line-height: 40px;}
#feeTotal{font-weight:bold;font-size: 1.3em;}
.webform_detail_view .fieldrow .fieldlabel {font-weight:bold;}
.require.error, .error { border-color:red;}
.error label { color:red;}
.verificationWrappeer { padding: 10px; border: 3px solid #236f4b;/* background: rgb(255 255 255 / 50%); */}
.verificationWrappeer ul{ padding:0; margin:0; padding-left: 20px;}
.verificationWrappeer p {text-align:center;}
div[data-reexam="Yes"] a#EmpVerification { display:none !important;}
.appSearchform {display:flex; min-width:50%;flex-direction: row;justify-content: flex-start;align-items: flex-start;}
.appSearchform .inputRow { min-width:30%;margin: 5px;}
.appSearchform .inputRow input{ }
.masterSearchWrapper input{width:100%; padding:10px;}
#masterSearch { padding:10px;}
#appList .ApprList {width:100%;}
#appList .ApprList span{ display:block;font-size: .9em;padding: 5px;border: 1px solid #eee;cursor: pointer;}
#appList .ApprList span:hover{background:#eee;}
.feeInput,#payment_totalamount {font-weight:bold;}
.loginfield_msg {font-size:13px;}
.user_info_block {background:#eee;padding: 5px 15px;}
table.register {margin: 15px auto;max-width: 450px;background: transparent;}
table.register tr td {border:0;padding: 10px;}
table.register tr td:nth-child(2){display:none;}
table.register tr td input{width:100%;}
/*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:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover { background: #fe8906;}
#newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a, #calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, .gallery_paging_links span a:hover { background:#fe8906;text-decoration: none; color: #FFF; }
/*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; }
/* E Cert*/
#loggedin {color: #fff; padding: 9px 0 0 0;}
.logout a { color: #fff; }
.overduecorrections, .errmsg, .msgcontent, .taoCMSerror{color: #f00; font-weight: bold; margin: 3px 0;}
.msg.taoCMSerror{margin: 3px 0;}
.field{padding: 3px 6px 3px 0; float: left;}
.field input, .field select, .field textarea{clear: left;float: left;}
.field .label{float: left;font-size: 11px;font-style: italic;margin: 0;padding: 0;color: #333;}
.field .label label{margin: 0;}
#addcert th{vertical-align: bottom;text-align:left;}
#addcert th h4{margin: 24px 0 0 0;border-bottom: 1px solid #ccc;}
.correctionreportstable .overdue a{font-weight: bold;color: #f00;}
table, table.correctionreportstable, table.deposittransactions, table.ecertsearchtable { width:100%; text-align:left; margin-top: 15px; border-collapse: collapse;}
table.table { width:100%; text-align:center;}
table th, table.correctionreportstable th, table.deposittransactions th, table.ecertsearchtable th{ background: #CCC; border-right: 1px solid #EEE; border-bottom: 1px solid #333;padding: 3px; font-size: .82em;}
table th, table.ecertsearchtable th.address { width:80px;}
table.correctionreportstable tr:nth-child(odd), table.deposittransactions tr:nth-child(odd), table.ecertsearchtable tr:nth-child(odd){ background:#EEE;}
table tr td, table.correctionreportstable tr td , table.deposittransactions tr td, table.ecertsearchtable tr td { border:1px solid #bbb; padding: 2px;font-size: .82em;}
/*Education look up*/
form[name="searchlicenses"]{ margin:15px; padding-bottom:20px; }
table.contedinformation tr td { padding: 5px; }
table.searchconted{ margin: 20px 0; border-collapse:collapse;}
table.searchconted tr td { padding:5px;}
/* Board Agenda */
.section { font-size: 1.5em; font-weight: bold; padding-left: 0; }
.ss0.d0.item { font-size: 1.5em; font-weight: bold; padding-left: 0;padding: 5px 0;margin: 10px 0;border: 0;}
.d0.item { font-size: 1.2em; padding-left: 2em; }
.item {font-size: 1.0em; display: block; width: 100%; margin-bottom: 10px; }
div.section { padding: 3px 0; }
.item .section { display: none; }
.subsection { display: none; }
.d0.item .detail, .d0.item .section { display: none; }
.d0.item .subsection { display: inline; }
.ss0.d0.item .subsection { display: none; }
.ss0.d0.item .section { display: inline; }
.modal {display: block; position: fixed; z-index: 100; padding-top: 100px; left: 0; top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
/* Modal Content */
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 90%; max-width: 600px; min-height: 330px; max-height: 400px; overflow: auto;}
/* The Close Button */
.close {cursor: pointer; margin-top: -25px; color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; position: relative;}
.businessnamelist { border: 0; border-collapse: collapse; }
.businessnamelist td, .businessnamelist th { padding: 0 5px; border: 0; }
.busi-select {max-width: 1px;width: 1px;}
.businessnamelist td.busi-select input { margin: 0; height 0; width: 0; padding: 0; }
.businessnamelist tr:nth-child(even) td { background: #EEE; }
/* TABLETS width 700 or above width */
@media all and (min-width: 1020px) and (max-width: 1200px){
#nav ul li a, #nav ul li span { font-size: 1.2em; padding: 0 10px 0 23px;}
}
@media all and (min-width: 700px) and (max-width: 1020px){
body, html { max-width: 1020px; min-width: 680px; width: 100%; padding: 0px; margin: 0px; }
#wrapper { min-width: 100%; width: 100%; padding: 0%; }
.container { width: 98%; padding: 0; }
#sidemenu{ padding:15px; padding-top: 25px;}
#sidemenu ul li a { font-size:.87em;}
#nav ul li a , #nav ul li span{ font-size: 1.2em; padding: 0 10px 0 21px; }
#nav ul li > a:hover, #nav ul li:hover > a { background-size:20px;}
#header .bg{ width:100%;}
#nav div.container:after { content:""; display:table; clear:both; }
#footer{ padding: 0px; width: 98%; padding: 1%; margin: 0; height: auto;}
.sliderContent div.base img { }
.imageGallery a { min-width: 110px; max-height:80px;}
.imageGallery a img{ height: 100%; }
#rgtprt{ width: 68%; margin: 5px 0;}
#leftprt { width: 30%; float: left;}
}
@media all and (min-width:750px) and (max-width:990px){
.slidebg{/* height: 340px; */ }
.sliderContent div.base img { width: 100%; }
}
@media all and (min-width: 700px) and (max-width: 860px){
#rgtprt { margin-bottom: 20px; width:66%;}
#leftprt { width: 32%; float: left; padding: 10px 0;}
#sidemenu{ padding: 15px; padding-top: 25px;}
#sidemenu ul li a { font-size:.87em;}
#nav ul li a, #nav ul li span { font-size: 1.15em; padding: 0 5px 0 18px; margin:0; }
#nav ul li > a:hover, #nav ul li:hover > a, #nav ul li > span:hover, #nav ul li:hover > span { background-size:16px;}
.logo img{ height: 100px; max-height: none;}
.foot_sideblock, #footnav{ margin: 10px auto; padding: 0; float: none; clear: both; border: 0; width: 100%;}
.foot_sideblock { margin-top:35px;}
#footnav:after, .foot_sideblock:after {content:""; display:table; clear:both; }
.foot_sideblock .box,.foot_sideblock .footlogo{ width:48%; margin:1%; float:left; }
.foot_sideblock .footlogo { margin-top:35px;}
.foot_sideblock form{ border:0;}
}
@media all and (min-width: 0px) and (max-width: 750px){
#leftprt, #rgtprt { width: 98%; margin:0 auto; float:none; clear: both; padding: 0;}
#header{ width: 100%; position: relative; padding-top: 50px;}
#header .bg{ width:100%; background-size: 110% 100%;}
.logo img{ height: 90px;}
#topnav{ position:absolute; width:100%; top:0; border-bottom: 1px solid #350001;}
#nav div.container:after { content:""; display:table; clear:both; }
nav#nav{ z-index:99; bottom: 0; position: relative;}
#nav .navigate { display:block;}
#nav ul { float: none; position: absolute; right: 20px; top: 100%; z-index: 122; background: #7E1416; display: none; width: 230px; box-shadow: none;}
#nav ul li { float: none; border: 0; text-align: left; }
#nav ul li a, #nav ul li span { display: block; color: #FFF; line-height: 30px; font-size: 100%; padding: 5px 12px; margin: 0;}
#nav ul li > ul > li a, #nav ul li:hover > ul > li a { line-height:18px; font-size:.92em;}
#nav ul li > a:hover, #nav ul li:hover > a , #nav ul li span:hover, #nav ul li:hover span{ background:none; color:#FFF; }
#nav ul li.currentitem a, #nav ul li.currentbranch a { color:#FFF;}
#nav ul li ul { padding: 0; z-index: 0; position: relative; top: 0; right: 0;width: 100%;}
#nav:hover ul li > ul, #nav ul li > ul{ display: none; position: relative;}
#nav ul li > ul li > ul{ position:relative; left:0; background: none;}
#nav ul li:hover, #nav ul li a:hover { background:none ;background-color: #350001; color: #FFF;}
#nav:hover ul { display: block; }
#sidemenu{ margin:0; background: #236F4B; padding: 0; cursor:pointer;}
#sidemenu:after { content:""; display:table; clear:both;}
#sidemenu .navigate{ display:block; float: left; margin: 0; margin-left: 10px;}
#sidemenu ul{ display:none; clear:both; padding:5px 10px; }
#sidemenu:hover ul { display:block; }
p#loggedin { margin: 12px 15px; padding: 0;display: inline-block;vertical-align: middle;}
#footer { position: relative; }
.foot_sideblock, #footnav{ margin: 10px auto; padding: 0; float: none; clear: both; border: 0; width: 100%;}
.foot_sideblock .box,.foot_sideblock .footlogo{ width:48%; margin:1%; float:left; }
.foot_sideblock { margin-top:35px;}
#privacy:after, #privacy ul:after, #footnav:after, .foot_sideblock:after {content:""; display:table; clear:both; }
.foot_sideblock .footlogo { margin-top:35px;}
.foot_sideblock form{ border:0;}
.copyright { clear:both; text-align: center;}
#privacy{ margin:0 auto; display:block; float:none; text-align:center;}
.copyright span, #privacy ul { text-align:center;margin: 0 auto;display: inline-block;float: none;}
.webform .fieldrow{ text-align:center;}
.webform .fieldrow .fieldlabel, .webform .fieldrow .fieldval { text-align:left;}
}
/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 699px){
body, html { max-width: 690px; min-width: 0; width: 100%; padding: 0px; margin: 0px; }
#wrapper, .container { min-width: 100%; width: 96%; }
.container { min-width: 98%; padding: 0; margin: 0px auto; }
#topnav ul li a{ font-size: .87em; padding: 4px 8px;}
#nav div.container { width: 100%; margin: 0%; padding: 0; border-left: 0; border-right: 0; }
.slidebg {position: relative; z-index: 0; height: 360px;}
.sliderContent div.base .img{ height:auto;}
.sliderContent div.base div.caption { position:relative; top:0; font-size: 90%; padding: 0; width: 100%;}
.sliderContent div.base {width: 100%; height: auto;left: 0;background: #9A6732;top: 50%;transform: translateY(-50%);}
.sliderContent div.base img{ width:100%; height:auto;}
.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;}
#header{ height:auto; position: relative;}
section.logo{ width:auto; margin:0;}
section.logo.left { margin-left:15px; }
section.logo.right { margin-right:15px;}
.col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}
@media all and (min-width: 0px) and (max-width: 550px){
#topnav ul li a { padding: 0 5px; font-size: .82em; text-transform: capitalize; font-family: sans-serif;}
.slidebg {position: relative; z-index: 0; height: 300px;}
.evendetail.calls { display: block; }
.evendetail.calls img, .evendetail.calls .caldlt { display: block; vertical-align: top; padding: 0 3px; }
.evendetail.calls img { max-width: 100%; }
.foot_sideblock .box, .foot_sideblock .footlogo{ width: 90%; float:none; margin: 10px auto; clear:both; text-align: center;}
.foot_sideblock, #footnav{ margin:0;}
#footnav > ul > li{ width: 98%; padding: 0; text-align:center; float:none; margin: 5px auto; border: 0;}
.copyright{ text-align: left; }
#privacy,.copyright span { float:none; text-align: center; width: 90%; clear: both; margin: 5px auto; display: block;}
#privacy ul li{ float:none;}
section.logo{ margin: 5px;}
section.logo.left, section.logo.right { float:none; margin:0 auto; width:100%; text-align:center;}
.logo img{ height:120px;}
.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; }
.appform .fieldrow .meminp { width:70%;}
.appform .fieldrow .memdsc { width:97%; margin-bottom:35px;}
.webform .fieldrow .fieldlabel { display: inline-block; width: 100%; margin: 0 0.5%; }
.webform .fieldrow .fieldval { display: inline-block; width: 100%; margin: 0 0.5%; vertical-align: top;}
.webform .fieldrow .fieldval input[type=text]{ width: 90%; }
}
@media all and (min-width: 0px) and (max-width: 479px){
#header { padding-top:75px;}
.logo img { max-height: 110px; max-width: 90%;}
#topnav ul li.home { display:none;}
#topnav ul li a { padding: 0 5px; font-size: .8em;}
.sliderContent div.base div.caption { }
.appform .fieldrow.memtyp .meminp, .appform .fieldrow .meminp, .appform .fieldrow .memlbl, .appform .fieldrow .memdsc { width:96%; margin:0 auto; float:none;}
}
@media all and (min-width: 0px) and (max-width: 350px){
#nav ul{ right:5px; }
#topnav ul li a{ font-size:.64em;}
}
/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 699px){
}