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: #777; 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: #fe8906; 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: #9a9d80; font-weight: normal; font-weight: normal; text-align: left; font-family: 'lato', 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 { background: #fe8906; border:0; min-width:1%; color: #FFF; cursor: pointer; font-size: 1em; text-decoration: none; display: inline-block; padding: 7px 10px; box-shadow: none;}
input[type=radio], input[type=checkbox], input[type=slider] { border: 0px; min-width: 16px;}
table { border-collapse: collapse; }
table td, table th { vertical-align: top; }
table.pagetable{ padding:5px;border: 0px solid #DDD; border-collapse:collapse;width: auto;clear: both;float: none;}
table.pagetable:after{ content: ''; display: table; clear:both; width: 100%;float:none;border: 0;background: none;padding: 0;display: none;}
table.pagetable th { background:#999; color:#FFF; }
table.pagetable tr td, table.pagetable th {padding:5px; border:1px solid #DDD;border-collapse: collapse;}
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.pad {padding: 25px; padding-bottom: 180px; }
.divider { margin-top: 20px; position: relative; }
.breadcrumb .container { padding: 5px 10px 0 10px; }
/* 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: 10px 0; clear: both; bottom: 0; left: 0; width: 100%; background: #fe8906; color: #FFF; position: relative; line-height:1.6em; font-size:.8em; border-top: 1px solid #DEAE62;}
.container { width: 84%; position: relative; margin: 0 auto; height: auto; max-width: 1400px }
#conblk{/* padding: 10px 0 15px 0; */text-align: center;/* border-bottom: 1px solid #E4E4E4; */ /* margin-bottom: 20px; */ background: none;}
#leftprt{ width: 28%; float: left; padding: 10px 2% 10px 0;}
#rgtprt { width: 70%; float: right; margin: 0; padding: 10px 0;}
#rgtprt h2{ margin: 10px 0px; display: block;}
.fullwdth { width: 96%; margin: 0px auto; padding: 20px 0;}
.flwdth { width:100%; margin:0; padding: 0; position: relative; display:block; margin-top: 0; color: #FFF;}
#hmcont{ background: #FE8906; text-align: center;}
#hmcont .hm_txt{ display: inline-block; vertical-align: middle;width: 58%; }
#hmcont .hm_txt ul { display:inline-block; text-align:left; margin:0;}
#hmcont .hm_img { display: inline-block; vertical-align: middle;width:40%; }
#hmcont .hm_img img { max-height: 250px;}
.pageheader_blk{ /* margin-top: 85px; */ /* min-height: 100px; */}
.flwdth.pageheader {background-position: top right;text-align: center; background-blend-mode: screen; background-clip: border-box; background-origin: padding-box; background-repeat: no-repeat; background-size: contain; position: relative; border-bottom: 1px solid #DDD;padding: 70px 0;}
.flwdth.pageheader .Back_Black{display:block; position:absolute; width:100%; height:100%; background: url(/image/cache/overlay-pattern.png); /* opacity: .4; */ top:0; left:0; z-index:1;}
.flwdth.pageheader .Back_White{display:block; position:absolute; width:100%; height:100%; background: url(/image/cache/overlay-pattern_white.png); opacity: .7; top:0; left:0; z-index:1;}
.flwdth.pageheader .Back_None{ display:none;}
.pagetitle{ width: 75%; text-align: center; margin: 0 auto; position: relative; z-index: 10;}
.pagetitle .titleShow { padding: 20px; }
.pagetitle .titleShow.Underline{background:none ; border-bottom: 1px solid #FE8906; padding: 0 10px;margin: 20px;}
.pagetitle .titleShow.OrangeBox{background:#FE8906 ; padding: 20px; color: #FFF;}
.pagetitle .titleShow.OrangeBox * { color: #FFF;}
.pagetitle .titleShow.WhiteBox{background:#FFF ; padding: 20px; color: #FE8906;}
.pagetitle .titleShow.WhiteBox * { color: #FE8906;}
.pagetitle h1, .pagetitle h2, .pagetitle h3, .pagetitle h4, .pagetitle h5, .pagetitle h6 { text-align:center; color: #FE8906; text-shadow: .5px .5px 1px #666; text-transform: uppercase; line-height:2em; margin: 0; padding: 0;}
.pagetitle h1 { font-size: 2.4em; padding: 0; margin: 0;}
.pagetitle.Left .titleShow, .pagetitle.Left { float:left; text-align:left;}
.pagetitle.Right .titleShow, .pagetitle.Right { float:right; text-align:right;}
.contentblk { padding: 20px 0; color: #000; font-weight: 400;}
#hmcont h2, #hmcont a{ color:#FFF; text-align: center;}
.subpage.contentblk { padding: 30px 0 50px 0;}
.hmcnt img {float:left; margin: 5px 10px; }
#breadcrumb { padding: 0 0 20px 0; }
.singlecol{ width: 90%; margin:0 auto; padding: 0 2%;}
.abtimg { float: left; width: 300px; text-align: center;}
.abtcont{ margin-left: 350px;}
/*header */
header h1 {display:none;}
header.mainheader { position: relative; z-index: 99; width: 100%; padding-bottom: 20px; padding-top: 0; border-bottom: 1px solid #DDD; background: #FFFFFF;}
header.mainheader .container{ height:100%;}
section.logo { position: absolute; z-index: 3; left: 0; top: 0; height: auto; padding: 7px 0;}
.logo a {display: block;}
.logo h4 { text-align:right; font-family: 'Courgette', cursive; font-size:1.1em; margin: 0;position: absolute;right: 0;bottom: 5px;}
.logo h4 a:hover{ text-decoration:none; }
.logo img { margin: 0; height: 70px; width: auto;}
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#nav{ position: absolute; right: 0; bottom: -20px;}
.navigation{float: right; padding: 0;position: relative;width: 60%;height: 100%;min-height: 100px;}
.head_contact{ position: absolute; right: 0; top: 0; text-align:right; padding: 5px 10px; margin-top: 5px; float: right; background-color: #FE8906; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.head_contact h4{ text-align: center; display: inline-block; color: #FFF; line-height: 25px; margin:0; font-size: 1em; font-weight: 700;}
.head_contact h4 a { color:#FFF; font-weight: 700; }
.head_contact h4 span{ font-weight:300; font-size:.92em;}
.head{ height: 100%; position: relative;}
/*Fixed header*/
header.mainheader.fixedmenu{ position:fixed; height: 85px; top: 0; left: 0; width: 100%; padding: 0; z-index:99; background: #FFFFFF;-webkit-box-shadow: 1px 0px 7px 0px rgba(153,153,153,1); -moz-box-shadow: 1px 0px 7px 0px rgba(153,153,153,1); box-shadow: 1px 0px 7px 0px rgba(153,153,153,1); -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;}
header.mainheader.fixedmenu section.logo h4, header.mainheader.fixedmenu .head_contact{ display:none;}
header.mainheader.fixedmenu section.navi { height:100%;}
header.mainheader.fixedmenu nav#nav { margin: 0; top: 25px; bottom: auto;}
.pagecontent.margin_top { margin-top: 185px; position: relative;}
header.mainheader.fixedmenu section.logo{ padding:5px 0;}
/* footer */
.fbblk{ float: left; padding: 5px 0; margin: 0 0 6px 0; width: 40%;}
.fbblk .footlogo { /* text-align:center; */}
.fbblk .footlogo a { color:#FFF;}
.fbblk .footlogo img {width: 180px;float: left;margin: 15px 15px 15px 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; }
#footnav {float: right; padding: 25px 1%; width: auto;height: 100%;}
#footnav ul li { padding: 5px; float: left; margin: 0 10px;}
#footnav ul li a{ color:#FFF; text-transform: uppercase;}
#footnav ul li.head { color: #FFFFFF; }
#footnav ul li ul li.head a, #footnav ul li.head ul li.head a { color:#FFF;}
#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: #7193C0; padding: 0; font-size: .97em; line-height: 1.6em;}
#footnav ul li ul li a:hover { color: #5C96FF; }
#footnav ul li ul li { float: none; display: block; padding-left: 5px; width: 100%; font-weight: normal; text-transform: capitalize; }
.addr { float: right; margin-bottom: 10px;}
#footer h3 { margin-bottom: 5px; color: #FFF; font-size: 1.2em;}
.footnav ul { margin: 0px; padding: 0px; width: 100%; list-style: none; }
.footnav ul li { padding: 5px 10px; }
.footnav ul li > a { padding: 0px; margin: 0px; display: block; color: #FFF; font-size: 1em; line-height: 1.5em;}
.copyright { clear: left; padding: 15px 0; padding-bottom: 0; margin: 10px 0; border-top: 1px solid #F49D3C; 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;}
.searchbox { top: 20px; position: absolute; right: 10px; }
.searchbox a { padding-left: 10px; margin-right: 5px; display:inline-block; font-weight: bold; font-size: 1.5em; line-height: 30px; width: 20px; height: 30px; background: #333; color: #FFF; border-radius: 15px; }
/*navigation*/
.navblk{ width:100%; height:100%;}
.navigate { display: none; }
#nav ul,#top_nav ul, #mbr_nav ul { padding: 0; list-style: none; line-height: 35px; 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; }
#top_nav { position: absolute; right: 0; top: 5px; display: block; z-index: 5;}
#top_nav ul { margin: 0; line-height: 1em; /* float: right; */}
#top_nav ul li { list-style-type: none; float: left; position:relative; border-right: 1px solid #D7B997;}
#top_nav ul li.currentitem a, #top_nav ul li a:hover {color: #0091A8;}
#top_nav ul li a{ padding: 0px 7px; display: block; line-height: 20px; font-size: .85em;}
#top_nav ul li:last-child { border: 0; }
#nav ul{ margin: 0 auto;}
#nav ul li { float:left; text-align: center; position: relative;}
#nav ul li a { display: block; padding: 0px 9px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; color: #fe8906; font-size: 14px; font-weight: 400; text-transform: uppercase;}
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav ul li > ul { display: none; padding: 0; margin: 0px; text-align: left; list-style: none; display: none; font-size: 0.87em; line-height: 30px; z-index: 2; width: 250px; position:absolute; top: 100%; height:auto; border:0px; background: #FFF;}
#nav ul li > ul > li { margin: 0px; padding: 0px; margin-bottom: 1px; float: none; position: relative; width: 100%;border: 0px; background: #FE8906; color: #FFF; text-align: left; }
#nav ul li > ul > li:last-child{ margin:0; }
#nav ul li > ul > li a, #nav ul li:hover > 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:#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:#9a9d80 ; }
#nav ul li.currentitem a, #nav ul li.currentbranch a { background: none; color: #777;}
#nav ul li.currentbranch ul li.currentitem { background-color: #9a9d80;}
#nav ul li a:hover, #nav ul li:hover a { color: #9a9d80; 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.home a { font-size:0; width:30px; height: 30px;background:url(/image/cache/home-icon.png) no-repeat center center ; background-size: 45%;}
#nav ul li.home a:hover { font-size:0; width:30px; background:url(/image/cache/_home-icon.png) no-repeat center center ; background-size:45%;}
#sidemenu { margin-bo ttom:10px;}
#sidemenu ul { margin: 0px 20px 0 0; padding: 0px; list-style: none; }
#sidemenu ul li { margin-bottom:1px;}
#sidemenu ul li a { display: block; padding: 10px 5px; color: #777; font-weight: 400; /* background: #9a9d80; */}
#sidemenu ul li:hover a, #sidemenu ul li a:hover { text-decoration: none; color: #fe8906;}
#sidemenu ul li.head { border-bottom: 1px solid #CCC; font-weight: bold; padding: 5px;}
#sidemenu ul li.head { text-decoration:none; }
.topnav ul {list-style: none; padding: 0; margin: 0 0 0 5px; display: inline; line-height: 40px;}
.topnav ul li {text-transform: capitalize; display: inline-block; padding: 1px 5px; border-left: 1px solid #EEE; }
.topnav ul li a { display: block; color: #666;}
.topnav ul li a:hover { color: #000; text-decoration: none; }
#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;}
/*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 */
.staff {padding: 9px 0;border-bottom: 1px solid #eee;margin-bottom: 7px;}
.staff:after{content:''; display:table; clear:both;}
.staffphoto { width: 175px; float: left;}
.staffphoto img { width: 150px; height: auto; }
.staffbio p { margin: 0 0 .5em 0; }
/*Social Menu*/
.quoutes{ display: inline-block; vertical-align: middle; max-width: 53%;}
.quoutes .quotation{ padding: 25px 35px; border-right: 1px solid #FDF8DF; margin: 10px; text-align: left;}
div.social{ background: #9a9d80; text-align: center;}
#social{ display: inline-block; vertical-align: middle; padding: 8px 0; margin: 0;}
#social > * {text-align:center; color:#FFF;margin: 0;}
#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;font-size: 0;}
#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;}
/*Home Slider*/
.slidebg { height: 370px; position: relative; overflow: hidden; border-bottom: 1px solid #F5D34B;}
.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%; right: 0; opacity: 1; display: none;}
.sliderContent div.base .img{ width:100%; height:100%; position: absolute; text-align: right; top: 0;}
.sliderContent div.base .img .ovlrl{ display:block; width:100%; height:100%; background:url(/image/cache/overlay-pattern.png); opacity: .9; position: absolute; z-index: 1;}
.sliderContent div.base img { position: relative; border: 0; height: 100%; margin: auto; padding: 0;}
.sliderContent div.activeSlide { display: block; right: 0; }
.sliderContent div.base div.caption { position: relative; width: 60%; z-index: 5; text-align: center; padding: 1%; color: #FFF; left: 0; top: 25%; margin: 0 auto; max-height: 200px; display: none;}
.sliderContent div.base.slShow div.caption { display: block;}
.sliderContent div.base.slShow div.caption h1{ text-shadow:0 1px 3px #000 ; color: #FE8906; text-align: center; font-size: 2.4em; padding: 0; margin: 0;}
.sliderContent div.base.slShow div.caption h3{ text-shadow: 0px 1px 1px #000000; padding: 3px; font-weight: 300; color: #777C48; text-align: center; font-size: 1.8em;}
.sliderContent div.base.slShow div.caption a{ font-weight: 900; padding: 10px; color: #fe8906; /* background: #fe8906; */ width: 150px; margin: 0 auto;}
.sliderContent div.base div.caption.Left { float:left; text-align:left; }
.sliderContent div.base div.caption.Left * {text-align:left !important;}
.sliderContent div.base div.caption.Right { float:right; text-align:right; }
.sliderContent div.base div.caption.Right * {text-align:right !important;}
.slidettls { width:20%; float: left; height: 100%; /* background: #003E7E; */}
.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: 5px; width: 100%; z-index: 5; position: absolute; }
.taoNav a { display: inline-block; margin: 2px 5px; padding: 0; height: 10px; width: 10px; background: #ccc; line-height: 0.7em; color: #ccc; cursor: pointer; vertical-align: middle; font-size: 0;}
.taoNav a.active { background: #9A9D80; color: #9A9D80; }
.taoNav a:hover { text-decoration: none; }
#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;}
/* 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;}
/* news */
.hmbox .item .date, .hmstrbox .date { font-size: 1.2em; color: #333; font-weight: normal; }
.hmbox .item a { font-size:1.3em; color: #FFF; display: block; padding: 5px 0 8px 0; }
.hmbox .item .desc { color: #FFF; font-weight: normal; font-size: 1.1em; }
.hmbox .item .loc span { display: block; color: #FFF; font-size: 1.1em; }
.hmstrbox { width: 29%; float: left; margin: 1%; color: #333; padding: 0.5% 1%;}
.hmstrbox:nth-child(3) {}
.hmstrbox h2 { margin:0; padding:0;}
.hmstrbox h2 a {/* padding:6px 0; */ color: #FFF; margin: 0; font-size: 0.68em;display: block;line-height: 25px;}
.hmstrbox .box.nwsblk .nwsimg { float:left; padding:5px 5px 0 0; margin:0 5px 0 0;}
.hmstrbox .box.nwsblk p { color:#FFF; font-size:1.1em;}
.hmstrbox .box.nwsblk p span a { color:#FFF; font-size:1.2em;}
.news_block { border-right:1px solid #EEE;padding-bottom: 15px;padding-right: 5px;}
.news_block .nwsbox{ padding:5px; margin-bottom:10px; border-bottom: 1px dotted #DDD;}
.news_block .nwsbox h3 { font-size:1.0em; margin:0;}
.news_block .nwsbox p,.news_block .nwsbox span, .news_block .nwsbox em{ margin:0; color: #999; font-size:.84em; }
.news_block .nwsbox p a { float:right; font-size:.84em;}
.news div.article { border-bottom: 1px solid #DDD; padding: 8px 5px; }
.news div.article h2 { font-size: 1.4em; margin-bottom: 0 !important;}
.news div.article h2 a {font-weight: 600;}
.news div.article p{ margin:0;}
.news div.article p em, .news div.article p em.type{ color:#999;font-size: .90em;}
.news div.article img{ margin: 10px; float: left;}
div.individual.article h2 { margin:0;}
div.individual.article p.type { margin:0;}
div.individual.article p.type em{ color:#888; font-size:.90em;}
div.individual.article .thumb img{ max-width:50%; float:left; margin-right:10px; }
.newsind img { width: 60%; margin: 0 2%; float:left;}
.splitleft, .splitright { display: inline-block; vertical-align: top; color: #888;font-size: .90em;}
.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; }
.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*/
.postwebform tr { margin: 5px 0px; }
.fieldgroup { clear: both; margin: 10px 0; padding: 5px; }
.fieldgroup_label {}
.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 sup { color:red;}
.fieldrow .fieldval input[type=text],
.fieldrow .fieldval input[type=password],
.fieldrow .fieldval input[type=url],
.fieldrow .fieldval input[type=number],
.fieldrow .fieldval input[type=email],
.fieldrow .fieldval input[type=tel],
.fieldrow .fieldval select,
.fieldrow .fieldval textarea {width: 75%;}
.fieldrow .fieldval select { width:78.5%;}
.fieldrow .fieldval textarea { max-height:120px; max-width:80%; height: 100px;}
.fieldrow .fieldval div[class^="_radio"], [class*="_radio"], div.are_you_available_to_work { display:inline-block;}
.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: #888;line-height: 1.4em;padding: 0 5px;font-size: 0.9em;margin-bottom: 10px;}
.group_nogroup_label,.group_nogroup_tr { display: none; }
#form_21_post .fieldrow .fieldlabel { width: 50%; }
#form_21_post .fieldrow .fieldval { width: 50%; }
#form_21_post .fieldrow .fieldval .ratinghold{ float:left; display:block; margin:0 5px; }
.webform .fieldrow { padding: 5px 0; }
.webform .fieldrow .fieldlabel {display: inline-block;width: 38%;margin: 0 0.5%;}
.webform .fieldrow .fieldval {display: inline-block;width: 48%;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 {width: 98%;display: block;color: #FDAE19;padding: 5px;font-size: 1.2em;font-weight: bold;margin: 10px 0;border-bottom: 1px solid #ccc;}
.webform .group_nogroup_label { display: none; }
.webform .fieldrow .fieldlabel{font-size: 1.0em;}
.webform .fieldrow .fieldlabel sup,#adpost .fieldrow .fieldlabel sup{ color:red; margin-left:5px;}
/*form builder*/
.taoFieldBuilder {margin: 5px 10px;width: 76%;padding: 10px 0;background: #f6f8f8;}
#attendees_details h4{ font-size:1.15em; color:#000; margin-bottom:10px; }
.taoFieldBuilder .tafb_row {padding: 3px 0;}
.taoFieldBuilder .head .fcol, .taoFieldBuilder .tafb_row .fcol { width: 32%; display:inline-block; vertical-align: middle; text-align: left;}
.taoFieldBuilder .head .fcol {font-weight: bold; text-align: center; }
.taoFieldBuilder .fcol input {width: 90%;margin: 0 2px;}
#total_amt { font-weight: normal; font-size: 1.5em; color: red; }
.tafb_row .fcol.tfbact, .taoFieldBuilder .head .fcol.tfbact{width: 20px;font-size:1.6em;line-height: 14px;display:inline-block;vertical-align: middle;/* margin-right: 3px; */text-align: center;/* float: right; */}
.taoFieldBuilder a.addAct{text-decoration:none;color:#FFF;background: rgb(154, 157, 128);padding: 2px 5px;display: block;font-size: 18px;line-height: 18px;}
.taoFieldBuilder a.tfbdel {text-decoration:none;background: #FDAE19;color: #FFF;display: block;padding: 2px 5px;font-size: 18px;line-height: 18px;font-weight: bold;}
.taoCMSerror { color: red; }
.errinp { border: 0; }
input.errinp,select.errinp,textarea.errinp { border: 1px solid red; }
.errinp label { color: red; }
.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{/* padding: 6px 5px; */}
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"; }
/*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; }
/*resource library*/
.resoucr_list .resource_row{margin:5px 0;}
.resoucr_list .resource_group{ margin-bottom:15px;}
.resoucr_list .resource_group h3 { margin:0;}
.resoucr_list .resource_row.Document .res_typ.url, .resoucr_list .resource_row.Website .res_typ.doc{ display:none;}
/*industry updates*/
.ind_updates .ind-update_group{ padding-bottom:15px; margin-top:15px; }
.ind_updates .ind-update_row { margin: 15px 0; padding-bottom:5px ; border-bottom:1px solid #DDD; position:relative; }
.ind_updates .ind-update_row:after { content:""; display:table; clear:both;}
.ind_updates .ind-update_row img { float:left; margin:0 10px 5px 0; max-width:150px;}
.ind_updates .ind-update_row h4 { margin:0;}
.ind_updates .ind-update_row em { color:#999; font-size:.9em;}
.ind_updates .ind-update_row a { position: relative; top:0; right:0; float: right;}
/* job listings*/
.job-listing{ margin:5px ;}
.job-list {margin: 20px 0 10px 0;padding: 5px;padding-bottom: 10px;border-bottom:1px solid #DDD;}
.job-list:after { content:""; display:table; clear:both;}
.job-list h3, .job-list p {margin:0;}
.job-indi.job-list h2 {display:inline-block;font-size: 1.4em;margin: 0;}
.job-list a.button.appl_link{ float:right; }
.job-indi.job-list a.button.appl_link ~ strong{ display:block;;}
.job-list em {font-size:.90em;color: #999;}
.job-list .desc {margin: 0;}
.job-list .desc.jdesc{ margin:10px 0;}
.job-list .desc.japply{padding-bottom: 15px;}
.job-list .link{float: right;background: #FE8906;color: #FFF;padding: 0px 6px;font-size: .75em;margin-top: 10px;}
/* TABLETS width 700 or above width */
@media all and (min-width: 1020px) and (max-width: 1200px){
#nav ul li a { /* font-size:100%; */padding: 0 6px;}
.nwsitm .nws p{ width:100%;}
.nwsitm img { width:35%; }
.flwdth.pageheader{}
}
@media all and (min-width: 700px) and (max-width: 1020px){
body, html { max-width: 1020px; min-width: 680px; width: 100%; padding: 0px; margin: 0px; }
.flwdth.pageheader{padding: 110px 0; background-attachment:scroll; background-size: cover;}
.main_blk{ width:96%;}
.sliderContent div.base img { height:100%; width: auto; }
#nav div.container { width: 107.5%; margin: 0 -2%; padding: 0; border-left: 0; border-right: 0; }
#nav ul{ }
.pad {padding: 25px 10px; }
#footer{ padding: 0px; width: 98%; padding: 1%; margin: 0; height: auto;}
#wrapper { min-width: 100%; width: 100%; padding: 0%; }
#nav ul li a { /* padding: 0 6px; */ /* min-width: 4%; */}
.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%; }
#rgtprt{ width: 68%; float: left; margin: 5px 0; background: #FFF;}
#leftprt { width: 30%; float: left; margin: 5px 0 0; background: #FFF;}
.pagebr { padding: 0; }
}
@media all and (min-width:750px) and (max-width:990px){
.flwdth.pageheader{ padding: 80px 0;}
.pagetitle{ padding:10px;}
.slidebg{/* height: 340px; */ }
.sliderContent div.base img { height: auto; max-width: 100%; }
.sliderContent div.base div.caption { top:10%;}
#nav ul li a{ padding:0 5px;font-size: 13px;}
.navigation{}
#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%; }
.taoFieldBuilder { width:90%;}
}
@media all and (min-width: 700px) and (max-width: 860px){
section.headmenu { position:absolute; width:100%; }
#nav { line-height:50px;}
#nav ul li a{}
#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:40%;}
.logo img{ max-width:100%; height:auto;}
.head_contact{ position:relative;}
.navigation{ width:65%;min-height: 0;height: auto;position: absolute;bottom: -20px;right: 0;}
header.mainheader.fixedmenu .navigation{ position:relative; bottom: 0;z-index: 99;}
}
@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:98%; margin:0 auto; float:none; clear: left;}
#sidemenu ul li.head{ padding: 5px; background: #DDD;}
#sidemenu ul li a{ padding: 5px;}
#footer { position: relative; }
.menuph { float:left; padding: 0 15px;}
/** Header*/
#header, header.mainheader.fixedmenu{ width: 100%; position: relative; border: 0; height: auto; transition: none; padding: 0;}
section.logo{ width:auto; position: relative; float: left;}
.logo img{ max-width:none; max-height: 70px; width: auto; height: auto;}
.navigation{ width: 100%; height: auto; min-height: 0; position: static; float: none;}
.head_contact{ width: 98%; position: relative; top:0; left:0; right: auto; clear: both; float: none; padding: 1%; margin: 5px auto;}
.head_contact h4{ text-align:center; display:block; }
.head_contact h4 br{ display:none; }
.srchblk{ width: auto; top: 0; clear: none;}
section.headmenu{ position:relative; width:100%; }
#top_nav { float:left; clear: none;}
.sliderContent div.base div.caption { top:10%; width:auto;}
.sliderContent div.base img { height: auto; max-width: 100%; }
/*page headers*/
.pagecontent.margin_top { margin: 0; top:0; }
.flwdth.pageheader{ padding: 95px 0; background-size: cover;}
.pagetitle{ width:96%; padding:0; border-width: 3px;}
.sbpgbanner{ height:auto; }
/* navigation */
header.mainheader.fixedmenu nav#nav { top:0;}
nav#nav{ z-index:99; position: relative; float: right;}
.topheader nav#nav { height: auto; overflow: visible; z-index: 15; line-height:50px;}
#nav ul { float: none; position: absolute; right: 5px; top: 35px; z-index: 122; background: #9a9d80; display: none; width:280px; box-shadow: .5px 1px 3px rgba(85, 85, 85, 0.7);}
#nav ul li { float: none; background: #9a9d80; border: 0; border-bottom: 1px solid #9a9d80; text-align: left; }
#nav ul li a { display: block; color: #FFF; line-height: 30px; font-size: 100%; padding: 5px 7px;}
#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: #FE8906; text-decoration: none;}
#nav ul li > ul { display: block; position:relative; top:0; left: 0; min-width: 90%; margin-left: 0; width: 100%;}
#nav ul li > ul > li a { padding: 5px 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: #9a9d80; border:0; box-shadow:none; top:0; color: #FFF !important;}
#nav ul li > ul > li:last-child{ margin-bottom:1px;}
#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 > ul li > ul{ position:relative; left:0; background: none;}
#nav ul li:hover > a, #nav ul li a:hover { background: #fe8906; color: #FFF;}
#nav ul li > ul > li:hover a, #nav ul li > ul > li a:hover{ background: #FE8906; }
#nav:hover ul { display: block; }
#nav ul li.contact{ margin:0;}
#nav ul li.home a { font-size: 14px; background:none; width:auto;}
#nav ul li.home a:hover { font-size: 14px; background:#FE8906; width:auto; }
/* mobile nav glyph */
.navigate { display: block; text-align: right; font-size: 1.2em; /* float: right; */ line-height: 40px; height: 40px; width: 100px; padding: 0 10px; clear: both;}
.navigate a { display: block; color: #FFF; cursor: pointer;}
.navigate a span{display: inline-block;vertical-align: middle;margin: 0 1%;font-size: 70%;color: #FE8906;}
.navigate a span.glyph{ width: 35%; height: 5px; background: #FE8906; position:relative; }
.navigate a span.glyph:before, .navigate a span.glyph:after{ content:" ";display: block; height:5px; width: 100%; position: relative; background: #FE8906; top: -10px; left:0;}
.navigate a span.glyph:after { bottom: -5px; top: auto;}
/* Page styles */
.fbblk { width: 45%; /* min-height: 200px; */ float: left;}
.fbblk .footlogo { width: 300px; padding: 0;}
#footnav{ margin: 10px auto; padding: 0;}
#footnav ul li {float: none; }
.copyright { clear:both; }
.webform .fieldrow{text-align:center;}
.webform .fieldrow .fieldlabel, .webform .fieldrow .fieldval { text-align:left;}
.quoutes, #social { width: 90%; max-width: none; display: block; margin: 0 auto; padding: 10px 0; text-align: center; border: 0;}
.quoutes .quotation{ border:0;}
.quoutes .quotation > * { text-align:center; }
.singlecol{ width:100%; padding: 0;}
.taoFieldBuilder {width: 100%;margin: 5px 0;}
.tafb_row .fcol.tfbact, .taoFieldBuilder .head .fcol.tfbact {width:14px;padding:0;margin: 2px;}
.taoFieldBuilder a.tfbdel, .taoFieldBuilder a.addAct{ padding:0; }
}
/* 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; }
.hmtab .img { height: 140px;}
.copyright .container { min-width: 94%; width: 94%; padding: 0% 1%; margin: auto;}
#wrapper, .container { min-width: 100%; width: 98%; }
#rgtprt { width: 98%; padding: 1%; margin: 9px auto; float: none; }
#rgtprt { width: 98%; float: none; margin: 0px auto;}
#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;}
.head_contact h4 br{ display:block;}
section.logo{}
#socialmenu li a{ width: 40px; height:40px; margin: 1px;}
nav#nav{}
}
@media all and (min-width: 0px) and (max-width: 550px){
#top_nav ul li a { padding: 0 5px;}
#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, #footer h3{ width: 98%; float:none; min-height: 0; clear: both; margin: 0 auto; text-align: center;}
.fbblk .footlogo{ width:auto;}
.fbblk .footlogo img{ float:none; margin: 15px 0;}
.footabout { display: none; }
.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;}
.addr { width: 94%; margin: 1% 3%; }
.sociolinks { display: block; clear:both; width: 98%;text-align: left; float: none; margin: 1%; padding: 2em 1em 4.5em 1em ; vertical-align: top; }
.sliderContent div.base div.caption { width: 38%; right: 0%; bottom: 0%; }
.slidebg { height: 240px; position: relative; z-index: 0; }
.hblock {border-bottom: 1px dashed #EEC402; }
#slides { }
.sliderContent { color: #CCC; }
.slidebg div.container{ height:;}
.sliderContent div.base { width: 100%; left: 0;}
.sliderContent div.base div.caption { width: 96%; font-size: 0.82em; left: 0; right: 0;}
.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;}
#header{ margin:0; padding: 0;}
.head_contact{}
section.logo{ margin: 0; position: relative; float: none; text-align: center;}
.logo h4{ text-align:center; margin: 0;}
.navigation{ position:relative; text-align: right; margin-bottom: 5px;}
nav#nav{ margin: 0; float: none;bottom: 0; text-align: right;}
.navigate{ display: inline-block;}
div.loglnks{ margin:0px auto;}
#top_nav{ text-align:center; margin: 5px auto;}
.srchblk{ display: none;}
.logo img{ height: auto; max-height: none; max-width: 98%;}
.hmbox{ width: 96%; float:none; margin:0px auto; padding: 0;}
.hmstrbox{ width:95%; min-height:30px; border:0!important;}
.webform .fieldrow { margin:3px 0; padding:0;}
.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;}
.fieldrow .fieldval input[type=text],
.fieldrow .fieldval input[type=password],
.fieldrow .fieldval input[type=url],
.fieldrow .fieldval input[type=number],
.fieldrow .fieldval input[type=email],
.fieldrow .fieldval input[type=tel],
.fieldrow .fieldval select,
.fieldrow .fieldval textarea{ width: 90%; }
.fieldrow .fieldval textarea { max-width:90%;}
.fieldrow .fieldval select { width:93%;}
#hmcont { text-align:center;}
#hmcont p{ text-align:left; }
#hmcont .hm_img, #hmcont .hm_txt { display:block; width:auto; margin:5px auto;}
.hmcnt img{ float:none; margin:0 auto; max-width:100%; }
/*FieldBuilder*/
.taoFieldBuilder .head .fcol{ display: none;}
.taoFieldBuilder .head .fcol.tfbact {width: 100%;text-align: left;}
.taoFieldBuilder .head .fcol.tfbact a {width: 36px;padding:2px;margin: 5px;float:right;text-align: center;}
.taoFieldBuilder .head .fcol.tfbact:before {content: "click '+' to add more rows";font-size:14px;font-weight:normal;}
.taoFieldBuilder .tafb_row {text-align:left;border-bottom: 1px dotted #666;padding-bottom: 10px;}
.taoFieldBuilder .tafb_row .fcol {display:inline-block;vertical-align: top;width: 85%;margin: 0;}
.taoFieldBuilder .tafb_row .fcol.phonenumber_col, .taoFieldBuilder .tafb_row .fcol.yearsknown_col{width: 42.5%;}
.taoFieldBuilder .tafb_row .fcol.phonenumber_col input, .taoFieldBuilder .tafb_row .fcol.yearsknown_col input{ width:86%;}
.taoFieldBuilder .tafb_row .fcol input{width: 93%;padding: 4px;margin: 0;}
.taoFieldBuilder .tafb_row .fcol.name_col:before{content:"Name";font-size: 13px;margin:0 5px;color: #777;}
.taoFieldBuilder .tafb_row .fcol.phonenumber_col:before{content:"Phone Number";font-size: 13px;margin:0 5px;color: #999;}
.taoFieldBuilder .tafb_row .fcol.yearsknown_col:before{content:"Years Known";font-size: 13px;margin:0 5px;color: #999;}
.tafb_row .fcol.tfbact {width: 14%;display:inline-block;vertical-align: top;text-align:right;/* height: 105px; */margin-top: 0;/* float: right; */}
.tafb_row .fcol.tfbact a{display: inline-block;width: 90%;text-align:center;padding: 2px;}
}
@media all and (min-width: 0px) and (max-width: 479px){
.logo img {}
.logo h4{ font-size: 1.3em;position: relative;}
#top_nav ul li a { padding: 0 5px; font-size: .8em;}
#rgtprt .box { width: 80%; }
section.logo{ padding: 0;}
.navigation{ height: 100%;}
header.mainheader.fixedmenu nav#nav { top:0;}
nav#nav{ /* position:absolute; */ /* right:0; */ /* bottom:0; */ }
#nav ul{ top: 37px; }
.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; }
.slidebg {height: 360px !important;}
.sliderContent { float:none; clear:both;}
.sliderContent div.base .img { position:relative;width: 100%;height: auto;}
.slidebg div.container{ height: auto ;}
.sliderContent div.base div.caption {width:100%; float:none; clear:both; right: 0%; bottom: 0%; }
.taoNav { position:relative;bottom: auto;float: none;clear: both;margin-top: -25px;}
.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){
.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:center; }
}
/* 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%; }
}