/*Base css*/
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; /* font-weight: 300; */ }
/* 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: #18562c; font-weight: 400;}
a.button{ text-transform:uppercase; font-size: 0.9em; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 {color: #18562C; text-align: left; font-family: 'Titillium Web', sans-serif; font-weight: 700; margin-bottom: 10px; font-size: 2.2em; line-height: 1.2em; }
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 { font-size: .8em; color: #333; border: 1px solid #DDD; min-width:30%; padding: 8px;font-family: 'lato', sans-serif;font-style: normal;font-weight: 400;}
textarea { height:120px; min-width:250px; width:70%;}
input[type=button], input[type=reset],input[type=submit],.button, .green_btn,.red_btn { background: #18562C; border:0; min-width:1%; color: #FFF; cursor: pointer; font-size: 1em; text-decoration: none; display: inline-block; padding: 7px 20px; box-shadow: none; border-radius: 5px;}
input[type=radio], input[type=checkbox], input[type=slider] { border: 0px; min-width: 16px;}
a.red_btn { background:#d90000;}
.clear {clear: both;height: 0px;margin: 0px;padding: 0px;}
.pad {padding: 25px; padding-bottom: 180px; }
.divider { margin: 20px 0; padding: 20px 0; position: relative; }
.hide { display: none; }
.breadcrumb .container { padding: 5px 10px 0 10px; }
table { border-collapse: collapse; }
table td, table th { vertical-align: top; }
/* Page 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; }
.container { width: 84%; position: relative; margin: 0 auto; height: auto; max-width: 1400px }
.container:after{content:'';clear:both;display:table;width: 100%;}
#rgtprt{ width: 28%; float: left; padding-left: 1.5%; border-left: 1px solid #EEE;}
#leftprt { width: 68%; float: left; margin: 0; margin-right: 1.5%;}
#leftprt h2{ margin-bottom: 12px; display: block;}
#breadcrumb { padding: 0 0 20px 0; }
/*header */
header h1 {display:none;}
header.mainheader { position: absolute; z-index: 99; width: 100%; padding-bottom: 0; background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #EEE;}
header.mainheader.fixedmenu{ position:fixed; z-index:99; background:#FFF; box-shadow: 0px 0px 3px #454545;}
header.mainheader.fixedmenu div.topnav{ display:none;}
section.logo { float: left; position: relative; padding: 5px 0 0px 0;}
.logo img { margin: 0; max-width: 158px;}
section.navi{clear: right;float: right;}
/* ------- Navigation -------*/
/*Main Menu*/
.mainmenu { width:100%; background: #702C91;}
nav#nav{position: relative;float: right;}
.navigate {display: none;}
#nav ul,#top_nav ul, #mbr_nav ul { padding: 0; list-style: none; margin: 0;}
#nav ul{margin: 1px auto;float: right;line-height: 75px;position: relative;}
#nav ul li { /* float:left; */ display: table-cell; text-align: center; position: relative; /* margin: 0 8px; */ /* padding: 5px 0; */}
#nav ul li:last-child{ border:0;}
#nav ul li a { display: block; padding: 0px 10px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 1.02em;}
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav ul li > ul { display: none; padding: 0; text-align: center; list-style: none; display: none; font-size: 0.87em; line-height: 22px; z-index: 2; width: 250px; /* float: left; */ position: absolute; top: 84%; left: 0; right: 0; margin: 0 auto; height:auto; border-top: 2px solid transparent;}
#nav ul li > ul:before{ content:" "; display:block; width: 100%; height: 12px; background: transparent url(/image/cache/arrow-up.png) no-repeat 10% 50%;}
#nav ul li:last-child > ul:before{ background-position:92% 50%;}
#nav ul li:last-child > ul { left:auto;right:0;}
#nav ul li > ul > li { margin: 0px; padding: 0px; float: none; position: relative; width: 100%;border: 0px; background: #18562c; color: #FFF; text-align: center; display: block; border-bottom: 1px solid #0E4520;}
#nav ul li > ul > li a{ color:#FFF; }
#nav ul li > ul > li:last-child{ margin:0; }
#nav ul li > ul > li a { padding:7px 10px; display: block; color: #FFF; border: 0 !important;}
#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:#54afd6;}
#nav ul li > ul li > ul li a:hover, #nav ul li > ul li > ul li:hover { background: #54afd6; }
#nav ul li.currentitem, #nav ul li.currentbranch, #nav ul li:hover, #nav ul li a:hover, #nav ul li:hover a { text-decoration: none; }
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover a{color:#FFF; background: #1B7B3A; }
#nav ul li.currentitem > a, #nav ul li.currentbranch > a { background: none; font-weight: bold;}
#nav ul li.currentbranch ul li.currentitem { background: #1B7B3A; }
#nav ul > li > a:hover, #nav ul > li:hover > a { color: #1B7B3A; text-decoration: none !important;}
#nav .mnu_highlight { }
/*Member Menu*/
#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; }
#membermenu ul li { background: #1599A1; margin: 1px 5px; display:block; color: #FFF;}
#membermenu ul li a { color:#FFF; padding: 7px 13px; display: block;}
/*Top Menu*/
div.topnav {position: relative;z-index: 99;background: #18562c;height: 32px;clear: both;}
.topnav ul {list-style: none;padding: 0;margin: 0 0 0 5px;display: inline;float: right;position: relative;z-index: 99;padding: 1px 0 0px 0;}
.topnav ul li {text-transform: capitalize; display: block; float: left;padding: 3px 10px; position: relative;}
.topnav ul li a { display: block; color: #FFF; font-size: .85em;}
.topnav ul li a:hover { color: #36E06D; text-decoration: none; }
.topnav ul li ul { position:absolute; width: 125px; right: 0; top: 29px; margin: 0; text-align: right; display:none; background: #333;}
.topnav ul li ul li { float:none; width: 85%; border-bottom: 1px solid #18562C;}
.topnav ul li:hover ul { display:block;}
.topnav ul li.home { padding:0; }
.topnav ul li.home a span{ display:none;}
.topnav ul li.home a { background: url(/image/cache/home.png) no-repeat; background-position: 50% 6px; display: block; width: 30px; height: 30px;}
.topnav ul li.home a:hover, .topnav ul li.home.currentitem a { background: url(/image/cache/home.png) no-repeat; background-position: 50% -17px;}
/*Side Menu and Sub Menu*/
#sidemenu { margin-bottom:10px;}
#sidemenu ul { margin: 0; padding: 0; list-style: none; }
#sidemenu ul li { margin-top: 1px;}
#sidemenu ul li a { display: block; padding: 10px; color: #333; font-weight: 400; background: #DDD;}
#sidemenu ul li:hover > a, #sidemenu ul li a:hover { text-decoration: none; color: #1B7B3A; background: #CCC;}
#sidemenu ul li.head { border-bottom: 1px solid #CCC; font-weight: bold; padding: 5px;}
#sidemenu ul li.head { text-decoration:none; }
/* ----- Home ----- */
/*Image Slider*/
.slidebg { height: 580px; position: relative; overflow: hidden; max-width: 1800px; margin: 0 auto;}
.hblock {border-bottom: 1px dashed #EEC402; }
.slidebg div.container { position: relative; height: 100%; left: 0; right: 0;}
.slideing { width: 100%; left: 0; position: relative; }
#slides { height: 100%; position: absolute; top: 0px; width: 100%; }
.slide_img{ height: 300px; width: 100%; position: absolute;z-index: 6;}
.sliderContent { color: #000; height: 100%; position: relative; overflow: hidden; width: 100%; float: right;}
.sliderContent div.base { position: absolute; width: 100%; height: 100%; left: 100%; }
.sliderContent div.base .img{ width:100%; height:100%; position: absolute; text-align: center;}
.sliderContent div.base img { position: relative; border: 0; width: 100%; margin: auto; padding: 0; height: auto;}
.sliderContent div.activeSlide { display: block; left: 0; }
.sliderContent div.base div.caption { width: 50%; text-align: center; padding: 15px; color: #333; font-weight: 400; background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(255, 255, 255, 1); z-index: 10; position: relative; top: 85%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%); display: none;}
.sliderContent div.base.slShow div.caption { display:block; }
.sliderContent div.base.slShow div.caption h2{ margin: 0 0 15px 0; padding: 3px; font-style: normal; text-align: center; color: #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: .85em; text-align: center; color: #FFF; padding: 7px 20px; margin-top: 9px; border: 1px solid transparent; display: inline-block; border-radius: 5px; white-space: nowrap; box-sizing: border-box; background: #18562C;}
.sliderContent div.base.slShow div.caption div{ /* margin:10px 0; */}
.slidettls { width:20%; float: left; height: 100%; }
.slidettls .slidettl {border-bottom: 1px solid #FFF;background: #003E7E;min-height: 33%;text-align: center;}
.slidettls .slidettl h4 { color:#FFF; font-size:1em; padding:10px; margin: 0; display: inline-block; line-height: 6;}
.taoNav { text-align: center; bottom: 0px; width: 100%; z-index: 10; position: absolute; }
.taoNav a { display: inline-block; margin: 2px 5px; padding: 0; height: 6px; width: 14px; background: #FFF; line-height: 0.7em; color: #FFF; cursor: pointer; vertical-align: middle; font-size: 0;}
.taoNav a.active { background: #1B7B3A; color: #1B7B3A; }
.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;}
/*Partner and join block*/
.prt_blk{ padding:20px 0; background:#EEE; border-top: 1px solid #1B7B3A;}
.prt_blk .box { width: 44%; float:left; padding: 25px 3%; text-align:center;}
.prt_blk .box ul {list-style:none; margin:0; }
.prt_blk .box ul li { margin:5px 0;}
.prt_blk .box .title { position:relative; height: 40px;}
.title .title_bg {position:absolute; border-bottom: 1px solid #1B7B3A; width:100%; top: -10px;}
.prt_blk .box h3 { text-align:center; position:relative; font-size: 1.6em;}
.prt_blk .box h3 span { background: #EEE; padding:0 15px; display: inline-block;}
.user_pay_lnks{ padding: 20px 0; background: #FFFFFF; border-top: 3px solid #DDD;}
.user_lnk{ width:48%; margin: 1%; float:left; text-align:center;}
/*Home Page Caption block*/
.flwdth.caption { background: #1B7B3A; color: #FFF; text-align: center; padding: 20px 0; border-top: 1px solid #18562C;}
.flwdth.caption * { text-align:center; color: #FFF; font-size: 1.11em; font-weight: 300;}
.flwdth.caption p { line-height:1.5em;}
.flwdth.caption h4{font-weight:300; font-size:1.6em; margin-bottom:25px; }
.flwdth.caption a.button{ color: #FFF; text-transform: none; font-size:.9em; margin-top: 15px; background: #333;}
/*News blocks*/
.home_news{ text-align:center; padding: 25px 0; background: #EEE; border-bottom: 3px solid #CCC;}
.hmnws { width: 29%; padding: 0 2%; display: inline-block; position: relative; text-align: center; vertical-align: top;}
.hmnws h3{ text-align:center; font-size: 1.2em;}
.nwsitm { position: relative; /* padding: 5px; */}
.hmnws img {max-width: 50%;padding: 10px;margin: 0 auto;}
/*Subpage News liinks */
.nwsitm { padding: 10px 0;}
.nwsitm h4{ font-size: 1.05em; margin-bottom:0px; }
.nwsitm h4 a {color: #18562C;}
.nwsitm span { font-style:italic; display:block; text-align: left; font-weight: 300; margin-left: 4px;}
.item { margin:10px 0; clear: both; height: 50px;}
.item h4{ margin:0;}
/*Sub Page Headers*/
.fullwdth { width: 96%; margin: 0px auto; padding: 20px 0;}
.flwdth { width:100%; margin:0; padding: 0; position: relative; display:block; margin-top: 0; }
.flwdth.banner {margin-top: 0px; top: 32px; margin-bottom: 32px;}
.contentblk { padding: 10px 0; /* color: #FFF; */ font-weight: 400; /* background: #0992AD; */ margin-bottom: 35px; /* margin-top: -20px; */}
.subpage.contentblk { padding: 30px 0 50px 0;}
.subpage { padding-top: 120px; margin: 0;}
/* footer */
#footer { padding: 10px 0; clear: both; bottom: 0; left: 0; width: 100%; background: #18562C; color: #FFF; position: relative; line-height:1.6em; font-size:.8em;}
.fbblk{ float: right; padding: 5px 0; margin: 0 0 6px 0; /* width: 40%; */}
.fbblk .footlogo { text-align: right;}
.fbblk .footlogo img {width: 180px;margin: 0;}
.fbblk .footlogo p { text-align:left; }
.fbblk .youtube { padding: 10px; margin-bottom:10px; border: 1px solid #0A368F; background: rgb(19, 48, 113);}
.fbblk .facebook{ padding:10px; border: 1px solid #133071 !important; margin-bottom:10px; background: rgb(19, 48, 113);}
.footnavi { padding: 25px 0 0 0;}
#footnav ul, .copyright ul { margin: 0; list-style: none; }
nav#footnav { padding: 25px 1%; width: 80%;}
.addr { float: right; margin-bottom: 10px;}
.copyright { clear: both; padding: 15px 0; padding-bottom: 0; margin: 10px 0; border-top: 1px solid #1B7B3A; color: #FFFFFF;}
.copyright span { float: right;}
#privacy {}
#privacy ul li { float:left; margin: 0 5px;}
#privacy ul li a{ display:block; color: #FFFFFF; font-size: .85em;}
#footnav { padding: 0 1%;}
#footnav ul li { /* padding: 0.5% 2%; */ display: inline-block; vertical-align: top; width: 29%;}
#footnav ul li a{ color:#FFF; font-size: 13px;}
#footnav ul li.head { font-weight: bold; padding-top: 15px; text-transform: uppercase; color: #FFFFFF; }
#footnav ul li ul { padding-top: 5px; }
#footnav ul li.head ul li a, #footnav ul li.head ul li a, #footnav ul li.head ul li.head ul li a, #footnav ul li ul li a { display: block; color: #71D290; padding: 0; font-size: 1.1em; line-height: 1.6em;}
#footnav ul li ul li.head a, #footnav ul li.head ul li.head a, #footnav ul li.head ul li.head a, #footnav ul li ul li.head ul li.head a { color:#FFF;}
#footnav ul li ul li { float: none; display: block; padding-left: 5px; width: 100%; font-weight: normal; text-transform: capitalize; }
/*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 {}
/*Staff and Photos*/
.phtlst{ text-align:center;}
.phtrow{ width:30%; display:inline-block; vertical-align:top; margin: 1%; padding: .5%; border: 1px solid #EEE; min-height: 200px;}
.phtrow img { max-width:100%;}
/*Testimonials*/
.testimonials_row { padding-bottom: 5px; border-bottom: 1px dotted #18562C;}
.testimonials_row strong {color:#18562c; }
/*Social Menu*/
div.social{ margin-top: 20px;background: #1B7B3A; text-align: center; }
#social{ display: inline-block; vertical-align: middle; /* margin: 10px; */}
#social > * {text-align:center; }
#social ul {list-style: none; padding: 0; margin: 0;}
#social ul li { list-style-type: none; display: inline-block; vertical-align:middle;}
#social li span { display: none; }
#social li a {width: 32px; height: 32px; display: block; margin: 10px;opacity: 1;}
#social li.facebook a { background: url(/image/cache/facebook.png) no-repeat center center; background-size: contain; display: inline-block; vertical-align: middle;}
#social li.twitter a { background: url(/image/cache/twitter.png) no-repeat center center; background-size:cover; }
#social li.linkedin a { background: url(/image/cache/linkedin.png) no-repeat center center; background-size:cover; }
#social li.youtube a { background: url(/image/cache/youtube.png) no-repeat center center; background-size:cover; }
#social li.pinterest a { background: url(/image/cache/pinterest.png) no-repeat center center; background-size:cover; }
#social li.googleplus a { background: url(/image/cache/googleplus.png) no-repeat center center; background-size: cover; }
#social li.email a { background: url(/image/cache/email.png) no-repeat center center; background-size:cover; }
#social li.rss a { background: url(/image/cache/rss.png) no-repeat center center; background-size:cover; }
/* social menu hover*/
#social li a:hover{ opacity:.65;}
/* Search Block*/
.srchblk{ width: 260px; float: right; position: absolute; top: 2px; right: 0;}
.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: #54afd6;
color: #FFF; display: inline-block; vertical-align: middle;}
.srchblk input[type=submit]:hover{ background: #f4db60;}
#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;}
/* news */
.news div.article { border-bottom: 1px dotted #18562C; 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 */
#imageoverlay { position: fixed; top: 0; left: 0; z-index:111; background: transparent; width: 100%; height: 100%; }
.overlay { /* position: absolute; */ z-index: 3; width: 100%; height: 100px; bottom: 0px; background-position: bottom center; background-size: 100% 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; }
.errmsg, .msg { color: red; font-weight: bold; padding: 0px; }
.taoCMSerror { color: red; }
form table tr td { padding: 8px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #667233; font-size: 14px; }
.filteropts h2 { display: inline-block; font-size: 12px; }
.postwebform { margin: 10px 5px; }
.postwebform td.labelcol { width: 35%; padding-right: 8px; vertical-align: top; }
.postwebform td.valuecol { width: 68%; vertical-align: top; }
.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; }
.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; }
/*application form post*/
.fieldgroup { clear: both; margin: 10px 0; padding: 5px; }
.fieldgroup_label { font-size: 1.5em; background: #18562C; display: block; color: #FFF; padding: 5px; }
.fieldrow { width: 98%; margin: 5px 0; padding: 0px 1%;clear: both; }
.fieldrow .fieldlabel { width: 40%; display: inline-block; vertical-align: top; }
.fieldrow .fieldlabel label sup{ color:red;}
.fieldrow .fieldlabel label sup+sup{ display:none;}
.fieldrow .fieldval { width: 55%; display: inline-block; vertical-align: top; }
.fieldrow .fieldval textarea { width: 80%; height: 100px;}
.fieldrow .fieldval input[type=text] { width: 45%;}
.fieldrow .fieldval input.require.errinp{ border:1px solid red;}
.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 { display: none; }
.field_desc {font-style: italic; color: #666; line-height: 1.4em; padding: 0 3px; font-size: 0.87em; margin-bottom: 10px; clear: both; }
.field_desc .fieldval{ width:auto;}
.fieldgroup_desc {font-style: italic; color: #666; line-height: 1.4em; padding: 0 15px; font-size: 0.87em; margin-bottom: 10px; }
.group_nogroup_label,.group_nogroup_tr { display: none; }
.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;}
table.shippinginfotable{ width:auto; margin:0 auto;}
.catalogcart { width: 100%; margin: 10px 0px; border: 1px solid #DEDEDE; }
.catalogcart td, .catalogcart th { border: 1px solid #DEDEDE; padding: 0px 5px; font-weight: normal; text-align: center; }
.cartheadings { background: #E9E9E9; line-height: 30px; }
.catalogcart .itemname { padding-top: 5px; }
.catalogcart p { padding: 0px; margin-top: 0px; }
.catalogcart .oddrow { background: #F9F9F9; }
.catalogcart .evenrow { background: #FFF; }
.carttotals { line-height: 30px; }
#cartbuttons ul { list-style: none; padding: 0px; margin: 0px; margin-top: 20px; text-align: center; }
#cartbuttons ul li { display: inline-block; margin: 5px 0;}
.cartlinks { height: 30px; margin: auto; float: right; }
.cartlinks ul { margin: 0px; padding: 0px; list-style: none; float: right; margin-top: -4px; }
.billingaddress { width: 48%; padding: 2% 1%; }
.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"; }
.appl_typ{ padding: 15px 0; text-align: center; width: 80%; margin: 10px auto; background: #18562C; color: #FFF;}
.application_type_radio{ display: inline-block; margin: 0 10px; font-size: 1em;}
/*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: #54afd6;}
#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:#54afd6;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; }
/* TABLETS width 700 or above width */
@media all and (min-width: 1020px) and (max-width: 1200px){
#nav ul li a { font-size: 90%; padding: 0 7px;}
.nwsitm .nws p{ width:100%;}
.nwsitm img { width:35%; }
}
@media all and (min-width: 700px) and (max-width: 1020px){
body, html { max-width: 1020px; min-width: 680px; width: 100%; padding: 0px; margin: 0px; }
.main_blk{ width:96%;}
#nav div.container { width: 107.5%; margin: 0 -2%; padding: 0; border-left: 0; border-right: 0; }
.pad {padding: 25px 10px; }
#footer{ padding: 0px; /* width: 98%; */ padding: 1% 0; margin: 0; height: auto;}
#wrapper { min-width: 100%; width: 100%; padding: 0%; }
#nav ul li a { padding: 0 8px; /* min-width: 4%; */ font-size: 94%; /* font-weight: 700; */}
.container { width: 98%; padding: 0; }
.slide_img{width: 100%;}
.imageGallery a { min-width: 110px; max-height:80px;}
.imageGallery a img{ height: 100%; }
.copyright .container { min-width: 96%; width: 96%; padding: 0%; margin: auto; }
#content { width: 100%; }
#leftprt{ width: 68%; float: left; margin: 5px 0; background: #FFF;}
#rgtprt { width: 30%; float: left; margin: 5px 0 0; background: #FFF;}
.pagebr { padding: 0; }
}
@media all and (min-width:750px) and (max-width:990px){
.pagetitle{ padding:10px;}
.navigation{ width:auto;}
#nav{font-size: 100%;}
#nav ul{margin:0px auto;font-size: 90%;}
.nwsitm .nws p{ width:100%;}
.nwsitm img { width:95%; }
.quoutes{ max-width: 40%; }
#social{ width: 35%; }
}
@media all and (min-width: 700px) and (max-width: 860px){
section.headmenu { position:absolute; width:100%; }
section.logo, section.navi{ float:none; }
section.navi{ margin:0 auto; width: 100%;text-align:center;}
nav#nav { float:none; clear:both;}
#nav { line-height:50px;}
#nav ul { line-height: 35px; float: none; margin: 0 auto; width: 99%; text-align: center; display: table;}
#nav ul li a{}
.subpage{ padding-top:150px;}
#rgtprt { margin-bottom: 20px; }
#leftprt { margin: 0;}
.facebook, .sidelbk{ margin: 10px 0; min-height: 0; height: auto;}
.sidelbk.news{ height:auto; min-height: 230px;}
.footabout { display: none; }
#rgtprt .box { float: left; width: 210px; }
.boxhd div.date { float:left; }
.boxhd p { /* float:left; */ width: 70%;}
.logo{ width:auto;}
}
@media all and (min-width: 0px) and (max-width: 750px){
.sidelbk { width: 43%; display: inline-block; margin: 0 5px; height: auto; vertical-align: top; text-align: left;}
#leftprt, #rgtprt { width: 100%; margin:0 auto; float:none; clear: both; padding: 0; border: 0;}
#sidemenu ul li.head{ padding: 5px; background: #DDD;}
#sidemenu ul li a{ padding: 5px;}
#footer { position: relative; }
.menuph { float:left; padding: 0 15px;}
#header{ width: 100%; position: relative;}
.subpage{ padding:0; margin: 30px 0;}
.flwdth.banner{ margin:0; top:0;}
.pageheader_blk { margin-top:0; }
.flwdth.pageheader{ padding: 95px 0; background-size: cover; background-position: center center; background-attachment: scroll;}
.pagetitle{ width:96%; padding:0; border-width: 3px;}
.sbpgbanner{ height:auto; }
#top_nav { float:left; clear: none;}
.cenbg {width: 25%; float:right;}
.srchblk{ width: auto; top: 0; clear: none;}
.topheader nav#nav { height: auto; overflow: visible; z-index: 15; line-height:50px;}
/*Main Navigation */
section.logo{ float:left;}
section.navi{ width:auto; float: right; height: 100%; margin-top: 20px;}
nav#nav{ z-index:99; bottom: 0;}
#nav ul { float: none; position: absolute; right: 0; top: 35px; z-index: 122; background: #18562C; display: none; width:280px; box-shadow: .5px 1px 3px rgba(85, 85, 85, 0.7);}
#nav ul li { float: none; border: 0; border-bottom: 1px solid #1B7B3A; text-align: left; margin: 0; display: block;}
#nav ul li a { display: block; color: #FFF; line-height: 30px; font-size: 100%; padding: 5px 10px;}
#nav ul li.currentitem a, #nav ul li.currentbranch a { color:#FFF;}
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover { color:#FFF; /* background: #54AFDD; */ text-decoration: none;}
#nav ul li > ul { display: block; position:relative; top:0; left: 0; min-width: 90%; margin-left: 0; width: 100%; text-align: left;}
#nav ul li > ul > li a { padding: 5px 7px; margin:0;}
#nav ul li > ul, #nav ul li > ul li, #nav ul li > ul li a, #nav ul li > ul li > ul li a { /* background: #F4DB60; */ border:0; box-shadow:none; top:0; color: #FFF !important; text-align: left;}
#nav ul li.full > ul > li.rowhead > ul li a, #nav ul li.full > ul > li.rowhead ul > li.head ul li a{ color:#FFF; line-height:30px; border:0; padding:0;}
#nav ul li.full > ul > li { width:100%; float:none; padding:0; }
#nav ul li.full > ul > li ul > li { padding:0; }
.navigate a { display: block; color: #FFF; }
#nav ul li ul { padding: 0; z-index: 0; position: relative; top: 0; right: 0;}
#nav ul li > ul{ display:block; position: relative;}
#nav ul li.full{ position:relative; }
#nav ul li.full > ul { padding:0; }
#nav ul li.full > ul li a:hover{ background:none;}
#nav ul li.full.grid500 > ul{ width:100%; min-width:100%; position:relative; padding: 0;}
#nav ul li.full.grid500 > ul > li { width: 90%; float:none; position:relative; padding: 0 15px; background: none;}
#nav ul li > ul li > ul{ position:relative; left:0; background: none;}
#nav ul li:hover, #nav ul li a:hover { /* background: #0992AD; */ color: #FFF;}
#nav ul li > ul > li:hover{ /* background:none; */ }
#nav:hover ul { display: block; }
#nav ul li > ul:before{ display:none;}
.navigate { display: block; text-align: right; font-size: 1.2em; }
.navigate a { display: block; color: #DDD; cursor: pointer; }
.navigate a label.mbtn { cursor: pointer; display: inline-block; vertical-align: middle; line-height: 0; margin: 0; padding:4px 5px; width: 2.3em; height: 1.6em; }
.navigate a label.mbtn div { display: block; width: 100%; margin-top: 5%; }
.navigate a label.mbtn div label { display: inline-block; margin: 0; width: 13%; margin-right: 10%; border-top: 5px solid #18562C; }
.navigate a label.mbtn div span { display: inline-block; margin: 0; border-top: 5px solid #18562C; width: 65%; }
.navigate a label.mbtn:hover div label, .masternav:hover label.mbtn div label { border-top: 5px solid #333; }
.navigate a label.mbtn:hover div span, .masternav:hover label.mbtn div span { border-top: 5px solid #333; }
.copyright { clear:both; }
.webform .fieldrow{ text-align:center;}
.webform .fieldrow .fieldlabel, .webform .fieldrow .fieldval { text-align:left;}
.singlecol{ width:100%; padding: 0;}
.abtimg{ width:250px;}
.abtimg img { width:100%;}
.abtcont{ margin-left:260px ;}
.prt_blk .box{ width: 94%; margin: 0 auto; float:none; clear:both; padding: 25px 0;}
.prt_blk .box .title{ height:auto;}
}
/* 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; }
.main_blk{ width:100%;}
#top_nav ul li a{ font-size:1em; padding: 0 10px;}
#nav div.container { width: 100%; margin: 0%; padding: 0; border-left: 0; border-right: 0; }
.slidebg { height:300px;}
.pad {padding: 25px 10px; }
#footer { height: auto; }
.fbblk { width:100%; float:none;}
nav#footnav{ width:100%; padding:15px 0;}
#footnav ul li{ width:32%;}
.hmtab .img { height: 140px;}
.copyright .container { min-width: 94%; width: 94%; padding: 0% 1%; margin: auto;}
#wrapper, .container { min-width: 100%; width: 96%; }
#rgtprt { margin: 9px auto; }
#rgtprt { }
#sidemenu ul{ margin:0;}
.footabout { display: none; }
.container { min-width: 98%; padding: 0; margin: 0px auto; }
.sliderContent div.base div.caption{ width:auto;}
.footabout, .sociolinks { width: 42%; display: block; }
#rgtprt .box { float: left; width: 40%; margin: 5px; }
#rgtprt .box .boxhd, #rgtprt .box .boxh { margin: 0 -15px; width: 111%; padding-bottom: 15px; }
#rgtprt .box .lftbg, #rgtprt .box .rgtbg { display: none; }
#rgtprt .box .cenbg { width: 100%; }
.imageGallery { width:98%; margin:0px auto; text-align:center; display: inline-block;}
.imageGallery a{ text-align:center; height: 100px; width: auto;}
.imageGallery a img { height:100%; width:auto;}
.hmnws{width:96%; float:none; margin:0 auto;border-bottom: 1px solid #DDD;}
.nwsitm { padding:0;}
.hmnws img {width:20%; }
.nwsitm .nws p{width:45%; float:left;}
.sidelbk.news .nws p{width:100%; float:left;}
.nwsitm a.readmore {padding:5px 10px; font-size:1em;}
#header{ height:auto; position: relative;}
.logo{ width:auto;}
#top_nav{ position:relative;}
#socialmenu li a{ width: 40px; height:40px; margin: 1px;}
.abtimg{ width:350px; float:none; margin:0px auto;}
.abtimg img { width:100%;}
.abtcont{ margin:25px auto;}
}
@media all and (min-width: 0px) and (max-width: 550px){
.topnav ul{ margin:0;}
.topnav ul li { padding:0;}
.topnav ul li a{ padding: 0px 5px; font-size:.74em;line-height: 30px;}
.topnav ul li.home a{ width:auto; padding:0 10px;}
#rgtprt .box { width: 80%; }
#rgtprt iframe{ width:98%; }
.sidelbk{ width: 94%; float:none; margin: 10px auto; }
.addr, { width: 96%; }
.callus { top: -60px; right: 0px; line-height: 60px; }
footer .footnav { width: 94%; margin: 0 auto; padding: 0;}
footer .footnav #footnav { width:98%; margin:0 auto; float:none; clear: both;}
.footnav ul { width: 100%; padding: 0; margin: 0; }
.footnav ul li { width: 100%; padding: 0; margin: 0; }
#footnav, .fbblk{ width: 98%; float:none; min-height: 0; clear: both; margin: 0 auto;}
.footabout { display: none; }
.copyright{ text-align: left; }
#privacy,.copyright span { float:none; text-align: left; width: 90%; clear: both; margin: 5px 0;}
.addr { width: 94%; margin: 1% 3%; }
.sociolinks { display: block; clear:both; width: 98%;text-align: left; float: none; margin: 1%; padding: 2em 1em 4.5em 1em ; vertical-align: top; }
.sliderContent div.base div.caption { width: 38%; right: 0%; bottom: 0%; }
.slidebg { position: relative; z-index: 0; }
.hblock {border-bottom: 1px dashed #EEC402; }
#slides { height: 230px; }
.sliderContent { color: #CCC; }
.slidebg div.container{ height:;}
.sliderContent div.base { height: 230px; width: 100%; left: 0;}
.sliderContent div.base div.caption { width: 96%; font-size: 0.82em; left: 0; right: 0;top: 65%;}
.sliderContent div.base img{ width:100%; height:auto;}
.hmtab { width: 92%; margin: 1% 2%; padding: 0%; height: auto; }
.hmtab .img { height:auto; }
.headblk{ height:auto;}
section.logo{ margin: 5px;}
div.loglnks{ margin:0px auto;}
#top_nav{ text-align:center; margin: 5px auto;}
.srchblk{ display: none;}
.logo img{ /* height:120px; */}
.hmbox{ width: 96%; float:none; margin:0px auto; padding: 0;}
.hmstrbox{ width:95%; min-height:30px; border:0!important;}
.webform .fieldrow .row-short, .webform .fieldrow .row-mid, .webform .fieldrow .row-wide, .webform .fieldrow .row-mid.hgh-schl, .webform .fieldrow .row-mid.flupld { width:90%; margin: 6px auto; float: none; display: block;}
.appform .fieldrow .fieldval div, .appform .group_signature .fieldrow .fieldval input[type=text] { width:auto;}
.appform .fieldrow.paytyp .meminp, .appform .fieldrow.paytyp .memlbl { width:40%; margin-bottom: 20px; }
.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%; }
#hmcont { text-align:center;}
#hmcont p{ text-align:left; }
.hmcnt img{ float:none; margin:0 auto; max-width:100%; }
.user_lnk { width:96%; float:none; margin:15px auto;}
.phtrow{ display:block; width:50%; margin:0 auto;}
}
@media all and (min-width: 0px) and (max-width: 479px){
div.topnav{ height:auto; }
.logo img {}
.logo h4{ font-size: 1.3em;}
#top_nav ul li a { padding: 0 5px; font-size: .8em;}
#rgtprt .box { width: 80%; }
section.logo{ padding: 0;}
.navigation{ height: 100%;}
section.navi{ margin:0; position: absolute; top: 0; right: 0;}
nav#nav{ margin: auto;}
#nav ul{ top: 37px; }
.slidebg{ height: 360px !important;}
.sliderContent, .sliderContent div.base, #slides { height:100%;}
.slidebg div.container, .sliderContent div.base .img { position:relative;height: auto;width: 100%;}
.sliderContent div.base.slShow div.caption { position:relative; top: auto;bottom: auto;left: auto;right: auto;width: 98%;padding: 1%;float: none;margin: 0 auto;transform: none;}
.pagetitle{ padding:0; width: auto;}
.loglnks { /* display:none; */}
.footnav { width: 94%; }
.footnav ul { width: 98%; padding: 0; margin: 0; }
.footnav ul li { width: 98%; padding: 0; margin: 0; }
.footabout { display: none; }
.footcredits{ width:50%; margin:0px auto; float:none;}
.sociolinks { display: block; clear:both; width: 98%;text-align: left; float: none; margin: 1%; padding: 2em 1em 4.5em 1em ; vertical-align: top; }
.appform .fieldrow.memtyp .meminp, .appform .fieldrow .meminp, .appform .fieldrow .memlbl, .appform .fieldrow .memdsc { width:96%; margin:0 auto; float:none;}
#footnav ul li { width: 95%; }
.nwsind img { float:none; max-width:98%; margin:0 auto;}
.nwsind .image { text-align:center;}
}
@media all and (min-width: 0px) and (max-width: 350px){
.slidebg{ height:340px !important;}
.srchblk{ margin:10px auto;}
#socialmenu li a{ width: 32px; height:32px; margin: 1px;}
.fbblk img{ width:98%; }
section.logo{ float:none; width:auto; margin:10px auto; text-align: left; }
}
/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 699px){
.footnavi { width: 100%; }
.footnav { width: 94%; margin: 0 4%; }
}