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: #000; background: #FFF; }
.boxhd {
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: #2F417E; font-weight: 400;}
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-weight: normal; color: #800000; text-align: left; font-family: 'lato', sans-serif; font-weight: 700; margin: 10px 0; 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; }
.contentimg { margin: 2px 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: #2F417E; color: #FFF; position: relative; line-height:1.6em; font-size:.8em; /* border-top: 1px solid #EDCCAA; */}
.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;}
#conblk .container, #hmcont .container {/* background: rgba(255, 255, 255, 1); */ /* border: 1px solid #FFF; */}
#leftprt{ width: 28%; float: left; padding: 0;}
#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%; display: inline-block; vertical-align: top; position:relative;}
.third_box { width:30%; margin:1%; padding:.5%; display: inline-block; vertical-align: top; /* 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;}
.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);}
#social .title h3{ color:#FFF; }
#social .title h3:before, #social .title h3:after { background:#FFF;}
/*fixed menu*/
.mainheader.fixedmenu {position:fixed;z-index: 99;padding: 0;background: #F3F1EC url(/image/cache/header.png) no-repeat left center;border-bottom: 1px solid #A62A2A;}
.mainheader.fixedmenu .logo img { height: 65px; width: auto;}
.mainheader.fixedmenu nav#nav { height:100%;}
.mainheader.fixedmenu #nav ul { line-height: 71px;}
.mainheader.fixedmenu #nav ul li > ul{ line-height:25px;}
.mainheader.fixedmenu #nav ul li.home a,.mainheader.fixedmenu #nav ul li.email a{ height:71px;}
.page_content.margin_top { margin-top: 172px;}
/*header */
.page_content{ margin-top: 117px;}
header#tophead { position: absolute; right: 0; width: 50%;}
header h1 {display:none;}
header.topheader { position: relative; z-index: 10;color: #FFF; background: #0091A8;}
header.mainheader { position: fixed; z-index: 99; width: 100%; padding: 5px 0; top: 0; left: 0; background: #FFF url(/image/cache/header.png) no-repeat left center; border-bottom: 1px solid #EDCCAA;}
.logo { float: left; position: relative; width: 360px; top: 0; left: 0;}
.logo a {display: block;}
.logo img { margin: 0; max-height: 100%; width: auto; height: 100px;}
section.headmenu{ float: right; height: 100%; text-align: right; width: 80%;}
section.mainnav { position:relative; float: right; width: 100%;}
.topmenu { position: relative; top: 0; width: 100%; height: 100%;}
nav#nav{ height: 50px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
.navigation{float: right; }
.no_slidebg { width: 100%; height: 80px; background: #AA112D; }
.sbpgbnr { overflow:hidden;}
.head{ height: 100%; position: relative;}
.mbrlnks{ float: right; display: block; width: 24%;}
/* footer */
.fbblk{ float: left; padding: 5px 0; margin: 0 0 6px 0; width: 50%;}
.fbblk .footlogo a{ color:#FFF;}
.fbblk .footlogo img {width: 210px;float: left;margin: 8px 15px 15px 0;}
.fbblk .footlogo div { text-align:left; font-weight:400; }
.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; }
.footcredits a { color:#DDD;}
.footcredits{ float: left; width: 53%; min-height:210px; padding: 0; background: url() no-repeat left top; background-size: 50%; border-right:1px solid #222; box-shadow:1px 0px 0px #444; -webkit-box-shadow:1px 0px 0px #444; -moz-box-shadow:1px 0px 0px #444; -ms-box-shadow:1px 0px 0px #444; -o-box-shadow:1px 0px 0px #444;}
.footcredits .footlogo { width: 48%; /* min-height: 210px; */ display: block;}
.footcredits .footadr { width: 50%; padding:30px 0 ; float:right;}
.addr { float: right; margin-bottom: 10px;}
#footer h3 { margin-bottom: 5px; color:#DDD; 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: both; padding: 15px 0; padding-bottom: 0; margin: 10px 0; border-top: 1px solid #3E4F88; 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: 50px; 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; float: right;}
#nav ul li { float:left; text-align: center; position: relative; }
#nav ul li a, #nav ul li span { display: block; padding: 0px 12px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; color: #2F417E; font-size: 1em; text-transform: uppercase; font-weight: 400;}
#nav ul li span{ cursor:pointer;}
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav > ul > li:hover {border-bottom: 1px solid #901414;}
#nav ul li > ul { display: none; padding: 0; margin: 0px; text-align: left; list-style: none; display: none; font-size: 0.87em; line-height: 20px; z-index: 2; width: 260px; position:absolute; top: 100%; margin-top: 1px; height:auto; border:0px; }
#nav ul li > ul > li { margin-top: 0px; padding-top: 0px; float: none; position: relative; width: 100%;border: 0px; text-align: left; }
#nav ul li > ul > li a { padding:7px 10px; display: block; color: #FFF; font-size: .92em;}
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover { background: #2F417E; filter: none; }
#nav ul li > ul > li.partners { margin:0; padding: 0;}
#nav ul li > ul > li.partners a {background: #A62A2A;}
#nav ul li > ul > li.partners a:hover { background: #2F417E; }
#nav ul li:last-child ul { right: 0px;}
#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:#2F417E;}
#nav ul li > ul li > ul li a:hover, #nav ul li > ul li > ul li:hover { background: #2F417E; }
#nav ul li.currentitem a, #nav ul li.currentbranch a {background: #800000;color: #FFFFFF;}
#nav ul li.currentbranch ul li.currentitem { background: none; }
#nav ul li span:hover, #nav ul li:hover span, #nav ul li a:hover, #nav ul li:hover a {color: #FFF;background: #800000;text-decoration: none !important;}
#nav ul li.home span{ display:none;}
#nav ul li.home a { display:block; font-size: 0; width: 40px; height: 50px; background: url(/image/cache/home.png) no-repeat center center; background-size: 40%;}
#nav ul li.home a:hover, #nav ul li.home:hover a {background: #800000 url(/image/cache/_home.png) no-repeat center center;background-size: 40%;}
#nav ul li.email a {display:block;font-size: 0;width: 45px;height: 50px;background: url(/image/cache/email_con.png) no-repeat center center;background-size: 40%;}
#nav ul li.email a:hover, #nav ul li.email:hover a {background: #800000 url(/image/cache/email_con-white.png) no-repeat center center;background-size: 40%;}
#sidemenu { margin-bottom:10px;}
#sidemenu { }
#sidemenu ul { margin: 0px; padding: 0px; list-style: none; }
#sidemenu ul li { margin-bottom:1px;}
#sidemenu ul li a { display: block; padding: 10px 15px; color: #FFF; font-weight:400; background: #EA9F53;}
#sidemenu ul li:hover, #sidemenu ul li a:hover {color: #FFF; background: #2F417E; 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;}
.leftlnk, .leftlnk h3 { text-align: center; margin: 0; }
.leftlnk h3 { margin-bottom: 10px; }
.leftlnk { background: #E9EBF3; padding: 15px 0; margin-top: 20px; }
.leftlnk img { height: 70px;}
.leftlnk .small_box.partner{ width: auto; float:none; clear: both;margin: 10px 0;}
/*Social Menu*/
div.social{ background: #EA9F53; text-align: center; margin-top: 15px; padding: 10px 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;}
.hblock {border-bottom: 1px dashed #EEC402; }
.slidebg div.container { position: absolute; height: 100%; left: 0; right: 0;}
.slideing { width: 100%; left: 0; position: relative; }
#slides { height: 100%; position: absolute; top: 0px; width: 100%; }
.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: 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: 40%; text-align: center; padding: 1.5%; color: #333; font-size: 1.05em; background: rgba(255, 255, 255, 0.87); 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; text-shadow: 0px 1px 0px #333;}
.sliderContent div.base.slShow div.caption h3{ padding: 3px; font-weight: normal; text-align: left; font-size: 2em;}
.sliderContent div.base.slShow div.caption a{ font-size: 1.1em; text-align: center; padding: 7px 20px; margin: 0; border: 1px solid #EA9F53; background: #EA9F53; color: #FFF;}
.sliderContent div.base.slShow div.caption div{ /* margin:10px 0; */}
.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: 8px; width: 8px; background: #EA9F53; line-height: 0.7em; color: #EA9F53; cursor: pointer; vertical-align: middle; font-size: 0;}
.taoNav a.active { background: #2F417E; color: #2F417E; }
.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*/
.partners{ padding: 20px 0; border-top: 1px solid #EDCCAA; text-align: center;}
.partners .small_box { width: 17.5%;margin: .5%;}
.partners .small_box img { max-width:90%;}
/*Home Page Caption block*/
.home-caption { background: #EA9F53; color: #FFF; text-align: center; padding: 20px 0; /* margin-bottom: 15px; */ border-bottom: 4px solid #EDCCAA;}
.home-caption * { text-align:center; color: #FFF; font-size: 1.11em; font-weight: 300;}
.home-caption p {font-size: 1.2em;}
.home-caption h4{ margin-bottom:25px; }
.home-caption a.button{ color: #FFF; text-transform: none; font-size:.9em; background: #333;}
/*home news links*/
.boxhd { text-align:center; overflow:hidden; background: #C5CCE4; padding: 2%;}
.boxhd .nwslnk { width: 98%; margin: 0 auto; padding: 1%; text-align:left; border-bottom: 1px solid #E7E7E7;}
.boxhd .nwslnk:last-child{ border:0;}
.boxhd .nwslnk a { display:block; color: #2F417E;}
.boxhd .nwslnk p { margin:0; /* font-size: .7em; */ width:100%; color: #333;}
.boxhd .nwslnk p em { font-size:.90em;}
/* popup form */
#popupform { z-index: 100; display: none; background: #FFF; position: fixed; right: 5px; bottom: 0px; width: 350px; height: 100vh; border: 1px solid #CCC; }
#popupform iframe { border: 0px; height: calc(100vh - 40px); width: 100%; }
#popupform h3 { background: #800000; margin: 0; padding: 8px; color: #FFF; }
#popupform h3 span { float: right; font-size: 0.8em; font-weight: normal; cursor: pointer; width: 20px; }
/* 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;}
#srch{display:none; width: 290px; height: 40px; position:absolute; z-index:10; padding: 10px; border: 1px solid #EEE; background: #FFF; box-shadow: 0px 1px 1px #666; left: -230px;top: 35px;}
/* home 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;}
/*Member Directory module */
.memcnt { padding:5px; width: 47%; float: left; min-height: 125px;}
.memcnt .memnm h3 {margin:0; }
.memcnt .memttl { font-weight:bold;}
.memcnt .memadr, .memcnt .memdtl {}
/*member directory*/
.member-block .member_row { text-align:left; font-weight:400; color:#000; /* min-height: 220px; */ height: auto; font-size: .90em; padding: 1.5%; width: 44%;}
.member-block .member_row h3, .member-block .member_row p{ margin:0; text-align:left;}
.member-block .member_row h3{ font-size: 1.3em; margin-bottom: 2px;}
.member-block .member_row img ~ h3{ display:none; }
.member-block .member_row strong{ font-size:1.1em;}
.member-block .member_row .member_details{ line-height: 1em;}
/*Staff directory*/
.staff-block .staff-row { /* min-height: 300px; */ text-align:center; font-size:.90em;}
.staff-block .staff-row .image{ min-height: 130px; background: url(/image/cache/CCO_M.png) no-repeat center bottom; }
.staff-block .staff-row .image.Female { background: url(/image/cache/CCO_F.png) no-repeat center bottom; }
.staff-block .staff-row .image img { padding:3px; border:1px solid #EEE; max-width: 96%;}
.staff-block .staff-row .details { padding:5px; color: #2F417E; font-weight: 400;}
.staff-block .staff-row p{ margin:0;}
.staff-block .staff-row h4 { text-align:center; margin:0;}
.staff-block .staff-row strong{ margin-bottom:5px; display:block;}
/* news */
.news div.article { border-bottom: 1px solid #E5E5E5; padding: 8px 5px; }
.news div.article h2 { font-size: 1.2em; }
.news div.article h2 a { color:#333; font-weight:bold;}
.news div.article img{ margin: 10px; float: left;}
.newsind img { width: 60%; margin: 0 2%; float:left;}
.splitleft, .splitright { display: inline-block; vertical-align: top; }
.splitright { text-align: right; float: right;}
.splitleft em, .splitright a { font-size:.95em; text-transform: capitalize;}
.splitleft em { color: #828282;}
.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 { 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 */
div.paging{ text-align:right;}
#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: #EA9F53;}
#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: #EA9F53;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:100%;}
.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 { }
#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 15px; min-width: 4%; font-size: 100%; font-weight: 500;}
.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{ margin: 5px 0; background: #FFF;}
.pagebr { padding: 0; }
}
@media all and (min-width:750px) and (max-width:990px){
.slidebg{/* height: 340px; */ }
.sliderContent div.base img { }
#nav ul li a{ padding: 0 6px;}
.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%; }
.staff-block .staff-row{ width:44%;}
}
@media all and (min-width: 700px) and (max-width: 860px){
.logo{ width: 45%;}
.logo img{ height:auto; width:100%;}
section.headmenu { position:absolute; width:100%; }
#nav { line-height:50px;}
#nav ul li a{ font-size: 95%;}
#rgtprt { margin-bottom: 20px; }
.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%;}
.fbblk{ width:auto;}
}
@media all and (min-width: 0px) and (max-width: 750px){
.logo{ width: 45%;}
.logo img{ height:auto; width:100%;}
.sidelbk { width: 43%; display: inline-block; margin: 0 5px; height: auto; vertical-align: top; text-align: left;}
#leftprt, #rgtprt { width: 100%; margin: 10px auto; padding: 0; float:none; clear: left;}
#footer { position: relative; }
.menuph { float:left; padding: 0 15px;}
#header{ width: 100%; position: relative;}
.page_content, .page_content.margin_top{ margin:0;}
.flwdth.pageheader { margin-top:0; }
.sbpgbanner{ height:auto; }
section.headmenu{ position:relative; width:100%; }
#top_nav { float:left; clear: none;}
.cenbg {width: 25%; float:right;}
.srchblk{ width: auto; top: 0; clear: none;}
nav#nav{ z-index:99; top: 25px; height: auto;}
.topheader nav#nav { height: auto; overflow: visible; z-index: 15; line-height:50px;}
.partners .small_box { width: 44%;}
.title h3{}
.title h3:before, .title h3:after{ width: 20%;}
.title h3:before { left: -20%;}
.title h3:after{ right: -20%;}
#nav ul { float: none; position: absolute; right: 0; top: 41px; z-index: 122; background: #EA9F53; display: none; width:280px;}
#nav ul li { float: none; background: #EA9F53; border: 0; border-bottom: 0; text-align: left; }
#nav > ul > li:hover{ border:none;}
#nav ul li a { display: block; color: #FFF; line-height: 25px; font-size: 13px; padding: 5px 10px;}
#nav ul li.currentitem a, #nav ul li.currentbranch a { color:#FFF;}
#nav ul li a:hover{ color:#FFF; background: #2F417E; text-decoration: underline;}
#nav ul li > ul { display: block; position:relative; top:0; left: 0; min-width: 90%; margin-left: 0; width: 100%; margin:0;}
#nav ul li > ul > li a { padding: 5px 10px; margin:0; font-size: 13px;}
#nav ul li > ul, #nav ul li > ul li, #nav ul li > ul li a, #nav ul li > ul li > ul li a { background: #EA9F53; border:0; box-shadow:none; top:0; 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.home a,#nav ul li.email a{ background:none; font-size: 1em; width: auto; height: auto;}
#nav ul li.home:hover a, #nav ul li.home a:hover,#nav ul li.email:hover a, #nav ul li.email a:hover { background:none; background-color: #2F417E;}
.mainheader.fixedmenu #nav ul{ line-height:25px;}
.mainheader.fixedmenu #nav ul li.home a{ height:auto;}
#nav:hover ul { display: block; }
.navigate { display: block; text-align: right; font-size: 1.2em; }
.navigate { display: block; text-align: center; font-size: 1.2em; float: right; line-height: 30px; width: 50px; height: 30px;}
.navigate a { display: block; color: #2F417E; cursor: pointer; }
.navigate a span{display: inline-block;vertical-align: middle;width: 48%;margin: 0 1%;font-size: 80%;text-align: center;color: #2F417E;}
.navigate a span.glyph{ height: 5px; margin: 0 auto; margin-top: 22%; background: #2F417E; position:relative; }
.navigate a span.glyph.dot{ width:5px;}
.navigate a span.glyph.line{ width: 30px;}
.navigate a span.glyph:before, .navigate a span.glyph:after{ content:" ";display: block; height:5px; width: 100%; position: relative; background: #2F417E; top: -10px; left:0;}
.navigate a span.glyph:after { bottom: -5px; top: auto;}
.navigate:hover a { text-decoration:none;}
#top_nav ul li > ul{ right:0;}
.hmnws { width: 30%; padding:10px;}
.nwsitm h2 {font-size: 1.1em;}
.nwsitm .nws p { font-size:.9em; width: 100%;}
.footcredits { width:90%; float: none; margin: 10px auto; padding-bottom:2px; border-right:0; background-size: 42%; border-bottom:1px solid #222; box-shadow:0px 1px 0px #444; -webkit-box-shadow:0px 1px 0px #444; -moz-box-shadow:0px 1px 0px #444; -ms-box-shadow:0px 1px 0px #444; -o-box-shadow:0px 1px 0px #444;}
.fbblk { width: 70%; float: left;}
.fbblk .footlogo { padding: 0;}
#footnav{ margin: 0px auto; padding: 0; clear: right;}
#footnav ul li {float: none; }
.copyright { clear:both;}
.webform .fieldrow{ text-align:center;}
.webform .fieldrow .fieldlabel, .webform .fieldrow .fieldval { text-align:left;}
}
/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 699px){
body, html { max-width: 690px; min-width: 0; width: 100%; padding: 0px; margin: 0px; }
.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: 96%; }
#rgtprt { width: 98%; padding: 1%; margin: 9px auto; float: none; }
#rgtprt { width: 98%; float: none; margin: 0px auto;}
.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;}
.logo img{ max-width:80%;}
#top_nav{ position:relative;}
#socialmenu li a{ width: 40px; height:40px; margin: 1px;}
.staff-block .staff-row{ width: 44%;}
}
@media all and (min-width: 0px) and (max-width: 550px){
.half_box, .third_box, .staff-block .staff-row, .member-block .member_row{ width: 97%;float:none; clear:both; margin: 0 auto;}
.third_box.top_story{ text-align:center; }
.third_box.top_story img{ max-width:80%;}
#top_nav ul li a { padding: 0 5px;}
#rgtprt .box { width: 80%; }
#rgtprt iframe{ width:98%; }
.sidelbk{ width: 94%; float:none; margin: 10px auto; }
.title h3:before, .title h3:after{ display:none;}
.fbblk, .fbblk .footlogo, .fbblk .footlogo div, .copyright, .copyright ul{ text-align:center; width:auto;}
.fbblk, .fbblk .footlogo img{ float:none; margin: 0;}
#footnav, #privacy ul li{ width:auto; float:none; clear:both;}
#footnav ul { padding:0; text-align:center; margin: 15px auto;}
#footnav ul li { margin:0; width: auto;}
#privacy ul li a{ display:inline;}
#privacy,.copyright span { float:none; text-align: left; width: 90%; clear: both; margin: 5px 0;}
.copyright{ text-align: center; }
.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 { 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;}
div.loglnks{ margin:0px auto;}
#top_nav{ text-align:center; margin: 5px auto;}
.srchblk{ display: none;}
.logo img{}
.wlcm{ float:none; text-align:center; width: 100%; font-size: 100%;}
.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){
header.mainheader { background-position:top center; }
.logo{ float:none; text-align:center; }
.logo img { height:auto; width: auto; max-width: 70%;}
.logo h4{ font-size: 1.3em;}
.navigation{ float:none; clear:both;}
nav#nav{ position:relative; top:0; float: none; clear: both; height: 40px;}
nav#nav:after { content:""; display:table; clear:both; }
#nav ul{ top:100%;}
.mainheader.fixedmenu nav#nav{ height:40px;}
#top_nav ul li a { padding: 0 5px; font-size: .8em;}
#rgtprt .box { width: 80%; }
.partners .small_box{ width:96%; float:none; margin:10px auto;}
.partners .small_box img{ max-width:none; max-height:90px;}
.sbpgbanner { height:auto; text-align:center;}
.sbpgbanner .sbimg { float:none; text-align:center;}
.sbpgbanner .sbimg img { width:98%;}
.sbpgbanner .sbimg h3 {text-align:center; }
.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; }
.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;}
}
@media all and (min-width: 0px) and (max-width: 350px){
#top_nav, .rgst, .wlcm.logged_in, .wlcm.logged_id, .mlogin { display:none;}
div.loglnks{ height:auto; }
.srchblk{ margin:10px auto;}
#socialmenu li a{ width: 32px; height:32px; margin: 1px;}
.fbblk img{ width:98%; }
}
/* 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%; }
.footcredits{ float:none; margin:0% 5%;}
}