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;} /*Skip button*/ .skip-to-main-content-link {display: block;position: absolute;left: -999px;top: -999px;z-index: 999;background: #000;color: #FFF;padding: 10px;font-weight: normal;font-size: 1em; } .skip-to-main-content-link:focus{left: 0;top: 0;z-index: 99;padding: 10px;background: var(--dark); color:var(--white);border:1px solid var(--primary);} :focus,:focus-visible{outline:1px dashed #2A2B33;} /* 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: #752a05;} 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.6em;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;} img{ max-width:100%; height:auto;} img[src="#"]{display:none;} #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: 14px;border: none;box-shadow: none;/* text-shadow: 1px 0 1px #3B4148; */margin: 0;padding: 0;outline: 0;background: #ED921B; /* Old browsers */color: #333;font-weight: 600;text-transform: uppercase;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: #dcdcdc;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: #dcdcdc;} .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 i {font-size:20px;color:#FFF;line-height: 40px;} .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: #000000;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.5em;padding-bottom: 2px;position: relative;} .hometab .boxes a {color: #F6E4B0;} .hometab .boxes a span { display:inline;color: #F6E4B0;} .hometab .leftbox {background: #525321;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: .01rem solid;border-left: .01rem 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: #ffffff;border-bottom: 1px solid #EFE4C1;} .hometab .leftbox p {padding-bottom: 4px;border-bottom: 1px dotted #959451;margin: 10px 0;} .hometab .leftbox a {color: #ffffff;} .hometab .middlebox a {color: #FFFF;} .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: #F6E4B0;display:block;font-size: 1em;} .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: #ffffff;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 td.caption a{color: #ffffff;} #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;display: inline-block;padding: 10px 0px;} .deptright .lnkbox .morelnk {position: relative;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,.emplyblk h2, .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 i:before{ content:"\f00d"; font-family:FontAwesome; } #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:"\f054";font-family:FontAwesome;display: block;line-height: 44px;font-size: 10px;text-align: center;} .main-nav ul > li.has-sub .sub-btn.collapsed:before{content:"\f078"; font-family:FontAwesome; } .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-photo img{max-width:250px;} .onlinedirec-photo img[src="#"]{display:none;} .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;} }