html, body { margin: 0px; width: 100%; display: block; font-size: 100%; font-style: normal; font-family: Arial, Helvetica, sans-serif;font-family: 'Open Sans', sans-serif;color: #000; 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,
caption, 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;
background:transparent;
}
body {line-height: 18px;background-color: #EEE;/* height: 100%; */font-size: 0.82em;background-repeat:no-repeat;background-position: center center;background-attachment: fixed;background-size: cover;}
body.cke_editable{ background-color: #fff !important; }
.cke_chrome{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
/* Basic declarations */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; }
p { margin: 0.5em 0; }
a { text-decoration: none;color: #ED921B;}
a:hover { }
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 {font-weight: 700;color: #2A2B33; text-align: left;font-family: 'Raleway', sans-serif;font-size: 2.2em; line-height: 1.2em;}
h1 { padding-bottom:4px; margin-bottom: 10px; }
h2 {font-size: 1.8em; margin-bottom: 10px;}
h3{ font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
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 { border: 1px solid #CCC; padding: 8px; font-size: 13px; color: #444; font-family: Arial, Helvetica, sans-serif; max-width: 95%; }
input [type=radio], input [type=checkbox], input [type=slider] { border: 0px; }
input[type=button], input[type=reset],input[type=submit],.button {background: #7A7925;color: #FFF;cursor: pointer;text-decoration: none;margin-right: 10px;border: 1px solid #7A7925;padding: 5px 18px;display: inline-block;width: auto;}
input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled { background: #AAA; border: 1px solid #AAA; color: #BBB; }
textarea { min-height: 90px; width: 60%; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.pad {padding: 25px; }
.divider { margin-top: 20px; position: relative; }
#editor { background: #FFF; }
.hide, #changeparameters_1 { display: none; }
#breadcrumb { padding: 10px 0; }
.box { padding: 10px; margin: 0 0 10px 0;}
.box h2 { font-size:1.5em;}
.box .boxr.eventlt p em { display:block;}
/* layout*/
.bg{display:block;width:100%;height:100%;position: fixed;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed9017+0,f6e6b4+100 */top: 0;left: 0;background: #ed9017; /* Old browsers */background: -moz-linear-gradient(top, #ed9017 0%, #f6e6b4 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ed9017 0%,#f6e6b4 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ed9017 0%,#f6e6b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017', endColorstr='#f6e6b4',GradientType=0 ); /* IE6-9 */background: #FFF url(/image/cache/background.png) repeat-x !important;}
#layout {background: transparent;position: relative;top: 0;left: 0;width: 100%;/* min-height: 100%; */min-width: 100%;padding-top: 15px;}
#wrapper { min-height:100%; height: auto !important;height: 100%;background: rgba(255, 255, 255, 0.95); margin: 0px auto;width: 990px; min-width: 990px; position: relative;-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);}
.no-rgba #wrapper { background:#EEE; }
#header{/* height: 140px; */ position: relative;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24232b+0,3c4249+100 */ background: #24232b; /* Old browsers */ background: -moz-linear-gradient(top, #24232b 0%, #3c4249 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #24232b 0%,#3c4249 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #24232b 0%,#3c4249 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24232b', endColorstr='#3c4249',GradientType=0 ); /* IE6-9 */}
#header .container { height: 100%;}
.no-rgba #header .container { background: #0A3443;}
#nav { position: relative; height:50px; background: #4D699C; }
#content { padding: 10px; padding-top: 25px; float: left; text-align: justify; }
.footspacer, #footer { height: auto;}
#footer {padding: 15px 0; clear: both; overflow: hidden;line-height: 1.3em; border-top: 3px solid #DDD; color: #FFF; min-height: 100px;}
.container { width: 990px; position: relative; margin: 0 auto; }
.full_block{ padding:0 2%;}
#leftprt { width: 21%; float: left; padding: 0.5% 0.5% 20px 0.5% ;}
#rgtprt {width: 75.5%;float: left;margin: 1% 0.5% 0 1%;padding: 0 0 20px 0;word-break: break-word;}
#rgtprt img{ max-width:100%; height:auto;}
#footblk { width: 100%;background: #45494F;}
.content{ width: 100%; height:auto;}
.photo-box {width: 100%;margin: 0 auto;}
.master-image {width: 100%;margin: 0 auto; padding: 0;text-align: center; position:relative;}
.photo-cover{ display:none;}
.master-image img{ width:100%;}
/*header */
header#header h1 {display: none;}
.logo {padding: 3px; position: relative; z-index: 2;top: 0;/* float: left; */ left: 0;text-align: center;}
.logo img {/* height: 110px; *//* margin: 5px 0; */max-width: 100%;}
.topnav { position: relative; float: right; margin-top: 10px;}
.wlcm, .mlogin { font-family: arial; display: none; bottom: 10px; right: 0; position: absolute; z-index: 1; text-align: right; padding: 0 1em 0 0; font-size: 0.89em; line-height: 0.92em; color: #333; }
.mlogin,.wlcm { font-size: 0.82em;}
.wlcm { padding: 0 0em 0 0; font-size: 0.89em; }
.wlcm.logged_in,.wlcm.logged_id,.mlogin.not_logged_in { display: block; }
.mlogin input[type=text],.mlogin input[type=password] { width: 25%; padding: 2px 3px; }
.mlogin input[type=submit] { padding: 0.3em 1em; }
.mlogin .mlolnks { padding: 0.1em 0.6em; font-size: 0.92em; }
#topnav ul { float: right;padding: 0; margin: 0; list-style: none; }
#topnav ul li { float: left; padding: 5px 10px; }
#topnav ul li a { color: #FFF; font-weight: bold; text-shadow: 0px 0px 3px #000;}
#topnav ul li ul { display: none; }
#subpagebg { height: 200px; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;}
#subpagebg .bgcover { z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; }
/*search box*/
.srchblk{height: 25px;width: 220px;margin: 5px 5px;float: right;/* border: 1px solid #3B4148; */display: inline-block;vertical-align: middle;padding: 2px 0;position: absolute;overflow: hidden;clear: right;right: 0;bottom: -45px;z-index: 99;}
.srchblk form{position:relative;}
.srchblk input[type=text]{width: 100%;height: 25px;font-size: 14px;display: inline-block;border: none;vertical-align: middle;outline: none;text-indent: 10px;position: relative;top: 0;left: 0;background: #3C4249;padding: 2px 0;color: #FFF;text-shadow: none;}
.srchblk input[type=submit]{width: 40px; height: 100%; font-size: 15px;border: none; box-shadow: none;text-shadow: 1px 0 1px #3B4148; margin: 0; padding: 0; outline: 0;background: #ED921B; /* Old browsers */ position: absolute; right: 0; top: 0;}
.srchblk input[type=button]:hover{ background:#4D699C;}
/*lookup */
#advancedsearchform input { padding: 10px 15px;}
#advancedsearchform input#clearform16 {display: none;}
#advancedsearchform input#submitform16 { margin-left: 53px; float: left;}
.searchtype { display:none;}
table.search_options{ }
.pdfdwn a { margin-left: 4px; }
/* table.search_options tr:nth-child(2), table.search_options tr:nth-child(3), table.search_options tr:nth-child(4) {display:none;} */
.txlkprow { padding: 1px 15px; border-bottom: 1px solid #DADADA; }
.txlkprow:nth-child(odd) { background: #E5E5E5;}
.txlkprow p{ font-size:1.15em; }
.txlkprow a{}
.txlkprow .txlkpnm { width: 53%; float:left; }
.txlkprow span.txlkppdf { float:right;}
.txlkprow .txlkpprc{ text-align:center;display:inline-block; width: 32%; }
table.txlkplst { width:98%; margin:10px auto; background: #CCC; padding: 10px 0;}
table.txlkplst .lkpname { width: 30%; text-align: left; padding-left: 10px;}
.lkpdtlrow { padding:2px 10px; font-size: 1.1em;}
.lkpdtllbl { width: 22%;display:inline-block; vertical-align:top;}
.lkpdtldtl { width: 40%; display: inline-block; }
/* footer */
/* .copyright { clear: both; padding: 5px 0; color: #777;}*/
.copyright {font-size: .90em;color: #a0a0a0;background: #3C4148;}
.copyright .container {}
.copyright ul { list-style: none; }
.copyright span {float: left;}
.copyright span.copy{ padding: 0 3px; margin: 0 10px;line-height: 33px;}
.copyright a {color: #a0a0a0;}
.copyright a img { display: inline-block; vertical-align: middle; margin:0;padding:0; }
.copyright span.menu {margin: 4px 10px;float: right;}
.copyright span.menu ul { margin: 0; padding: 0;}
.copyright span.menu li { display: inline-block; padding: 0 3px 0 0;}
.copyright span.menu li a { padding: 2px 3px;line-height: 25px;}
.solpart { float: left; padding: 0 1.5% 10px 0; }
.solpart h5 { color: #FFF; font-family: arial; font-size: 1.2em; }
.solpart span{ font-size:1.3em; vertical-align:middle;color: #F6E5B3;}
.solpart a {color:#DDD; font-weight:bold;}
.footnavi { float: left;width: 80%;}
.footnav { padding: 0px; padding: 0; width: 100%; float: left; }
#footer h3 { margin-bottom: 5px; color:#EEE; font-size: 1.2em;}
.footnav ul { margin: 0px; padding: 0px; list-style: none;}
.footnav >ul{vertical-align: top;width: 62%;padding-left: 10px;display: inline-block;float: left;}
.footnav >ul.quicklinks{width: 30%;padding: 3px 15px;display: inline-block;float: left;}
.footnav ul li.block {display: inline-block;vertical-align: top;padding: 0 1%;min-width: 33%;}
.footnav ul li>a { padding: 0px;color: #F9F4E4; margin: 0px; display: block;}
.footnav ul li a{display: block;color: #FFF;padding: 8px 0;font-size: 1.2em;}
.footnav ul li.head > span{color: #F6E5B3;font-size: 1.2em;}
.footnav ul li>ul {margin: 0px;padding: 0 0 0 8px;list-style: none;}
.footnav ul li> ul li {float: none;display: block;margin: 0;}
.footnav ul li> ul li a{ font-size:1em;}
/* ==================== Go to top button====================
================================================== */
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 5px;z-index: 10;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;font-size: 0;text-align: center;background: #ED921B;border: 1px solid #ED921B;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.cd-top:before{ content:"\e5ce";font-family: taoGlyphs !important; font-size:36px;line-height: 37px;color: #FFF;display: block;text-indent: 0;}
.cd-top:after { content: ''; border-right: 12px solid transparent; border-left: 12px solid transparent; border-bottom: 12px solid #00BBD3; height: 0; width: 0%; display: block; position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; display: none;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .5; }
.cd-top:hover, .no-touch .cd-top:hover { opacity: 1;}
/*social*/
#socialmenu{ float:right; width: 50%; margin:0px auto; padding: 0 1%;}
#socialmenu ul {float:right;list-style: none; padding: 0; margin:.5% ;}
#socialmenu li span { display: none; }
#socialmenu li {display: inline-block; vertical-align:middle; padding: 0 2px;}
#socialmenu li a {width: 32px; height: 32px; line-height:32px;font-size: 1.6em;display: block;font-family:taoGlyphs !important;color:#FFF; text-align:center;}
#socialmenu li a:before{content:""; display:block;}
#socialmenu li:hover a:before{ text-shadow:0 0 5px #000; font-size:1.1em;}
#socialmenu li.facebook a:before{ content:"\e949"; background:#3b5998; }
#socialmenu li.twitter a:before {content:"\e94e"; background:#1da1f2; }
#socialmenu li.linkedin a:before {content:"\e982"; background:#008cc9;}
#socialmenu li.youtube a:before { content:"\e955"; background:#cc181e;}
#socialmenu li.pintrest a:before {content:"\e989"; background:#bd081c;}
#socialmenu li.google-plus a:before { content:"\e946";background:#DB4437;}
#socialmenu li.rss a:before {content:"\e953"; background:#ED921B;}
#socialmenu li.email a:before {content:"\e0be"; background:#FFF;}
/*navigation*/
.navbar-toggle, .search-btn { display: none; }
.main-nav{background: #2A2B33;}
.main-nav:after { content:''; display:table; clear:both;}
.main-nav ul {padding: 0px;margin: 0px;/* height: 0px; */list-style: none;line-height: 50px;font-size: 1em;width: 100%;margin: 0px auto;}
.main-nav ul li { float:left; text-align: center; margin: 0;border-right: 1px solid #3A4047; padding: 0; position: relative; }
.main-nav ul li:last-child { border: 0px; }
.main-nav ul li a { color: #FFF; display: block;padding: 0 21px;}
.main-nav ul li.home{ min-width:35px;}
.main-nav ul li.home a{ background: url(/image/cache/home-md.png) no-repeat center; background-size:30%;}
.main-nav ul li.home a:hover, .main-nav ul li.home.currentitem a { background: #ED921B url(/image/cache/home-md.png) no-repeat center; background-size: 30%;}
.main-nav ul li.home a span{ visibility:hidden;}
.main-nav ul li:hover > ul, .main-nav ul li a:hover > ul { display: block; }
.main-nav ul li > ul { display: none; padding: 0; margin: 0px; text-align: left; list-style: none; display: none; font-size: 0.92em; line-height: 1.2em; padding: 0 0 10px 0; z-index: 10;width: 200px;background: #3C4249; position:absolute;left:0; height:auto; border:0px;}
.main-nav ul li > ul li ul { top: 0; left: 100%; }
.main-nav ul li > ul > li {padding: 0px;position: relative;display: block;width: 100%;margin: 0;border: 0px;text-align: left;border-bottom: 1px solid #494f57;}
.main-nav ul li > ul > li a,.main-nav ul li:hover > ul li a {padding: 10px 10px;display: block;color: #FFF;background: none;}
.main-nav ul li > ul > li a:before { content:"\203A";font-size:1.2em; margin-right:6px;color: #FFF;}
.main-nav ul li > ul > li a:hover, .main-nav ul li > ul > li:hover { filter: none;color: #FFF; background: #2A2B33; text-decoration: none;}
.main-nav ul li:last-child ul { right: 0px;}
.main-nav ul li.currentitem, .main-nav ul li.currentbranch, .main-nav ul li:hover, .main-nav ul li a:hover, .main-nav ul li:hover a {background: #3C4249;color: #FFF; text-decoration: none;}
.main-nav ul li.currentitem a, .main-nav ul li.currentbranch a { color: #FFF;background: #ED921B;}
.main-nav ul li.currentbranch ul li.currentitem { background: none; }
#sidemenu {margin-bottom: 5px;background: #3A3F46;padding: 0px 0;}
#sidemenu .boxr { border-bottom: 0;}
#sidemenu ul { margin: 0px; padding: 0px; list-style: none; font-size: 1em; text-align: left;}
#sidemenu ul li.divider {margin: 0;/* padding: 3px; *//* background: #30333A; */}
#sidemenu ul li a {padding: 6px 10px; display: block; font-size:.98em;color: #FFF;border-bottom: 1px solid #30333A;}
#sidemenu > ul > li > a:before{ content:"\203A"; margin-right: 3px;}
#sidemenu ul li ul li a{ font-size:.9em;padding: 4px 7px;padding-left: 15px;border: 0;}
#sidemenu ul li ul li a:before{ content:"\00bb"; margin-right: 3px;}
#sidemenu ul li ul {/* display: none; *//* padding-left: 10px; */}
#sidemenu ul li a:hover {color: #FFF; background: #7C7C7C; text-decoration: none; }
/* Home */
.slidebg {height: 320px; background: #FFF; position: relative; padding: 0;}
.hblock {border-bottom: 1px dashed #EEC402; }
.slidebg div.container { position: relative; height:100%; }
.slideing { width: 100%; left: 0; position: relative; }
#slides {height: 100%; position: absolute; width: 100%;}
#slides .slidePhoto { bottom: 0; position: absolute;width: 100%;}
.sliderContent { color: #CCC;height: 100%; position: relative; overflow: hidden;}
.sliderContent div.base { position: absolute; width: 100%; opacity: 1; display: none; left: 0%; height: 100%; }
.sliderContent div.base .sData { width: 990px; position: relative; height: 100%; margin: 0 auto;}
.sliderContent div.base .img { position: absolute; left: 0%; top:0; border: 0;height: 100%; width: 100%; margin: 0; padding: 0; }
.sliderContent div.base .img img {width: 100%; padding: 0; border:0;}
.sliderContent div.activeSlide { left: 0; opacity: 1; }
.sliderContent div.activeSlide { opacity: 1; left: 0; }
.sliderContent div.base.sl div.caption { display: none; }
.sliderContent div.base.slShow div.caption { position: absolute; z-index: 1; font-family: 'Archivo Narrow', 'sans-serif'; background: rgba(255,255,255,0.85); padding: 10px; width: 40%; height: 60%; font-size: 1.2em; line-height: 1.4em; color: #333; right: 2%; bottom: 80px; margin-left: 1%; }
.sliderContent div.base.slShow div.caption a.link { display: inline-block; background: #EEC402; border: 1px solid #EE9E02; color: #5C4205; padding: 7px 20px;margin-top: 20px; }
.sliderContent div.base.slShow div.caption h2 { font-size: 2em; line-height: 1em; color: #B20838; margin: 0 0 10px 0; padding: 0; font-weight: bold; }
.taoNav { display: none; text-align: center;margin: -50px 15px 0px 5px; z-index: 5; position: relative;}
.taoNav a { display: inline-block;margin: 2px 3px; height: 10px; width: 10px;background: #3C4249; overflow: hidden;line-height: 0;font-size: 0; -ms-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; cursor: pointer;}
.taoNav a.active {background: #EC9019;}
.taoNav a:hover { text-decoration: none; }
.content .slidebg{ margin-bottom:15px;}
.content .sliderContent div.base .img{ width:60%; height:100%; }
.content .sliderContent div.base .img img{/* width:auto; *//* height:100%; */}
.content .sliderContent div.base .caption{width: 38% !important;right: 0 !important;top: 0;height: 94% !important;margin: 0 !important;background: rgb(42, 43, 51) !important;color: #FFF !important;font-family: 'Open Sans', sans-serif !important;}
.content .sliderContent div.base .caption * { color:#FFF;}
.hometab { display: table; width: 100%;}
.hometab .boxes { display: table-cell; position: relative; width: 30.7%; color: #EEE; padding: 5px 1.33%; padding-bottom: 40px;background: #752A05;}
.hometab .boxes h2 {font-size: 1.4em;padding-bottom: 2px; position: relative;}
.hometab .boxes a {color: #F6E4B0;}
.hometab .boxes a span { display:inline;color: #F6E4B0;}
.hometab .leftbox {background: #7A7925; width: 30.80%;}
.hometab .boxes .hmnws { width:100%; min-height:30px; line-height:30px;}
.hometab .boxes .hmnws h4 a { color: #FFF; float: left; padding: 5px 0; font-size: 0.95em;}
.hometab .boxes .hmnws p{ margin:0; padding:2px 0; color: #333; text-align: right;}
.hometab .middlebox {background: #3C4249;width: 30.70%; border-right: 1px solid; border-left: 1px solid;}
.hometab .Mlink {position: absolute;width: 97%; bottom: 0; left: 0;padding: 1.76%;line-height: 16px;height: 15px; background: rgba(255,255,255,0.2);}
.hometab .more img{ margin-left:15px;}
.hometab .rgtbox ul { margin: 0; margin-left: 10px; padding: 0; list-style: none; }
.hometab .rgtbox ul li {/* padding-left: 15px; */margin-bottom: 9px;}
.hometab .rgtbox ul li a:before{ content:"\203A";font-size: 1.1em;margin-right: 2px; color:#FFF;}
.hometab .boxes p{ padding-bottom:2px;border-bottom: 1px dotted #545B63;}
.hometab h2 {color: #EFE4C1;border-bottom: 1px solid #EFE4C1;}
.hometab .leftbox p {padding-bottom: 4px;border-bottom: 1px dotted #959451;margin: 10px 0;}
.hometab .leftbox a {color: #EFE4C1;}
.hometab .middlebox a {color: #F6E4B0;}
.hometab .middlebox span { display:block; font-size:.9em;color: #eee;}
.hometab .boxes p:last-child{border:0;}
/* news */
.eventlst p{/* font-size:.94em; */}
.eventlst a { color: #FFF;}
.hometab .leftbox span{color: #2A2B33;display:block;font-size: .9em;}
.hometab span em { margin-right:10px;}
.eventlst h2 { padding-bottom: 0px; }
.eventlst div.item { padding: 0px; }
.eventlst div.item p{ color: #B20838;}
.news div.article { border-bottom: 1px dotted #CCC; padding: 8px 5px; }
.news div.article h2 { font-size: 1.2em; }
.splitleft, .splitright { width: 47%; padding: 0 1%; display: inline-block; vertical-align: top; color: #555; }
.splitright { text-align: right; }
.eventlt div.item { padding: 1px 5px; }
.eventlt span { background: #B20838; color: #FFF; padding: 3px 10px; }
.article{ padding:5px 0; border-bottom:1px solid #DDD;}
/*calendar */
#calendar { border-collapse: collapse; width: 100%; background: transparent; color: #333;}
#calendar th,#calendar td { border: 1px solid #CCC; width: 14%; height: 75px; }
#calendar th { text-align: center;background: #3A3F46; vertical-align: middle; font-size: 16px; color: #ED921B; line-height: 20px;}
#calendar td.caption {background: #30333A; vertical-align: middle; text-align: center;color: #FFF; font-size: 20px; line-height: 20px; height: 40px;}
#calendar th { height: 40px; }
#calendar ul { margin: 0px; padding: 0px; list-style: none; display: block; }
#calendar ul li { padding: 2px; margin: 1px 0;line-height: 12px; color: #FFF; font-size: 11px;}
#modalwindow { display: none; width: 60%; min-width: 500px; height: 50%; position: absolute; top: 10%;background: #FFF; z-index: 10; box-shadow: 0 0 10px 1px #999; border: 1px solid #CCC; padding: 10px; overflow: auto; }
#modaldata { padding: 15px; }
#modaldata h3 { margin-bottom: 10px; }
#modalwindow .closWin { position: absolute; right: 10px; top: 10px; font-size: 1.2em; border: 1px solid #CCC; padding: 2px 8px; color: #999; display: inline-block; }
#modaldata .eventloc { color: #777; font-style: italic; }
.indvevent a.callnk{ margin-left: 9%; }
.indvevent a.callnk img{margin: 0 10px;position: relative;top: 8px;}
/* gallery */
.thumbGallery { margin: 0px; padding: 0px; list-style: none; }
.thumbGallery li { display: inline-block; width: 28%; margin: 2%; font-size: 11px; text-align: center; }
.thumbGallery li a img { padding: 5px; background: #FFF; box-shadow: 0px 0px 8px #999; }
/*video */
.videoresults { padding: 15px 0px; }
.videoresults div.videoleft { width: 400px; float: left; }
.videoresults div.desc { width: 270px; color: #666; float: right; padding-top: 30px;}
/*webform */
h2.headlist { border-bottom: 1px solid #CCC; }
h3.subheadlist { padding-left: 20px; font-size: 1.3em; }
.postwebform tr { margin: 5px 0px; }
.fieldgroup {clear: both; margin: 10px 0; padding: 5px;}
.fieldgroup_label { font-size: 1.5em; display: block; color: #ED921B; width: 95%; padding: 2px 5px; border-bottom: 3px solid #ED921B; }
.fieldrow { width : 100%; margin: 3px 0; clear: both; padding: 3px 0; }
.fieldrow .fieldlabel { width: 30%; display: inline-block; vertical-align: top; }
.fieldrow .fieldval { width: 55%; display: inline-block; vertical-align: top; }
.fieldrow .fieldval textarea { width: 80%; height: 100px;}
input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], select, textarea, .fieldrow .fieldval input[type=text] { width: 75%;}
.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; }
.webform .fieldrow {padding: 5px 0;text-align: left;}
.webform .fieldrow .fieldlabel { display: inline-block;width: 40%; margin: 0 0.5%;}
.webform .fieldrow .fieldval { display: inline-block;width: 55%; margin: 0 0.5%; vertical-align: top; text-align: left;}
webform .fieldrow .fieldval .registered_radio, .webform .fieldrow .fieldval .temperment_radio{ float: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;}
.webform .fieldrow #content{padding:0;float: none;text-align: left;}
.webform .fieldrow.ems_course .fieldlabel, .webform .fieldrow.ems_course .fieldval{width:100%;}
.ems_courses_multicheckbox{margin-bottom:8px;text-align: left;}
.jbpst .fieldrow { padding: 5px 0;}
.jbpst .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; }
.jbpst .fieldrow .fieldval textarea{ width:90%; min-height: 60px;}
.jbpst .fieldgroup_desc, .jbpst .fieldrow .field_desc { color:#000; font-style:normal; font-size:1.1em; line-height: 1.4em; padding: 0 3px;}
.did_you_graduate_radio, .certificate_of_equiv_check_radio, .relocate_radio, .travel_radio, .job_type_radio, .contact_your_employer_radio, .job_type2_radio, .job_type3_radio, .job_type4_radio, .job_type5_radio, .job_type6_radio,.job_type7_radio { display:inline-block; }
.errmsg, .msg,.err { color: red; font-weight: bold; padding: 10px 0px; }
.err { text-align: center; border: 1px solid red; background: #FEF2EA; padding: 7px 0px; width: 98%; }
.taoCMSerror { color: red; }
form table tr td { padding: 3px 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 td.labelcol { width: 18%; padding-right: 8px; font-weight: bold; vertical-align: top; }
.postwebform td.valuecol { width: 88%; vertical-align: top; }
.general_login,.checkoutlogin {float: left; margin: 30px 0 40px 0; padding: 10px 0;width: 60%; border-right: 1px solid #EEE; }
.general_login div.logintitle, .userinfotitle { margin: 0; font-size: 0; line-height: 0; }
.general_login div.loginmessage,.checkoutlogin div.loginmessage { font-style: italic; }
.general_login div.row,.checkoutlogin div.row { margin: 8px 0px; }
.general_login div.row span.label, .checkoutlogin div.row span.label { text-align: right; padding-right: 7px; width: 120px; display: inline-block; }
.general_login input,.checkoutlogin input { width:auto;}
.general_login div.loginbtn, .general_login div.forgotpassword, .checkoutlogin div.loginbtn,.checkoutlogin div.forgotpassword {margin-left: 133px;}
#filter { display: none; }
/*departments*/
.depts h4 {font-size:1.4em; line-height:1.6em; }
.depleft{ width: 74%; float:left; margin: 0; padding: 0 .5%;}
.deptright{ width: 24%; float: right; margin: 0 0 0 1%;}
.depleft img {height:auto; max-width:100%;}
.info{ margin:1% 0 ;}
.info .address, .info .mailingaddress{ width: 48%; float: left; margin: 1% 0;}
span.phone{ display:block;}
.deptright .lnkbox{overflow: hidden;background-repeat: no-repeat;position: relative;padding-bottom: 20px;margin-bottom: 10px;z-index: 2;}
.deptright .lnkbox h2{margin: 0px;/* height: 0; */padding: 0;font-size: 1.3em;}
.deptright .lnkbox p {float: left;clear: both;width: 100%;margin: 0;padding: 6px 0;}
.deptright .lnkbox p + p{ margin-top: 0; margin: 0; }
.deptright .lnkbox p:nth-child(n+8) {display:none; }
.deptright .lnkbox p a { display: block; line-height: 16px; font-size: 90%;}
.deptright .lnkbox.events p { padding:2px 0; }
.deptright .lnkbox.news p a img{ float:left; margin-right:5px;}
.deptright .lnkbox a.liblnk{font-size: .86em;color: #333;}
.deptright .lnkbox .morelnk {position:absolute;bottom: 0;display: block;width: 100%;margin: 5px 0;z-index: 15;text-align: left;}
div.contacts{width: 90%; display:table; border-collapse:collapse;margin: 10px 0;margin-bottom: 20px;}
div.contacts .contactb { display:table-row; }
div.contacts .contactb div { display:table-cell;padding: 3px; vertical-align: top;}
div.contacts .contactb div em{ display:block;font-size: .8em; color:#666;}
.contactb td { border: 1px solid #CCC; padding: 5px; }
.contactb td span {width: 100%; float: left;}
.contactb td:first-child{ display:none;}
.contacts_right{width: 52%; float:right;}
.contacts_right div.contacts{ width:auto;}
.contacts_right .contacts .contact{width: 47%;float: left;padding: 0 1%;}
.contacts_right .contacts .contact h2{ font-size:1.1em;}
#form_1_post{width: 45%;display: inline-block;vertical-align: top;}
/*boards*/
.row_block h3.row{margin-bottom: 10px;font-weight: normal;font-size: 1.4em;}
.row_block h3.row span { vertical-align:middle;color: #3A3F46;}
/*employment*/
.emplyblk{ border-bottom:1px solid #CCC; padding:10px 0;}
.emplyblk .empdtllnk{ float:right; }
.emplyblk h3, .empind h2 { float:left; }
.emplyblk .emplnks, .empind .emplnks { float:right; text-align:right;}
.emplnks a { display:inline-block; vertical-align:middle; margin: 5px;}
.empind p { }
/*contacts*/
.memcnts{ width:100%; padding:5px 0; display: inline-block; vertical-align: middle; }
.memcnts table{ width:98%;}
.memcnts table tr td{ min-width: 80px; text-align:left; height: 25px; }
.memcnts table tr td:first-child{ display:none; }
.memindvl{ width:100%; padding:5px 2%; }
.memindvl .mempht{ float: left; padding:0 20px 0 0; }
.memindvl .memdtl{ float: left; width: 70%; }
/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input, #editevent select {margin:5px 0;margin-left: 5px;width: auto;}
#editevent table {border: 0px;margin: 0px;text-align: left;}
#editevent table td { padding: 3px 0px; }
#editevent table td { font-weight: bold;vertical-align: top;}
#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 #979797; padding: 10px 0; }
/* election tables*/
table.table { width: 98%; display:table; border: 1px solid #9A9A9A; margin: 10px auto; border-collapse: collapse; }
table.table th { height: 30px; background: #ED921B; line-height: 30px; vertical-align: middle; padding: 0 5px; border-right: 1px solid #EEE; color: #FFF;}
table.table th:last-child { border:0;}
table.table tr td { border: 1px solid #CCC; height:30px; line-height: 25px; padding: 0 10px; vertical-align: middle;}
/*paging */
#form_paging_links, #calendar_paging_links, #paging_links, .newschannel_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span { display: inline-block; text-align: center; margin: 2px 3px; padding: 2px 10px; 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 { }
/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px; padding: 5px 0px; border-top: 1px dotted #CCC; 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; }
/*FAQs */
.faq .faqcat h3{ margin:5px 0; }
.faq .faqblk { margin: 10px 5px;}
.faq .faqdtl { }
.faq .faqdtl span{color: #B20838; cursor:pointer; }
.faq .faqdtl span:hover{ text-decoration:underline;}
.faq .faqdtl.faqans{ padding: 2px 0 12px 0; border-bottom: 1px dashed #ccc;}
.faq .faqdtl.faqans strong{ float:left;}
.faq .faqdtl.faqans p{ display:block; margin:0 20px;}
h2.fqs_group a{ color:#333; font-size:.8em;}
/*Water Board Doc Library*/
.W_DocLibray {display:table;padding:0;margin:0;list-style:none;width:100%;border-collapse: collapse;}
.W_DocLibray li {display:table-row;border-bottom: 1px solid #e1dad3;}
.W_DocLibray li span{display:table-cell;padding: 5px;}
.W_DocLibray li.head { background:#ddd;}
#clearform33 { display:none;}
.docSearch {display:table;width: 100%;}
.docSearch .fieldrow { display:table-row;}
.docSearch .fieldrow .fieldVal {display:table-cell;min-width: 45%;padding:5px;}
.docSearch .fieldrow .fieldVal.nameField select {margin:5px;}
.docSearch .fieldrow .fieldVal.DateField select{width: 20%;margin: 5px;padding: 9px 5px;}
.docSearch .fieldrow .fieldVal.DateField input{width: 50%;margin: 5px;}
.docSearch .fieldrow .fieldVal label{ display:block;}
/* TABLETS width 700 or above width */
@media all and (min-width: 700px) and (max-width: 1020px){
body, html {/* max-width: 1020px; *//* min-width: 700px; */ width: 100%; padding: 0px; margin: 0px;}
#footer{ padding: 0px; width: 98%; padding: 1%; margin: 0; height: auto; background-size: 21%;}
#wrapper,.container { min-width: 96%; width: 96%; padding: 0%; }
.main-nav ul li a { padding:0 10px}
#wrapper { padding: 0; }
#nav ul li a { padding: 0 8px; min-width: 6%; }
.container { width: 100%; padding: 0; }
.copyright .container { min-width: 96%;width: 98%; padding: 0%; margin: auto;}
#content { width: 100%; }
#leftprt { }
#rgtprt { margin-left: 10px; float: left; }
.pagebr { padding: 0; }
.txlkprow { width:92%; margin:0 auto;}
.txlkprow .txlkpnm{width:45%;}
}
@media all and (min-width: 700px) and (max-width: 860px){
.srchblk{position: relative;top: auto;bottom: 0;margin: 0px auto;padding: 6px;width: 60%;float: none;clear: both;display: block;height: auto;border: 0;}
.srchblk form{border: 1px solid #30333A;}
.srchblk input[type=text] {padding:5px;}
#leftprt { display: none;}
#rgtprt { width: 98%; float: none; margin: 0 auto;}
.footabout { display: none; }
#rgtprt .box,#call, #sidemenu { float: left; width: 43%; margin: 1%; }
.content {width:98%; margin:0px auto;}
.deptright .lnkbox { float:left; margin: 0px 1.5%; padding-bottom: 15px; margin-bottom: 5px;}
}
@media (max-width: 760px) and (min-width: 0px){
#wrapper { width:98%;}
#layout{ padding:0;}
#leftprt { display: none;}
#rgtprt { width: 98%; float: none; margin: 0 auto;}
.logo{max-width: 100%;display: block;width: 100%;padding: 0;float: none;text-align: center;}
.logo img{height:auto;max-width: 63%;}
.srchblk{position: relative;top: auto;bottom: 0;margin: 0px auto;padding: 6px;width: 60%;float: none;clear: both;display: block;height: auto;border: 0;}
.srchblk form{border: 1px solid #30333A;}
.srchblk input[type=text] {padding:5px;}
#slides .slidePhoto{ display:none;}
.taoNav{margin: -20px 0 0 0;}
.hometab{ display:block; }
.hometab .boxes{width: 98.02% !important; float:none !important;display: block;padding: 1%;border: 0 !important;margin: 0 auto;}
.hometab .boxes p {}
.hometab .Mlink{padding: 1% 2%;margin-top: 10px;position: relative;width: 96%;display: block;}
.mobile-icons { display:block;background: #25252D;color: #FFF;}
.mobile-icons:after { content:''; display:table; clear:both;}
/* ====================nav bar button====================
================================================== */
.navbar-toggle { display: block; cursor: pointer;float: right;margin: 4px 0;position: relative;z-index: 99;}
.navbar-toggle a { position: relative; background-color: transparent; background-image: none; border: 1px solid transparent; display: block;text-align: center;color: #FFF;font-size: 30px;padding: 0 8px;}
.navbar-toggle a:hover { text-decoration:none;color: #ED921B;}
.navbar-toggle.nav-collapsed a span:before{ content:"\e5c4"; }
#main-navigation {position: fixed;top: 0;left: -240px;width: 240px;height: 100%;padding: 10px 0;z-index: 99;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
#main-navigation.nav-collapsed{width: 240px !important;left: 0;overflow-y: auto; width: 280px;}
#close {display: none;background: 0 0 rgba(0, 0, 0, 0.75); height: 100%; position: fixed;top: 0; left: 0; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 100%;z-index: 5;}
.main-nav { position: relative }
.main-nav > ul{position:relative;display: block;top: 0;left: 0;width: 100%;/* height: 100%; */padding-bottom: 50px;}
.main-nav > ul:after{ content:''; display:table; clear:both;}
.main-nav > ul > li > span, .main-nav > ul > li > a {padding: 7px 15px;font-size: 17px;font-weight: normal;border-bottom: 1px solid #B94F30;}
.main-nav > ul > li {float: none;text-align: left;position: relative;border: 0;border-bottom: 1px solid #26272F !important;}
.main-nav > ul > li > ul {border-top: 1px solid #25262D;width: auto;}
.main-nav ul li.currentitem, .main-nav ul li.currentbranch, .main-nav ul li:hover, .main-nav ul li a:hover, .main-nav ul li:hover a{background:none;}
.main-nav > ul > li:hover ul {display:none;}
.main-nav > ul > li > span, .main-nav > ul > li > a { border:0;}
.main-nav ul li.currentitem a, .main-nav ul li.currentbranch a{ background:none;}
.main-nav ul li span, .main-nav ul li a, .main-nav ul ul li span {color: #FFF !important;padding: 0 7px;line-height: 45px;}
.main-nav ul li ul {position: relative;background: #2A2B33;padding: 0;}
.main-nav ul li > ul > li{ float:none;width: auto;margin: 0;}
.main-nav ul li > ul > li a, .main-nav ul li:hover > ul li a{padding: 2px 0;/* line-height: 20px; */}
.main-nav ul li > ul > li a:before { color:#FFF;}
.main-nav ul li > ul li a, .main-nav ul li:hover > ul li a { padding-left:10px;}
.main-nav ul li > ul > li a:hover, .main-nav ul li > ul > li:hover { text-decoration:none;background: #3C3D48;}
.main-nav ul > li.has-sub .sub-btn {display:block;width: 45px;height: 45px;padding: 0;position:absolute;/* top: 1px; */z-index: 1;right:0;cursor: pointer;border: 0;box-shadow: 0px 0px 1px 0px #1D1E27;text-align: center;background: #323339;/* display: none; */}
.main-nav ul > li.has-sub .sub-btn:before{content:"\e5cc";font-family:taoGlyphs;display: block;line-height: 44px;text-align: center;}
.main-nav ul > li.has-sub .sub-btn.collapsed:before{content:"\e5cf"; font-family:taoGlyphs; }
.main-nav ul > li > ul > li.has-sub .sub-btn { display:none;}
.main-nav ul > li > ul > li ul {position:relative;width: auto;left: 0;padding-left: 15px;display: block;}
.main-nav > ul > li:hover {background: #3A4047;}
.main-nav > ul > li:hover > span.sub-btn {background: #4E5359;}
#conblk { /* padding-bottom: 10px; */ }
#footblk { position: relative; height: auto; }
.copyright .container{/* width: 98%; */}
#socialmenu, .copyright span.copy, .copyright span.menu{ width:100%; float:none;display: block;padding: 5px 0;margin: 0 auto;}
#socialmenu ul{ float:none;text-align: center;}
.contacts_right{width: 100%; float:none;}
.contacts_right div.contacts{ width:auto;}
.contacts_right .contacts .contact{width: 47%;float: none; display:inline-block;padding: 0 1%;}
.contacts_right .contacts .contact h2{ font-size:1.1em;}
#form_1_post{width: 100%;}
}
/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 699px){
body, html {max-width: 699px;min-width: 0;width: 100%;padding: 0px;margin: 0px;}
#header{ height:auto;}
#header .container{ width:98%; margin:0px auto;}
#footer { height: auto; background-position: 80% bottom; background-size: 30%;}
#wrapper { margin: 0px auto; }
#wrapper{min-width: 96%;/* width: 96%; */}
#leftprt { width: 96%; padding: 1%; margin: 15px auto; float: none; }
#rgtprt {width: 98%; float: none; margin: 0px auto;}
.container { width: 100%; padding: 0; margin: 0; height: 100%;}
#rgtprt .box,#rgtprt #call, #rgtprt #sidemenu { float: none; width: 92%; margin: 0px auto;}
#topnav { display: none; }
.compn { width:46%; padding: 10px 0.5%; margin: 0.5%; height: 120px; float: left; text-align: center; border: 1px solid #CCC; }
.fieldrow{margin: 5px 15px;margin: 5px 0;}
#form_21_post .fieldrow .fieldval, #form_21_post .fieldrow .fieldlabel{width: 80%;margin: 0px 0;}
.fieldrow .fieldval textarea{width: 94%;padding: 1%;max-width: none;}
.copyright span.menu, .copyright span.copy, #socialmenu { clear:both; float:none; width: 98%;margin: 0px auto; display: block; text-align:center;}
#socialmenu ul{ float:none; text-align:center; margin: 5px auto;}
.depleft, .deptright{ width:98%;}
.deptright .lnkbox { float: none; margin: 5px 0;}
.webform .fieldrow .fieldlabel { display: inline-block; width: 48%; margin: 0 0.5%; }
.webform .fieldrow .fieldval { display: inline-block; width: 50%; margin: 0 0.5%; vertical-align: top;}
.general_login, .checkoutlogin {width:80%;margin:0 auto;float: none;}
}
@media all and (min-width: 0px) and (max-width: 600px){
}
@media all and (min-width: 0px) and (max-width: 550px){
#wrapper{ width:100%;}
#slides .slidePhoto{ display:none;}
.sliderContent div.base.slShow div.caption{ width:80%;}
.hometab .boxes {clear: both;padding: 10px 3%;width: auto !important;display: block;margin: 0px auto;}
.hometab .leftbox p, .hometab .boxes p {margin-bottom:15px;}
.hometab .leftbox span.Mlink, .hometab .Mlink {margin: 10px 0;height: auto;}
.hometab .middlebox { border:0;}
.hometab .more {position:relative;display: block;padding: 3px 0;}
.hometab .boxes h2 { margin-top: 0; }
.master-image:after {display:none; background:none;}
.hometab .rgtbox ul li a {display: inline-block;padding: 4px 0;}
.deptright .lnkbox p{padding:10px 0;}
.row_block h3.row {padding:5px 0;}
.row_block h3.board.row{margin-bottom: 12px;}
.faqGroup { margin-bottom:15px;}
.faqGroup .row{padding: 5px 0;}
.countyNews .article {margin-bottom:15px;}
.countyNews .article h2{font-size: 1.4em;}
.countyNews .article img{display: block;max-width: 100%;margin: 4px auto;}
.linksGroup h2 {font-size:1.5em; margin:0;}
.linksGroup .link{margin-bottom:15px;}
#rgtprt {width:auto;padding: 0 10px;}
#footblk { margin-top:15px;}
.footnav ul li{ float:none; margin:8px 0; width: 97%;}
#footer { height: auto; background-position:80% 95%; background-size: 30%;}
.footnav ul li> ul li a {font-size: 1.2em;padding: 10px 0;}
/*departments*/
div.contacts{ width:100%; display:block;}
div.contacts .contactb{ display:block; border-bottom:1px solid #DDD;margin-bottom: 20px;}
div.contacts .contactb div{ display:block; margin:2px; border:0; }
div.contacts .contactb div em{ display:inline-block; margin-left:5px; font-size:.86em;}
div.contacts .contactb div:before{ content:""; font-family:taoGlyphs;font-size: 1.1em; vertical-align:bottom;}
div.contacts .contactb div.name:before{ content:"\e7fd " ; }
div.contacts .contactb div.phone:before{ content:"\e0b0 ";}
div.contacts .contactb div.email:before{ content:"\e0be ";}
}
/* spell bee*/
.hide,.nourl { display: none; }
.nourl.yesurl { display: block; }
h2.beeurl a { text-decoration:none; color:#C75C06; font-weight:bold; }
/* cities*/
.onlinedirec-photo {float: left;margin-right: 12px;margin-top: 3px;}
.onlinedirec-info {}
.onlinedirec {width: 100%;margin-bottom: 20px;}
.onlinedirec:after { content:''; display:table; clear:both;}
.onlinedirec .title {width: 100%;border-bottom: 1px solid #ccc;/* float: left; */margin-bottom: 3px;}
.onlinedirec h2 {margin-top: 2px; margin-bottom: 3px;font-size: 1.4em;}
.onlinedirec h2 a{ color: #003366;}
.onlinedirec h2 a:hover {text-decoration: underline; color: #666;}
.onlinedirec p {margin: 0px 3px; padding: 6px 0px;}
.info {width: 100%; float: left;}
.info .address, .info .mailingaddress {width: 50%; float: left;}
@media all and (min-width: 0px) and (max-width: 479px){
#rgtprt .box,#rgtprt #call { width: 90%; }
#header { }
.srchblk{width: 90%;}
.box,.slidePhoto { display: none;}
#nav { top: 0px;}
.mlogin { display: none; }
.logo{ width:100%;}
.logo img {height: auto;width: auto;}
#footer { height: auto; background-position:80% 94%; background-size: 35%;}
.footnav { width: 94%; margin: 1% 4%; }
.footnav ul { width: 100%; padding: 0; margin: 0; }
.footnav >ul.quicklinks { width: 100%; padding: 0; margin: 0; }
.footnav ul li { width: 100%; padding: 0; margin: 0; }
.solpart {display: block;clear:both;width: auto;text-align: left;float: none;margin: 0;padding: 1em;vertical-align: top;}
.slidebg ,#slides,.sliderContent {/* height: 400px; */}
.sliderContent div.base div.caption { width: 96%; position: relative; font-size: 1.1em; right: 0%; bottom: 0%; }
.sliderContent div.base div.caption h2 { font-size: 1.3em; }
.compn { width:96%; padding: 10px 0.5%; margin: 6px 0.5%; height: 120px; float: left; text-align: center; border: 1px solid #CCC; }
.sf_shdl_blk{ width: 92%; float:none;}
.shdlnk{ width:100%; float:none;}
.jbpst .fieldrow{ width: 98%; margin:0 auto;}
#editevent{ padding:0;}
#editevent input{ margin:2px 0 !important;}
.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;}
#form_21_post .fieldrow .fieldval, #form_21_post .fieldrow .fieldlabel { width:100%;}
input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i], select, textarea{ width:94%; padding:2% 1% ; }
input[type=button], input[type=reset], input[type=submit]{ width:auto; display:block; margin:0 auto;}
.webform .fieldrow .fieldval input[type=text]{width:94%;padding: 2% 1%;}
#captchaphrase{width:auto;margin: 0;}
.general_login div.row span.label, .checkoutlogin div.row span.label{ width:auto; }
.general_login div.loginbtn, .general_login div.forgotpassword, .checkoutlogin div.loginbtn, .checkoutlogin div.forgotpassword{ margin:5px; }
.postwebform td.labelcol{ width:40%;}
.postwebform td.valuecol{ width:50%;}
.info .address, .info .mailingaddress { float:none; margin:10px 0;}
}
/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 699px){
.footnavi,.solpart { width: 98%; margin: 5px auto; float: none; clear: both;}
.solpart { text-align: left; padding: 5px 29px;}
.footnav { width: 94%; margin: 0px auto; float: none;}
}