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;}
/* 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: #AC3024;}
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-weight: normal; color: #561812; 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: #2F417E; 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;}
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.pad {padding: 25px; padding-bottom: 180px; }
.divider { margin: 15px 0; padding: 15px 0; 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: #81241B; color: #FFF; position: relative; line-height:1.6em; font-size:.8em; border-top: 1px solid #561812;}
.container { width: 84%; position: relative; margin: 0 auto; height: auto; max-width: 1400px }
#leftprt{ width: 27%; float: left; padding: 10px 1%;}
#rgtprt { width: 70%; float: right; margin: 0; padding: 10px 0;}
#rgtprt h2{ margin: 10px 5px; display: block;}
.row_block{ width:100%; margin:0 auto; padding:0;position:relative;}
.row_block:after{ content:""; display:table; clear: both;}
.fullbox{ width:97%; margin:1%; padding:.5%;}
.half_box { width:47%; margin:1%; padding:.5%; float:left; position:relative;}
.third_box { width:30%; margin:1%; padding:.5%; float:left; position: relative;}
.small_box{ width:22%; margin:1%; padding:.5%;float:left;}
.fullbox img, .half_box img, .third_box img, .small_box img { max-width:100%;}
.title { position:relative; padding: 5px 0;}
.title h3 { margin:0; z-index: 2; display: inline-block; position: relative; max-width: 1400px; color: #EA9F53;}
.title h3:before { content:" "; position:absolute; z-index: 1; display: block; width: 40%; left: -45%; top:0; bottom:0; margin:auto; height:1px; background: rgb(234, 159, 83);}
.title h3:after { content:" "; position:absolute; z-index: 1; display: block; width: 40%; left:auto; right: -45%; top:0; bottom:0; margin:auto; height:1px; background: rgb(234, 159, 83);}
/*fixed menu*/
.mainheader.fixedmenu { position:fixed; z-index: 99; padding: 0; background: #AC3024;}
.mainheader.fixedmenu .logo img { height: 55px;}
.mainheader.fixedmenu nav#nav { height:100%;}
.mainheader.fixedmenu #nav ul {}
.mainheader.fixedmenu #nav ul li > ul{ line-height:25px;}
.page_content.margin_top { margin-top: 172px;}
/*sub page */
/*header */
header h1 {display:none;}
header.mainheader { position: relative; z-index: 99; width: 100%; padding: 0; top: 0; left: 0; background: #ac3024; }
.logo { float: left; position: relative; width: auto; top: 0; left: 0;}
.logo a {display: block;margin: 0;padding: 0;}
.logo img { margin: 0; max-height: 100%; width: auto; height: 70px; padding: 5px 0;}
.head_contact{ float:right; padding: 5px; }
.head_contact h3 { margin: 17px 0; color: #FFF; font-weight: bold; padding: 5px 5px; padding-left: 45px; background:url(/image/cache/phone.png) no-repeat left center; background-size:contain;}
.head_contact h3 a { color: #FFF; font-weight: bold;}
.head_contact h3 a:hover{ text-decoration:none;}
nav#nav{ height: 40px; position: relative; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fb0; border-top: 1px solid #81241B; border-bottom: 1px solid #000;}
/* footer */
#footer h3 { margin-bottom: 5px; color: #FFF; font-size: 1.2em;}
.fbblk{ float: left; padding: 5px 0; margin: 0 0 6px 0; width: 40%;}
.fbblk .footlogo img {float: left;max-width: 100px;}
.fbblk .footlogo p { text-align:left; }
.fbblk .footlogo a{ color:#FFF;}
#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; }
.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 #AC3024; color: #FFFFFF;}
.copyright span { float: right;}
#privacy ul li { float:left; margin: 0 5px;}
#privacy ul li a{ display:block; color: #FFFFFF; font-size: .85em;}
/*navigation*/
.navigate { display: none; }
#nav ul,#top_nav ul, #mbr_nav ul { padding: 0; list-style: none; line-height: 40px; 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;}
#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{ display: table;}
#nav ul li { display: table-cell; text-align: center; position: relative; }
#nav ul li a { display: block; padding: 0px 15px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; color: #000; font-size: .92em; text-transform: capitalize;}
#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; font-size: 0.87em; line-height: 20px; z-index: 2; width: 200px; position:absolute; height:auto; border:0px; background: #fb0; display: none;}
#nav ul li > ul > li { margin-top: 0px; padding-top: 0px; float: none; position: relative; width: 100%;border: 0px; text-align: left; display: block;}
#nav ul li > ul > li a { padding: 5px 10px; display: block; color: #000; line-height: 1.6em;}
#nav ul li:last-child ul { right: 0px;}
#nav ul li > ul li > ul {position:absolute; left: 100%; top: 0;background: #FB0;display: none;}
#nav ul li > ul li > ul li a {font-size: 1.1em;}
#nav ul li a:hover, #nav ul li.currentitem > a, #nav ul li.currentbranch > a { background: #000; color: #FFF;}
#nav ul li.currentbranch ul li.currentitem { background: none; }
#nav ul li a:hover, #nav ul li:hover > a { text-decoration:none;}
#sidemenu { margin-bottom:10px;}
#sidemenu ul { margin: 0px; padding: 0px; list-style: none; border-right: 1px solid #DDD;}
#sidemenu ul li { margin-bottom:1px; border-bottom: 1px solid #DDD;}
#sidemenu ul li:last-child{ border:none;}
#sidemenu ul li a { display: block; padding: 5px 15px 5px 5px; color: #AC3024; font-size: .9em; }
#sidemenu ul li:hover, #sidemenu ul li a:hover {color: #FFF; background: #AC3024; 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;}
/*Social Menu*/
div.social{ background: #AC3024; text-align: center; margin-top: 15px; padding: 0;}
#social{ /* display: inline-block; */ vertical-align: middle; /* padding: 25px 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: 4px 10px;opacity: .75;}
#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: 1;}
/* ----- Home ----- */
/*Image Slider*/
.slidebg { height: 420px; position: relative; overflow: hidden; max-width: 1800px; margin: 0 auto;}
.slidebg div.container { position: absolute; height: 100%; left: 0; right: 0;}
#slides { height: 100%; position: absolute; top: 0px; width: 100%; }
.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: relative; 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: 60%; text-align: center; padding: 1.5%; color: #333; font-size: 1.12em; background: rgba(255, 255, 255, 0.32); border: 1px solid#FFF; z-index: 10; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none;}
.sliderContent div.base.slShow div.caption { display:block; }
.sliderContent div.base.slShow div.caption h2{ margin: 0 0 10px 0; padding: 3px; font-style: normal; text-align: center; color: #EA9F53; font-size: 1.6em;}
.sliderContent div.base.slShow div.caption h3{ padding: 3px; font-weight: normal; text-align: left; font-size: 2em;}
.sliderContent div.base.slShow div.caption a{ font-size: 1.1em; text-align: center; padding: 7px 20px; margin: 0; border: 1px solid #EA9F53; background: #EA9F53; color: #FFF; display: inline-block;}
.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: #2FA497; color: #2FA497; }
.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;}
/* Home Page */
/*Partner and join block*/
.row_block.Home_header{ padding: 110px 0; background: #060E11 url(/image/cache/slide_01.jpg) no-repeat center center; /* background-size: cover; */ text-align: center;}
.row_block.Home_header h2 { color:#FFF; font-weight: 100; font-size: 3em; text-transform: uppercase;}
.row_block.Home_header h3 { color:#FFF; font-weight: 400; font-size: 2.2em; text-transform: uppercase; margin: 0;}
/*home news links*/
.boxhd { text-align:center; overflow:hidden; background: #EA9F53; padding: 2%;}
.boxhd .nwslnk { width: 98%; margin: 0 auto; padding: 1%; text-align:left; border-bottom: 1px solid #C36B3D;}
.boxhd .nwslnk:last-child{ border:0;}
.boxhd .nwslnk a { display:block; color: #81241B;}
.boxhd .nwslnk p { margin:0; width:100%; color: #000;}
.boxhd .nwslnk p em { font-size:.90em;}
/* 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: #2F417E;
color: #FFF; display: inline-block; vertical-align: middle;}
.srchblk input[type=submit]:hover{ background: #EA9F53;}
/* 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 { color: #FFF; margin: 0; font-size: 0.68em;display: block;line-height: 25px;}
.hmstrbox .box.nwsblk .nwsimg { float:left; padding:5px 5px 0 0; margin:0 5px 0 0;}
.hmstrbox .box.nwsblk p { color:#FFF; font-size:1.1em;}
.hmstrbox .box.nwsblk p span a { color:#FFF; font-size:1.2em;}
.news div.article { border-bottom: 1px dashed #C36B3D; 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; }
.splitright a { }
/*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 { font-size: 1.5em; display: block; color: #204483; width: 95%; padding: 2px 5px; border-bottom: 3px solid #204483; }
.fieldrow { width : 100%; margin: 3px 0; clear: both; padding: 3px 0; }
.fieldrow .fieldlabel { width: 30%; display: inline-block; vertical-align: top; }
.fieldrow .fieldval { width: 65%; display: inline-block; vertical-align: top; }
.fieldrow .fieldval textarea { width: 80%; height: 100px;}
.fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=email] { width: 75%;}
.fieldrow .fieldval input[type=radio] { width: 15px; min-width: 15px;}
.field_desc {font-style: italic; color: #999; line-height: 1.4em; padding: 0 3px; font-size: 0.87em; margin-bottom: 10px; clear: both; }
.fieldgroup_desc {font-style: italic; color: #999; line-height: 1.4em; padding: 0 15px; font-size: 0.87em; margin-bottom: 10px; }
.group_nogroup_label,.group_nogroup_tr { display: none; }
#form_21_post .fieldrow .fieldlabel { width: 50%; }
#form_21_post .fieldrow .fieldval { width: 50%; }
#form_21_post .fieldrow .fieldval .ratinghold{ float:left; display:block; margin:0 5px; }
.webform .fieldrow { padding: 5px 0; }
.webform .fieldrow .fieldlabel { display: inline-block; width: 48%; margin: 0 0.5%; }
.webform .fieldrow .fieldval { display: inline-block; width: 40%; 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: #FFFFFF; padding: 5px 1%; font-size: 1.2em; margin:20px 0 5px 0; }
.webform .group_nogroup_label { display: none; }
.webform .fieldrow .fieldlabel{ font-size:1.1em;}
.webform .fieldrow .fieldlabel sup,#adpost .fieldrow .fieldlabel sup{ color:red; margin-left:5px;}
.memfrm .fieldrow { padding: 5px 0;}
.memfrm .fieldgroup_label { font-size: 1.7em; color: #616161; margin-bottom: 20px; border-bottom: 1px solid #A0A0A0; border-top: 1px solid #A0A0A0; padding: 15px 10px; display: block; }
.memfrm .fieldrow .fieldval textarea{ width:90%; min-height: 60px;}
.fieldrow .fieldval select{ width:88%; padding: 6px 5px;}
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 a:hover, #calendar_paging_links span a:hover, #form_paging_links span a:hover, #paging_links span a:hover, .gallery_paging_links span a:hover { text-decoration: none; color: #000; }
/*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:100%; padding: 0px 25px;}
.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%;}
.sliderContent div.base img { height:100%; width:auto: }
.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 {}
.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%; }
.pagebr { padding: 0; }
}
@media all and (min-width:750px) and (max-width:990px){
.sliderContent div.base img { height:100%; width:auto; }
#nav ul{margin:0px auto;}
.nwsitm .nws p{ width:100%;}
.nwsitm img { width:95%; }
#social{ }
#rgtprt { width: 66%;}
#leftprt { width: 31%; padding: 10px 0;}
}
@media all and (min-width: 700px) and (max-width: 860px){
section.headmenu { position:absolute; width:100%; }
#nav { line-height:50px;}
.sidelbk.news{ height:auto; min-height: 230px;}
.footabout { display: none; }
#rgtprt .box { float: left; width: 210px; }
.boxhd div.date { float:left; }
.boxhd p { width: 70%;}
}
@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;}
#rgtprt, #leftprt { width:98%; margin:0 auto; float:none; clear: left;}
#footer { position: relative; }
#header{ width: 100%; position: relative;}
.head_contact, .logo {width:100%; float:none; margin:0 auto; text-align:center;}
.head_contact{ margin:10px 0; width: auto;}
.head_contact h3{margin: 0px; text-align:center;display: inline;}
section.headmenu{ position:relative; width:100%; }
#top_nav { float:left; clear: none;}
.srchblk{ width: auto; top: 0; clear: none;}
.row_block.Home_header{ background-size: cover; background-position: right center;}
.row_block.Home_header h2{ font-weight:300; font-size: 2em; text-shadow: 0 0 3px #333;}
.navigate a { display: block; color: #FFF; }
nav#nav{ z-index:99; height: 50px; cursor: pointer;}
#nav ul { float: none; position: absolute; right: 0; top: 41px; z-index: 122; background: #AC3024; display: none; width: 270px;}
#nav ul li { float: none; border: 0; text-align: left; display: block;}
#nav ul li a { display: block; color: #FFF; line-height: 30px; font-size: 100%; padding: 5px 10px; background: none;}
#nav ul li.currentitem a, #nav ul li.currentbranch a,#nav ul li.currentitem a, #nav ul li.currentbranch a { color:#FFF; background: none;}
#nav ul li a:hover{ color:#FFF; background: #000000; text-decoration: none;}
#nav ul li > ul { display: block; position:relative; top:0; left: 0; min-width: 90%; margin-left: 0; width: 100%; background: none;}
#nav ul li > ul > li a { padding: 5px 10px; 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 { border:0; box-shadow:none; top:0; color: #FFF;}
#nav ul li ul { padding: 0; z-index: 0; position: relative; top: 0; right: 0; width: auto;}
#nav ul li > ul{ display:block; position: relative;}
#nav ul li ul li a { padding-left:20px;}
#nav ul li > ul li > ul{ position:relative; left:0; background: none;}
#nav ul li > ul > li:hover, #nav ul li:hover{ /* background:none; */ }
#nav:hover ul { display: block; }
#nav ul li.currentbranch ul li.currentitem { background: none; }
.navigate { display: block; text-align: right; font-size: 1.2em; }
.navigate { display: block; text-align: right; font-size: 1.2em; float: right; line-height: 50px; height: 50px; width: 100px;}
.navigate a { display: block; color: #2F417E; cursor: pointer; text-align: right;}
.navigate a span{float: left;display: inline-block;vertical-align: middle;width: 48%;margin: 0 1%;font-size: 80%;text-align: center;color: #AC3024;}
.navigate a span.glyph{ width: 35%; height: 5px; background: #AC3024; position:relative; float: none;}
.navigate a span.glyph:before, .navigate a span.glyph:after{ content:" ";display: block; height:5px; width: 100%; position: relative; background: #AC3024; top: -10px; left:0;}
.navigate a span.glyph:after { bottom: -5px; top: auto;}
.hmnws { width: 30%; padding:10px;}
.nwsitm h2 {font-size: 1.1em;}
.nwsitm .nws p { font-size:.9em; width: 100%;}
.fbblk { width: 45%;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;}
#social { max-width: none; display: block; margin: 0 auto; padding: 10px 0; text-align: center; border: 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%;}
#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: 96%; }
#rgtprt { width: 98%; padding: 1%; margin: 9px auto; float: none; }
#rgtprt { width: 98%; float: none; margin: 0px auto;}
.container { min-width: 98%; padding: 0; margin: 0px auto; }
.sliderContent div.base div.caption{ width:auto;}
#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;}
}
@media all and (min-width: 0px) and (max-width: 550px){
.logo img { max-width:100%;}
#top_nav ul li a { padding: 0 5px;}
#rgtprt .box { width: 80%; }
.sidelbk{ width: 94%; float:none; margin: 10px auto; }
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;}
.copyright{ text-align: left; }
#privacy,.copyright span { float:none; text-align: left; width: 90%; clear: both; margin: 5px 0;}
.sliderContent div.base div.caption { width: 38%; right: 0%; bottom: 0%; }
.slidebg { height: 240px; position: relative; z-index: 0; }
#slides { height: 230px; }
.sliderContent { color: #CCC; height: 470px; }
.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;}
.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 auto; width: 94%; float: none; margin-bottom: 20px;}
#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%; }
}
@media all and (min-width: 0px) and (max-width: 479px){
.logo img { height:auto;}
.logo h4{ font-size: 1.3em;}
#top_nav ul li a { padding: 0 5px; font-size: .8em;}
#rgtprt .box { width: 80%; }
section.logo{ float:none; clear:both; margin: 0;}
.sbpgbanner { height:auto; text-align:center;}
.sbpgbanner .sbimg { float:none; text-align:center;}
.sbpgbanner .sbimg img { width:98%;}
.sbpgbanner .sbimg h3 {text-align:center; }
.footnav { width: 94%; }
.footnav ul { width: 98%; padding: 0; margin: 0; }
.footnav ul li { width: 98%; padding: 0; margin: 0; }
.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%; }
.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%; }
}
@media all and (min-width: 0px) and (max-width: 350px){
.srchblk{ margin:10px auto;}
#socialmenu li a{ width: 32px; height:32px; margin: 1px;}
}
/* 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%; }
}