/* ==========================================================================
	default
========================================================================== */
body,p{font-family:'Open Sans',sans-serif,Arial;line-height:1.5;font-size:14px}h1,h2,h3,h4,h5,h6,a,p,blockquote,span,placeholder,input{margin:0}ul,ol{margin-bottom:0;margin-top:0}.list-unstyled{list-style:none;padding-left:0}.video{padding:0;position:relative;width:100%}.video iframe,.video object,.video embed{height:100%;left:0;position:absolute;top:0;width:100%}fieldset{border:0;margin:0;padding:0}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}.form{margin:0 0 15px}label{display:block;font-weight:bold;margin-bottom:5px}.input,.select{background-color:#fff;border:1px solid #ccc;color:#555;display:block;font-size:14px;height:38px;line-height:1.428571429;margin-bottom:10px;padding:8px 12px;vertical-align:middle;width:100%}.input::-moz-placeholder,.select::-moz-placeholder{color:#999;opacity:1}.input:focus,.select:focus{border-color:rgba(82,168,236,.8);outline:0}.input[disabled],.select[disabled],.input[readonly],.select[readonly],fieldset[disabled] .input,fieldset[disabled] .select{background-color:#eee;cursor:not-allowed}.button{background-color:black;border:0;color:white;display:inline-block;line-height:inherit;padding:12px}.form-label{cursor:pointer;display:inline-block;font-weight:normal;margin-bottom:0}.checkbox,.radio{display:block;margin-bottom:5px;padding-left:20px}.checkbox-input,.radio-input{float:left;line-height:normal;margin:1px}.radio-input{margin-top:3px}.clearfix:before,.clearfix:after,.embed:before,.embed:after,.checkbox:before,.radio:before,.checkbox:after,.radio:after{content:'';display:table}.clearfix:after,.embed:after,.checkbox:after,.radio:after{clear:both}textarea.input,textarea.select,.select[multiple]{height:auto}
/* ==========================================================================
	end default
========================================================================== */  

/* ==========================================================================
	K00lade Grid 
========================================================================== */
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .row{width: 100%;margin:0 auto;overflow:hidden} .row:after{content:"";display:block;clear:both} [class*='col-']{float:left;padding:.3em} [class*='col-']:last-of-type{float:right} .col{padding:15px 4px}.col-1{width:100%}.col-2{width:50%}.col-3{width:33.33%}.col-4{width:25%}.col-5{width:20%}.col-6{width:16.6666666667%}.col-7{width:14.2857142857%}.col-8{width:12.5%}.col-9{width:11.1111111111%}.col-10{width:10%}.col-11{width:9.09090909091%}.col-12{width:8.33%}.col-10{width:10%}.col-20{width:20%}.col-25{width:25%}.col-30{width:30%}.col-35{width:35%}.col-40{width:40%}.col-45{width:45%}.col-50{width:50%}.col-55{width:55%}.col-60{width:60%}.col-65{width:65%}.col-70{width:70%}.col-75{width:75%}.col-80{width:80%} 

/* ==========================================================================
	MAIN
========================================================================== */ 
.bg-black     { background: #000 } 
.bg-dark-blue { background: #978A69 }
.bg-blue      { background: #978A69 }
.inner{ width:1175px;max-width:100%;margin:0 auto } 
.clear{ clear:both } 
.hide-desktop { display: none} 

h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', sans-serif; margin:0 0 30px }
h2 { font-size: 34px }
P, div { line-height: 1.4 }
a { color: #1E2D66  } 
/* add transition */
p, span, a, a:hover, input[type="submit"]:hover, input[type="button"]:hover{ -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s } 
a:hover { opacity: .75 } 
b,strong { font-family: "Arial" }
input[type="text"] { max-width: 100%; height: 30px; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; text-indent: 10px; font-size: 15px; color: #000000; margin: 10px 20px } 
img { border: 0 }
/* ==========================================================================
	TOP TOOLBAR
========================================================================== */
.toolbar { background: #978A69 }
.toolbar ul      { list-style: none; margin: 0; text-align: right; font-size: 15px; font-weight: 600; color: #fff }
.toolbar ul li   { display: inline-block;  line-height: 2.9; padding: 0 12px; border-right: 1px solid #fff } 
 
.toolbar ul li:first-child  { border-left: none }
.toolbar ul li:last-child { border-right: none }
.toolbar ul li a { font-size: 15px; font-weight: 600; text-decoration: none; color: #fff }

/* ==========================================================================
	HEADER
========================================================================== */ 
.header { padding: 0; background: #fff }
.header.main h1 { font-weight: normal; margin: 10px 0 0; font-family: 'Open Sans', sans-serif; text-transform: none }
.header.main .ms-title {  margin: 28px 0 0 }
.header h1 a { text-decoration: none; color: #000 }
.header.page { padding: 10px 0; background: #f4f4f4; position: fixed }
.header.page .inner { padding: 0 0 0 4px }
.header .row { overflow: visible } 

.header-image { max-height: 400px; position: relative }
.header-img { position: absolute; left: 0; right: 0; width: 100%; z-index: -1 }
.header-img img { width: 100% }

.top-nav { padding: 0 } 
h1.logo  { display: inline-block; width: 650px; height: 150px; max-width: 100%; background: url('images/header-logo.jpg')no-repeat center center / contain; text-indent: -9999px; margin: 10px 0 }
h1.logo a { display: block; width: 100%; height: 100% }
.headline-intro { margin-top: 40px }
.headline-intro h1 { color: #fff }
::-webkit-input-placeholder{font-size:14px;color:#000;font-style:italic}:-moz-placeholder{font-size:14px;color:#000;font-style:italic}::-moz-placeholder{font-size:14px;color:#000;font-style:italic}:-ms-input-placeholder{font-size:14px;color:#000;font-style:italic}
/* tools top */ 
.header .col-40 { text-align: right }
 
 
.tools-top { padding: 5% 0 }
/* .tools-top { margin: 50px 0 0 } */
.tools-top span { display: inline-block }
.tools-top span a { text-decoration: none; color: #fff; text-align: center } 
/* search bar */
.search-form form { position: relative }
.search-form input { background: #e6e7e8; -moz-border-radius: 16px; border-radius: 16px; border: 0; line-height: 34px; height: 34px }
.search-form input[type="text"]  { text-indent: 40px; width: 278px; max-width: 100% }
.search-form input[type="submit"] { background: #978A69; color: #fff; font-size: 14px; margin-left: 8px; border-radius: 8px; padding: 0 14px }
.search-form .search-icon { position: absolute; margin-left: 28px; background: url('images/search-icon.png')no-repeat; width: 22px; height: 24px; margin-top: 16px;}
/* microsite buttons */
.micro-bttns { margin-bottom: 3px }
.micro-bttns .col-3 { text-align: center; line-height: 1.8; padding: 0 }
.micro-bttns a { font-size: 23px; color: #fff; text-decoration: none; display: block; border-left: 2px solid #fff; border-right: 2px solid #fff } 
.col-3.bg_gold > a  { border-left: 0 } 
.col-3.bg_green > a { border-right: 0 }  
/* ==========================================================================
	NAVIGATION
========================================================================== */   
#nav{display: block;list-style:none;margin:0 auto;text-align:left;position: relative; top:0  }
#nav ul { position:relative; top: 0; text-align:center}
#nav li{ display:inline-block;text-align:center;margin-right:0 }

/* .microsite #nav li a{ padding: 8px 35px } */
#nav li:first-child a { padding: 8px 35px }
.microsite #nav li ul li a, .microsite #nav li ul li:first-child a { padding: 8px 0 }

#nav li a{ padding: 8px 18px; font-family: 'Open Sans', sans-serif; display:block; font-size:13px;color:#fff;line-height: 2.2; text-align:center;text-decoration:none }
#nav li a:hover { background: #978A69 }   
#nav li ul li:first-child a, #nav li ul li:last-child a{ }
#nav li ul{color:#fff;background: #978A69}
#nav li:first-child{margin:0}
#nav li ul li:first-child{padding: 8px 20px 0;margin:0}
#nav li ul li:first-child a { padding: 8px 0 0 }
#nav li ul li{list-style:circle!important}
#nav li ul li a{ text-align:left;font-size:13px;padding: 8px 12px 0 0;color:#fff;border: 0}
#nav li ul li a:hover{color: #fff; border: 0}
#nav li ul{ position:absolute;z-index:100;display:none;margin-left:0;padding:0 0 8px;width:235px}
#nav li:hover ul{ display:block;margin-left:0}
/* #nav li.active{background:#999} */
#nav li ul li:first-child a { color:#fff }
#nav li ul li{ width: 100%;line-height:normal;float:left;clear:both;margin:0; padding: 4px 20px 0}
#nav li ul li:last-child { border: 0 }
#nav li ul li ul{position:absolute;z-index:100;display:none!important;margin-left:220px!important;padding:0 0 8px;width:235px;margin-top:-40px}
#nav li ul li:hover ul { display:block!important;margin-left:0 }  
#nav ul li ul li a:Before{ border: 0 }
#nav li ul li a { line-height: 1.2 }
#nav li ul li a:hover{ color: #fff } 
#nav li ul li:hover{ border: 0}  

#nav li.third-level ul { border-left: 2px solid #fff; margin-left: 222px!important; margin-top: -20px }


.bg_blue #nav ul li a { padding: 8px 18px }

.bg_blue #nav ul li ul { width: 260px }
.bg_blue #nav ul li ul li a { padding: 8px 0 }

.home-icon { display: inline-block; position: relative; width: 27px; height: 25px; background: url('images/home-icon.png')no-repeat;    top: 6px; left: 16px }
#nav .sub-menu { left: 0; margin-top: 7px; overflow: hidden }
.navigation { overflow: visible } 
.submenu_wrap { margin-left: 0; margin-top: -4px; position: absolute;} 
  

.corrections-officer #nav ul li .submenu_wrap ul li, .elected-officials  #nav ul li .submenu_wrap ul li, .public-safety-personnel #nav ul li .submenu_wrap ul li
{ padding: 8px 35px }

.corrections-officer #nav ul li .submenu_wrap ul li a, .corrections-officer #nav ul li .submenu_wrap ul li,
.elected-officials #nav ul li .submenu_wrap ul li a, .elected-officials.elected-officials #nav ul li .submenu_wrap ul li,
.public-safety-personnel #nav ul li .submenu_wrap ul li a, .public-safety-personnel #nav ul li .submenu_wrap ul li 
{ padding: 4px 12px; text-align: left }
 
/* ==========================================================================
	MOBILE NAVIGATION
========================================================================== */
#mobile{ display:none } 
 
span.mobile,span.mobile_hide{ color:#fff; top: 0 }
span.mobile { background: #978A69 }
span.mobile_hide { background: #675d44; top: 14px } 
.mobile_nav li a{ color:#fff } 
.mobile_nav { margin: 0 0 10px 0 } 

/* ==========================================================================
	HOME
========================================================================== */  
/* slider */
.hp-slider { margin: 0; padding: 4px 0 0 }  
.hp-slider .header-bottom { margin-top: -5px }
/* .bx-wrapper, .bx-viewport, .bx-wrapper img { max-height: 516px !important } */

.hp-slider .bx-wrapper, .hp-slider .bx-viewport, .hp-slider .bx-wrapper img { max-height: 480px!important }

@media(max-width: 767px){
/* 	.bx-wrapper, .bx-viewport, .bx-wrapper img  { max-height: 100% !important } */
}
	
.slide-content    { position: absolute; margin-left: 100px; width: 640px; max-width: 100%; margin-top: 140px; z-index: 100; color: #fff; -moz-animation-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-name: fadeIn; -webkit-animation-name: fadeIn }
.slide-content h1 { font-size: 44px; font-family: 'Georgia'; font-weight: normal; color:#fff; margin: 0 }
.slide-content p  { font-size: 17px; font-family: "Open Sans"; color: #fff; line-height: 1.2 } 
.slide-content .slide-bttn { background: #fff; padding: 8px 30px; color: #978A69; -moz-border-radius: 8px; border-radius: 8px; display: inline-block; margin: 20px 0; text-decoration: none; font-size: 22px; font-weight: 600; position: relative; z-index: 9999 }
.slide-controls { position: absolute; top: 378px; z-index: 0; width: 1175px; max-width: 100%; margin: 0 auto; text-align: center }
#slider-prev { float: left  }
#slider-next { float: right }
.right-arrow, .left-arrow { display: block; width: 55px; height: 55px }
.right-arrow { background: url('images/arrow-right.png')no-repeat }
.left-arrow  { background: url('images/arrow-left.png')no-repeat } 
.bx-has-controls-auto { display: none }
/* sections */
.hp-section    { text-align: center; color: #fff }
.hp-section p, .hp-section h3 { color: #fff }
.hp-section p  { font-size: 13px } 
.hp-section h4 { font-size: 20px; margin: 20px 0 0 }  
 
/* section titles */
[class*="section-title-"] { margin: 32px 0; font-family: 'Georgia', sans-serif; font-weight: normal; font-size: 48px; text-align: center } 
.section-title-white { color: #fff } 
.section-title-red   { color: #a10007 }
.section-title-blue  { color: #24447d } 
 
/* buckets section */
.hp-buckets .col { padding: 0 }
.hp-buckets .col-3 { padding: 12px 10px }
.bucket  { min-height: 150px; overflow: hidden; padding: 22px 0; text-align: center; margin: 0 auto; background-size: cover; width: 100% }
.b-gold  { background: #6B1706 }
.b-red   { background: #062B57 }
.b-green { background: #E7B84F } 

.bucket h2 { font-size: 22px; line-height: 1.8; color: #fff; font-weight: 300 } 
.bucket a:last-child  { background: #fff; font-size: 22px; text-align: center; text-decoration: none; padding: 8px 40px; -moz-border-radius: 8px; border-radius: 8px  }  

.b-gold a  { color: #000 }
.b-red a   { color: #000 }
.b-green a { color: #000 }

/* about section */ 
.hp-about { padding: 50px 0 62px }
.hp-about .col-45 { text-align: left }
.hp-about .section-title-white { font-size: 52px }
.hp-about h2 { color: #fff; font-size: 24px }
.hp-about p  { line-height: 1.5; font-weight: 300; font-size: 18px; color: #fff } 
.hp-about .btn-white { font-size: 22px; font-weight: 600 }
 
/* color swap */
.bg_gold  { background: #6B1706 }
.bg_red   { background: #062B57 }
.bg_green { background: #E7B84F }
.bg_blue  { background: #978A69 }
.bg_gold .btn-white  { color: #6B1706 }
.bg_red .btn-white   { color: #062B57 }
.bg_green .btn-white { color: #978A69 }

 

/* public-safety */
.public-safety-personnel .top-nav,
.public-safety-personnel .hp-about, .public-safety-personnel #nav li ul { background: #6B1706 }
.public-safety-personnel #nav li a:hover { background: #6B1706 }
.public-safety-personnel #nav ul li ul li a:hover { background:none; }      
.public-safety-personnel .hp-news h1 { border-bottom: 12px solid #6B1706 }
.public-safety-personnel .btn-white  { color: #6B1706 }
.public-safety-personnel .title { color: #6B1706 }
.public-safety-personnel .row.footer, .public-safety-personnel .read-more-bttn  { background: #6B1706 }
.public-safety-personnel  .hp-section.hp-news { border-top: 8px solid #6B1706 }

/* corrections-officer */ 
.corrections-officer .top-nav,
.corrections-officer .hp-about, .corrections-officer #nav li ul { background: #062B57 }
.corrections-officer #nav li a:hover { background: #062B57 }
.corrections-officer #nav ul li ul li a:hover { background: none }
.corrections-officer .hp-news h1 {  border-bottom: 12px solid #062B57 }
.corrections-officer .btn-white  { color: #062B57 }
.corrections-officer .title { color: #062B57 }
.corrections-officer .row.footer, .corrections-officer .read-more-bttn  { background: #062B57 }
.corrections-officer  .hp-section.hp-news { border-top: 8px solid #062B57 }

/* elected-officals */
.elected-officials .top-nav,
.elected-officials .hp-about, .elected-officials #nav li ul{ background: #E7B84F }
.elected-officials #nav li a:hover { background: #E7B84F }
.elected-officials #nav ul li ul li a:hover { background: none; }
.elected-officials .hp-news h1  { border-bottom: 12px solid #E7B84F }
.elected-officials .btn-white  { color: #E7B84F }
.elected-officials .title { color: #E7B84F }
.elected-officials .row.footer, 
.elected-officials .read-more-bttn { background: #E7B84F }


.elected-officials .hp-section.hp-news { border-top: 8px solid #E7B84F }
 
 
.hp-section.hp-news .news-article-content-full p { font-style: italic }




/* callout section */
.hp-callout .section-title-white { font-size: 42px; margin: 10px 0; display: inline-block }
.hp-callout span   {  display: inline-block; position: relative; left: 20px; bottom: 12px }
.hp-callout span a { font-weight: 400; line-height: 1.2; color: #fff; font-size: 18px } 

/* news section */
.hp-news .col-1 { text-align: left }
.hp-news .section-title-black { color: #000; font-size: 40px; display: inline-block; margin: 20px 0 0 } 
.hp-news span   { position: relative; margin-left: 20px; display: inline-block }
.hp-news span a { font-weight: 600; line-height: 1.2; color: #000; font-size: 15px }
/* .news-items { list-style: none; margin: 0 auto 20px; text-align: left } */
/* .news-items li { color: #000;  margin: 20px 0; float: left; width: 45%; max-width: 100% } */
/* .news-items li { color: #000;  margin: 20px 0; display: inline-block; width: 43.5%; max-width: 100%; padding-top: 20px } */

/* .news-items li:nth-child(2n) { float: right } */
/* .news-items li:first-child, .news-items li:nth-child(3n) { margin: 20px 0 40px } */
.news-items li h3 { line-height: 1.2; font-size: 17px; margin: 0; font-weight: 600 }
.news-items li h3, .news-items li p { color: #000 }
.news-items li p { line-height: 1.2; font-size: 15px; margin: 5px 0 18px; width: 90% } 
.news-items p { color: #000 }
  
 
/* .news-items {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding-left: 0;
  list-style: none;
  text-align: left;
	margin-bottom: 40px
}

.news-items li {
  flex: 0 0 calc(50% - 10px);
  margin: 30px 5px;
  padding: 5px 0; 
  box-sizing: border-box; 
  color: #000; 
	display: inline-block;
  width: 43.5%;
} */

/* news section */
.news-items .section { margin: 30px auto }
.hp-news .col-1 { text-align: left }
.hp-news .section-title-black { color: #000; font-size: 40px; display: inline-block; margin: 20px 0 0 } 
.hp-news span   { position: relative; margin-left: 20px; display: inline-block }
.hp-news span a { font-weight: 600; line-height: 1.2; color: #000; font-size: 15px } 
.news-items h3 { line-height: 1.2; font-size: 17px; margin: 0; font-weight: 600 }
.news-items h3, .news-items p { color: #000 }
.news-items p { line-height: 1.2; font-size: 15px; margin: 5px 0 18px; width: 90% } 
.news-items p { color: #000 } 
.news-items .col-2 { min-height: 220px; margin: 0 } 
.news-items .news-article-date { color: #000!important }

.system-updates-title--home { border-bottom: 12px solid #978A69 } 

.content .all-news-items { padding: 0; margin: 0 auto }
.all-news-items li { float: none; margin: 20px auto; width: 100% }
.all-news-items li h3 { font-size: 18px; font-style: normal; margin: 0  }
.news-article-date { display: block; font-style: italic; margin: 4px 0 12px }
.hp-news .news-article-date { margin-left: 0 }

/* buttons */
.btn-black,
.btn-red, 
.btn-white   { font-family: 'Open Sans', sans-serif; padding: 8px 16px; text-align: center; display: inline-block; margin: 24px auto 24px; font-size: 1em; border: 0; text-decoration: none; -moz-border-radius: 6px; border-radius: 6px } 
.btn-black   { background: #000 }
.btn-blue     { background: #978A69 }
.btn-white   { background: #fff; color: #978A69 }
.small       { font-size: .75em }

.small-button  { font-family: 'Open Sans', sans-serif; padding: 8px 16px; text-align: center; display: inline-block; margin: 24px auto 24px; font-size: 1em; border: 0; text-decoration: none; -moz-border-radius: 6px; border-radius: 6px } 
.medium-button { font-family: 'Open Sans', sans-serif; padding: 12px 20px; text-align: center; display: inline-block; margin: 24px auto 24px; font-size: 1em; border: 0; text-decoration: none; -moz-border-radius: 6px; border-radius: 6px } 
.large-button  { font-family: 'Open Sans', sans-serif; padding: 16px 24px; text-align: center; display: inline-block; margin: 24px auto 24px; font-size: 1em; border: 0; text-decoration: none; -moz-border-radius: 6px; border-radius: 6px } 

.small-button.gold,.medium-button.gold,.large-button.gold     { background: #6B1706; color:#fff; text-decoration: none }
.small-button.red,.medium-button.red,.large-button.red        { background: #062B57; color: #fff; text-decoration: none }
.small-button.green,.medium-button.green,.large-button.green  { background: #978A69; color: #fff; text-decoration: none }
.small-button.blue,.medium-button.blue,.large-button.blue  { background: #978A69; color: #fff; text-decoration: none }

 
/* ==========================================================================
	PAGE
========================================================================== */
.title { position: relative; text-align: left; margin: 0; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 30px }
.breadcrumbs ul  { list-style: none; padding: 12px 0 12px 2px; margin: 0; color: #000 }
.breadcrumbs li { display: inline } 
.breadcrumbs li a { color: #000 }
.breadcrumbs li .active { color: #000; text-decoration: none }  
 h1.post-title,.col-65 .title h1 { font-size: 28px; color: #000 }
.col p{line-height:1.4 }   
 a.bttn { background: #000; margin: 20px 0; text-decoration: none; color: #f79816; text-align: center; padding: 18px 0 24px; width: 100%; display: block; font-size: 22px } 

/* page header */
.header-image { height: 565px; margin-top: 3px }
.logo.micro-page-logo { display: inline-block; width: 150px;height: 150px;max-width: 100%;background: url('images/header-logo-2.jpg')no-repeat center center / contain;text-indent: -9999px;    margin: 10px 40px 0 0;}

.micro-page-logo:After { display: block; width: 1px; height: 140px; background: #333; content: "" ; float:  right; margin-right: -15px;margin-top: 4px;}
.page-title { display: inline-block; margin: 0; position: relative; bottom: 70px ; font-size:  20px; font-weight:  400;}

/* ==========================================================================
	CONTENT - SINGLE
========================================================================== */
.col-65.content { margin: 0 0 40px 0 }
.content p { font-family: 'Open Sans', sans-serif; font-size: 14px; margin: 0 0 20px 0 } 
.content p:first-child { margin: 0 0 20px 0 }
.content.full-width { padding: 40px 0 }
.content a { color: #978A69; text-decoration: underline }
.content ul, .content ol { padding: 0 0 20px 30px }
.content ol li { margin: 12px 0 }
.content iframe { max-width: 100% }
.content img{max-width:100%; height:auto;}
h4.media-heading a,h4.media-heading a:hover { color: #162752 }

/* scrollbar */
.scroll { height: 800px; overflow: auto; float: left; margin: 0 10px } 
.scroll .content { height: 500px }
.scroller::-webkit-scrollbar { width: 10px } 
.scroller::-webkit-scrollbar-thumb { background: #003366; border-radius: 20px } 
.scroller::-webkit-scrollbar-track { background: #ddd; border-radius: 20px }

/* forms */
.form { max-width: 100% }  

 /* ==========================================================================
	SIDEBAR
========================================================================== */ 
.sidebar { padding: 10px 0 10px 24px; overflow: hidden }
.sidebar ul { margin: 30px 0; padding: 0 0 0 30px } 
.sidebar img { max-width: 100%; height: auto } 
.widgets { list-style: none; padding: 0!important; margin: 0 }
.widget  { margin: 34px 0; padding: 0 }   

/* ==========================================================================
	FOOTER
========================================================================== */ 
.row.footer { background: #978A69 } 
.footer     { font-size: 13px; color:#fff; padding: 20px 0!important} 
.footer a   { color:#fff;text-decoration:none } 
.footer p   { font-size: 14px; color: #fff }  
.footer .col-30 { text-align: right }
img.footer-logo { width: 150px; margin: 0 auto; display: block }
.social-handles { text-align: center }
/* email form */
.email-updates h3 { font-weight: 300;  color: #fff; text-align: left; font-size: 22px; margin: 20px 0 }
.email-updates p  { margin: 18px 0 30px; font-style: italic }
.email-updates input { -moz-border-radius: 16px; border-radius: 16px; border: 0; line-height: 34px; height: 34px }
.email-updates input[type="email"]  { text-indent: 16px; width: 284px; max-width: 100% }
.email-updates input[type="submit"] { background:#6d6349; color: #fff; font-size: 14px; margin-left: 16px; border-radius: 8px; padding: 0 14px }
.email-updates .mail-icon { display: none; position: absolute; margin-left: 12px; background: url('images/mail-icon.png')no-repeat; width: 28px; height: 20px; margin-top: 8px }

/* footer links & social handles */
.social-handles a { display: inline-block; width: 24px; margin: 0 9px; height: 24px; font-size: 24px; color: #fff }  
.footer-links a { text-decoration: none; font-weight: 300; padding: 12px; margin: 12px 0; display: inline-block } 
.footer .subscribe-btn { background: #4c4534; -moz-border-radius: 6px; border-radius: 6px; color: #fff; display: inline-block; font-size: 15px; font-weight: 600; margin: 18px 0; padding: 12px 24px; text-align: center }

/* ==========================================================================
	Board of Trustees
========================================================================== */  
.bot-table th { background: #978A69; border-left: none; border-right: 1px solid #fff; color: #fff; font-size: 16px; font-weight: normal } 
.bot-table th:first-child{ border-left: 1px solid #939598 }
.bot-table th:last-child{ border-left: none; border-right: none }
.bot-table  { border: 1px solid #939598; cellspacing: 0; max-width: 100%; margin: 40px auto; text-align: center }  
.td1, .td2  { padding: 12px; width: 20% }
.td3, .td4  { padding: 12px; width: 30% }



.bot-entry.col1 .td  { padding: 12px; width: 100% }
.bot-entry.col2 .td  { padding: 12px; width: 50% }
.bot-entry.col3 .td  { padding: 12px; width: 33% }
.bot-entry.col4 .td  { padding: 12px; width: 25% }

.bot-entry:nth-child(odd) { background: #f4f4f4 } 

.BOT.bot-table .td1,.BOT.bot-table .td2, .BOT.bot-table .t3 { padding: 12px; width: 33% }

@media only screen and ( max-width: 767px ){
	.BOT.bot-table .td1,.BOT.bot-table .td2, .BOT.bot-table .t3 { display: block; width: 100% }
}



table { border-color: #fff; width: 100% }
table td p { margin:8px 0!important; text-align: center!important }
.td-header:first-child { border-left: none }
.td-header { background: #978A69; border-left: 1px solid #fff; border-right: 0; border-bottom: none; color: #fff; font-size: 16px; font-weight: normal;   }
tr:nth-child(odd) { background: #f4f4f4 }
@media only screen and (max-width: 767px){
	table, td { max-width: 100% }
}

 
/* ==========================================================================
	Investments Financials
========================================================================== */  
.investments--financials tr:nth-child(13){ font-weight: bold }
.chart-right { line-height: 587px; text-align: center }
.chart-right img { display: inline-block; vertical-align: middle }

/* ==========================================================================
	Programs Single Column Table 
========================================================================== */
 .table-row { background: #978A69; border-left: 2px solid #939598; border-right: 2px solid #939598; color: #fff; font-size: 16px; font-weight: normal; width: 100% }
 .table-row:last-of-type { border-bottom: 2px solid #939598 }
 .table-content { background: #fff; color: #000; padding: 20px 40px; text-align: center }
 .table-content:nth-child(odd) { background: #f4f4f4 }
 .table-header { padding: 12px; text-align: center } 
/* Landscape Mobile & Down */
@media (max-width: 30em) { 
.bot-table { border: 0; width: 100% }
.bot-table th { border-top: 1px solid #fff; border-left: none; border-right: none; padding: 6px; font-size: 12px }	
.bot-entry { display: block; border: 2px solid #d4d4d4; margin: 12px 0 }
.td1, .td2, .td3, .td4 { display: block; float: none; text-align: left; width: 100% }
.chart-left,.chart-right { width: 100%; float: none }
.chart-right { line-height:0 }
.bot-entry.col1 .td ,.bot-entry.col2 .td ,.bot-entry.col3 .td ,.bot-entry.col4 .td  { width: 100%; display: block; margin: 0 auto }
}
 
/* Portrait Tablet to Landscape */
@media (min-width: 30em) and (max-width: 50em) {  
.bot-table { width: 100% } 
}

.investment-member { background: #f4f4f4; padding: 0 20px; width: 800px; margin: 0 auto  }  
.investment-member h2 { border-bottom: 2px solid #d4d4d4;  display: inline-block; font-size: 28px; font-family: 'Open Sans', sans-serif; font-weight: normal; margin: 8px 0; width: 100%; position: relative }
.investment-member h2 span { display: inline-block; font-size: 14px; padding-bottom: 8px; position: relative; bottom: 4px;  margin-left: 8px; text-align: left; font-style: italic }
.investment-member h2 .im-link, .investment-member h2 .close-link { background: #978A69; border: none; -moz-border-radius: 8px; border-radius: 8px;  bottom: 9px; color: #fff; display: block; position: absolute; right: 0; text-align: center; padding: 6px 12px; cursor: pointer; font-weight: normal  }
.investment-member h2 .im-link.current { background: #E6E7E8; color: #d4d4d4 }
.im-content { border-bottom: 2px solid #d4d4d4; display: none; padding-top: 20px }  
.investment-member:last-of-type .im-content  { border: none }  


.close-link  { display: none } 
.im-link.current ~ .close-link { display: block }


@media ( max-width: 767px ) {
.investment-member { max-width: 100% }
.investment-member h2 { font-size: 22px }
.investment-member h2 span { font-size: 10px; max-width: 75%; display: block; margin: 0 }
.investment-member h2 .im-link { bottom: 20px; width: auto }
}

/* ==========================================================================
	OTHER
========================================================================== */ 
/* bootstrap changes */
.bootstrap .form-horizontal .controls {
  margin-left: 0!important;
  width: 95.5%!important
}
.bootstrap .form-horizontal .control-label {
  text-align: left;
  width: auto!important
}
.bootstrap select,
.bootstrap textarea,
.bootstrap input[type='text'],
.bootstrap input[type='password'],
.bootstrap input[type='datetime'],
.bootstrap input[type='datetime-local'],
.bootstrap input[type='date'],
.bootstrap input[type='month'],
.bootstrap input[type='time'],
.bootstrap input[type='week'],
.bootstrap input[type='number'],
.bootstrap input[type='email'],
.bootstrap input[type='url'],
.bootstrap input[type='search'],
.bootstrap input[type='tel'],
.bootstrap input[type='color'],
.bootstrap .uneditable-input {
  clear: both;
  margin: 0 auto;
  width: 100%!important
}
.bootstrap input[type='text'] {
  height: 30px!important
}
.bootstrap .pagination ul > li > a,
.bootstrap .pagination ul > li > span,
.bootstrap .pagination ul > li:first-child > a,
.bootstrap .pagination ul > li:first-child > span {
  background: none!important;
  background-color: none!important;
  border: none!important;
  color: #444!important
}
.bootstrap button.btn, .bootstrap input[type="submit"].btn{ 
  background: #000;
  padding: 2px 20px;
  font-size: 16px; 
  color: #fff;
  text-shadow: none;
  border: none;
  padding: 6px 24px 
}
/* ==========================================================================
	end 
========================================================================== */ 
 

/* JCL */
select.forms-database-search, select.forms-database {height:30px;width:100%;max-width:600px;}
.forms-database-table {width:100%;max-width:900px;margin-bottom:40px;}
.forms-database-table tr {height:34px;}
.forms-database-table tr td {padding-right:10px;}
.forms-database-table .head {background-color:#978A69;color:#fff;text-align:left;}
.forms-database-table .head th {padding-left:20px;font-weight:normal;font-size:17px;}
/* END JCL */


/* hic charts */
.hic-chart-main-header td { padding: 12px 0 }
.hic-chart-header td { background: #fff; border-right: 1px solid #d4d4d4; padding: 12px 0; text-align: center } 
.hic-chart-table-header td { background: #A6A5A5; color: #fff; padding: 4px 18px }
.hic-chart td { border-right: 1px solid #d4d4d4; padding: 12px 0; padding: 4px 0; text-align: center }
.hic-chart tr:nth-child(even) { background: #f4f4f4 }
.hic-chart tr:nth-child(odd)  { background: #fff }
@media(max-width: 767px) {
.hic-chart tr:nth-child(even) { background: #fff }
.hic-chart-main-header .td-header { margin-bottom: 12px; padding-left: 12px } 
.hic-chart-header td { display: none }
.hic-chart-main-header td:first-child { display: none }
.hic-chart-main-header td, .hic-chart td { float: none;  display: block; width: 100%;  text-align: left; text-indent: 0 } 
.hic-chart td:first-child { background: #978A69; color: #fff }
.hic-chart td:before  {  background: #f4f4f4; color: #333; display: inline-block; font-weight: bold; margin-right: 12px; padding: 4px 12px; text-align: center }
.hic-chart td:before { font-size: 9px; font-weight: normal }

.hic-chart td:nth-child(1):before   { background: #42658c; color: #fff; content: "Years of Service" }
.hic-chart td:nth-child(2):before   { content: "Retiree Only (w/o Medicare)" }
.hic-chart td:nth-child(3):before   { content: "Retiree & Dependents (w/o Medicare)" }
.hic-chart td:nth-child(4):before   { content: "Retiree Only (w/Medicare)" }
.hic-chart td:nth-child(5):before   { content: "Retiree & Depedents (w/Medicare)" }
.hic-chart td:nth-child(6):before   { content: "Ritiree & Depedents One with Medicare, the other(s) without (R & D)" }	
.hic-chart td:nth-child(7):before   { content: "Ritiree & Depedents with Medicare, other dependents without (R & D)" }	
}


/* newsletters */
.newsletter-date  { margin: 12px 0; font-style: italic }

/* newsletter single */  
.header.page.newsletter-single { font-family: Open Sans; margin-bottom: 50px; padding: 2.26% 0  }
.newsletter-single .title { color: #fff; display: inline-block; font-size: 30px; font-weight: 700; text-transform: uppercase; vertical-align: middle }
.newsletter-single .newsletter-content h2, .newsletter-single .newsletter-content h3, .newsletter-article h3 { color: #819ec4; font-weight: 700; line-height: 4px }
.newsletter-single .newsletter-content h2, .newsletter-article h2 { color: #819ec4; font-size: 30px; font-weight: 700; line-height: 4px }
.newsletter-single .newsletter-content h3, .newsletter-article h3 { font-size: 24px; font-weight: 700; margin: 60px 0 40px }
.newsletter-content .newsletter-meta { margin: 0 0 40px }
.newsletter-content .pdf-button { tex-align: center; padding: 24px 0 }
.newsletter-content .pdf-button a { background: #819ec6; color: #fff; font-size: 18px; font-weight: 500; display: inline-block; line-height: 50px; padding: 0 30px; text-decoration: none }
.newsletter-content .back-button a { color: #b4b4b4; display: block;  font-size: 15px; font-weight: 600;  margin: 35px 0 75px;  text-decoration: none }


/* .newsletter-list h2 { color: #978A69; font-size: 18px; font-weight: 700; line-height: 1.4; margin: 10px 0 } */
.newsletter-list .newsletter-meta { font-size: 14px; font-style: italic }
.newsletter-list .newsletter-item { margin: 40px 0; text-align: left }
.newsletter-list .newsletter-item p { margin: 10px 0 }
.newsletter-list .newsletter-item a { background: #978A69; color: #fff; display: inline-block; font-size: 15px; font-weight: 600; line-height: 35px; padding: 0 26px; text-decoration: none }

.newsletter-list-content .archive {border-top:1px solid #978A69;padding-top:20px;}
.newsletter-list-content .archive h3 {color: #978A69;margin-bottom:15px;}
.newsletter-list-content .archive a {color:#000;text-decoration:none;}
.newsletter-list-content .archive a:hover {color:#000;text-decoration:underline;}

  
.newsletter-item:first-of-type { margin-top: 0 }
.newsletter-item h2 { color: #000; line-height: 1.2; font-size: 18px; margin: 0; font-weight: 600 }


.corrections-officer .content a { color: #062B57 }
.corrections-officer .table-row,
.corrections-officer .td-header, 
.corrections-officer .content .medium-button { background: #062B57; color: #fff }
.corrections-officer .email-updates input[type="submit"] { background: #3e4b79; color: #fff }

.elected-officials .content a { color: #E7B84F } 
.elected-officials .td-header, .elected-officials .table-row,
.elected-officials .content .medium-button { background: #E7B84F; color: #fff }
.elected-officials .email-updates input[type="submit"] { background: #ca8e09; color: #fff }

.public-safety-personnel .content a { color: #6B1706 }
.public-safety-personnel .table-row,
.public-safety-personnel .td-header, 
.public-safety-personnel .content .medium-button { background: #6B1706 }
.public-safety-personnel .email-updates input[type="submit"] { background: #a52309; color: #fff }

[class^="td-header"]:first-child { border-left: none }
[class^="td-header"] { border-left: 1px solid #fff; border-right: 0; border-bottom: none; color: #fff; font-size: 16px; font-weight: normal;   }
 




 
/* RESPONSIVE RULES */ 
/* ==========================================================================
	960
========================================================================== */
@media (max-width: 960px)  { 
.news-items li { margin: 20px; float: none; width: 45% } 
} 
/* ==========================================================================
	768
========================================================================== */ 
 

@media (max-width: 767px) { 
.hide-mobile{display:none}.hide-desktop{display:block}.row .inner{max-width:100%}.inner{padding:0 12px}.mobile-hide{display:none}.header{height:auto}.header.page{height:auto;padding:0;margin:0}.header .col-2{padding-top:0;float:none;width:100%}.top-nav{padding:2px 0;z-index:2}.top-nav .col-40{height:72px}h1.logo{display:block;max-width:50%;background:url(images/header-logo.jpg)no-repeat;background-size:contain;margin:20px 0;text-indent:-9999px;height:58px}h1.title{margin:20px 0 0;z-index:0}.headline-intro h1{color:#fff;font-size:22px}.navigation{background:#978A69;left:0;z-index:9999}#nav,.home-icon{display:none}#mobile{display:block}span.mobile,span.mobile_hide{border-radius:4px;-moz-animation:fadein 1s;-ms-animation:fadein 1s;-o-animation:fadein 1s;-webkit-animation:fadein 1s;animation:fadein 1s;cursor:pointer;display:block;padding:10px 16px;position:absolute;right:12px;top:10px;text-align:center;z-index:1001}#nav li a{text-align:left}.sep{display:none}.mobile_nav li a,.mobile_nav li a:hover{line-height:40px;color:#fff;text-decoration:none}.mobile_nav li ul li a{color:#fff!important;margin:0 14px}.logo img{width:220px;height:auto}.page-header{height:100px;width:100%;padding:34px 0 0}.page-title{font-size:1.25em}h1.title{font-size:20px}.mobile_nav ul li:hover .submenu_wrap{display:block;margin-left:0;position:relative;margin-top:10px;width:100%}.mobile_nav .submenu_wrap{display:none}.sidebar{padding:10px}.footer{padding:20px}.footer .col-1,.footer .col-30,.footer .col-70{width:100%;float:none;text-align:center}.footer .col-30{text-align:center}.footer-logo{max-width:80%;height:auto}.email-updates h3{text-align:center}.email-updates input[type="email"]{width:50%;text-indent:16px}.email-updates .mail-icon{display:none}.col-45 div{min-height:0}.col-45{word-wrap:break-word}.col-45 h2{font-size:28px;text-align:center}a.bttn{padding:10px 0 18px;font-size:14px}.sidebar a.bttn{padding:8px 0 16px;font-size:14px}.toolbar ul,.toolbar ul li a{font-size:11px;text-align:center}.toolbar ul li{padding:0 8px}.toolbar li:last-child{border:0}.header .col-40{display:none;clear:both;float:none;margin:0;text-align:center}.tools-top{margin:0}.search-form input[type="text"]{width:60%}.micro-bttns .col-3{line-height:4}.micro-bttns a{font-size:8px;border-left:2px solid #fff;border-right:0}.micro-page-logo:After{display:none}.page-title{bottom:15px}.hp-slider{padding:0}.slide-controls{display:none}.slide-content{margin:0 auto;width:80%}.slide-content h1{line-height:1.2;font-size:24px}.slide-content p{font-size:10px}.slide-content .slide-bttn{padding:5px 18px;-moz-border-radius:4px;border-radius:4px;margin:10px 0;font-size:14px}.hp-about{padding:0 0 40px}.hp-about .section-title-white{margin:12px 0;text-align:left}.hp-callout .section-title-white{font-size:28px}.elected-officials .hp-news h1,.correction-officers .hp-news h1,.public-safety-personnel .hp-news h1{font-size:30px}.hp-news .section-title-black{text-align:left;font-size:24px}.hp-news .section-title-black span{display:block;clear:both;float:right}.hp-section{height:100%!important}.hp-section .col-3,.hp-section .col-4{width:100%;margin:0 auto;float:none}.section-title,.section-title-white,.section-title-blue,.section-title-red{margin:40px 0;font-size:28px}.hp-buckets .col-3{padding:10px}.bucket{min-height:0}.b-gold{background:#6B1706}.b-red{background:#062B57}.b-green{background:#E7B84F}.hp-news .section-title-black{font-size:34px}.news-items li{float:none;width:100%;margin:20px auto}/* page */ .header-image { background-size: 100%; height: 120px;  margin: 0; max-width: 100% } ::-webkit-input-placeholder { font-size: 10px } :-moz-placeholder { font-size: 10px } ::-moz-placeholder { font-size: 10px } :-ms-input-placeholder { font-size: 10px }   
} 
@media (max-width: 767px) {
	.header.main { top: 26px }
	.top-nav { background: none!important; top: 40px!important } 
  .hp-news .news-items { padding-top: 20px; width: 100% }
  .hp-news .news-items .section { margin: 0 }
  .hp-news .news-items .col-2 { display: block; float: none; margin: 0 auto; width: 100% }
}
/* ==========================================================================
	640
========================================================================== */
@media only screen and (max-device-width: 480px), screen and (max-width: 640px)  {
.col-20,.col-25,.col-30,.col-35,.col-40,.col-45,.col-50,.col-55,.col-60,.col-65,.col-70,.col-75,.col-80{float:none;width:100%!important}
.mobile-hide{display:none}
.mobile_nav ul{list-style:none}
.mobile_nav > li{display:block;float:none}
.mobile_nav{float:none;width:100%;padding:10px}
.mobile_nav li ul li:hover ul{display:none!important}
.mobile_nav li ul li a{color:#fff}  
}
/* ==========================================================================
	480
========================================================================== */
@media (max-width: 480px) { 
 
/* tool bar */
.toolbar ul, .toolbar ul li a { font-size: 10px }
.toolbar ul li { padding: 0 4px }
 

/* hp sections */ 
.slide-content { width: 50% }
.slide-content h1  { line-height: auto; font-size: 16px }
.slide-content p   { font-size: 8px }
.slide-content .slide-bttn { padding: 3px 12px; -moz-border-radius: 4px; border-radius: 4px; margin: 10px 0; font-size: 12px }
.hp-about { padding: 0 0 20px }
.hp-about .section-title-white { font-size: 36px }
.bucket img { height: auto; width: 90% }	
.hp-callout .section-title-white { font-size: 28px }
.hp-callout span   { margin: 12px 0;  left: 0; bottom: 0; display:  block }
.hp-news { margin: 0 0 40px }
.hp-news .section-title-black    { margin: 12px 0; font-size: 26px }
.hp-news span { margin: 0 0 12px }
/* footer */
.email-updates h3 { font-size: 20px }
.footer-links a   { padding: 10px }
 
/* placeholders */	
::-webkit-input-placeholder { 
   font-size: 8px; 
 } 
:-moz-placeholder { /* Firefox 18- */ 
   font-size: 8px; 
 } 
::-moz-placeholder {  /* Firefox 19+ */ 
   font-size: 8px; 
 } 
:-ms-input-placeholder {   
   font-size: 8px; 
 } 	
}
/* ==========================================================================
	end
========================================================================== */  
/* END RESPONSIVE RULES */ 

 

.header.main, .top-nav, .toolbar,  .micro-bttns { position: fixed; width: 100%; z-index: 100 }
.toolbar { top: 0 }
.top-nav { top: 152px }
.header.main { top: 43px }
.hp-slider, .row.header-image { margin-top: 183px }
.hp-slider { border-bottom: 8px solid #978A69 }
.header.page .inner { margin-top: 194px }


.hp-news .pagination { display: none } 
.read-more-bttn { background: #978A69; color: #fff!important; display: inline-block; font-size: 16px; font-weight: 600; padding: 10px 24px; text-decoration: none!important }
 

/* AAA COMPLIANCE */ 
.header.page .inner { position: relative }
.font-resizer { right: 0; position: absolute; top: 44px; margin-top: 20px }
.text-adjust { background: #cacaca; cursor: pointer; display: inline-block; margin: 0; padding: 8px 12px;; color: #444; text-align: center; height: 34px; line-height: 20px; vertical-align: middle  }
.f-sml { background: #d9d9d9; font-size: 12px }
.f-med { background: #d1d1d1; font-size: 14px }
.f-lrg { background: #cacaca; font-size: 16px } 
.active-size { background: #999; color: #fff }
 




 
.site-title { line-height: 100px }
.site-logo { display: inline-block; line-height: 0; height: 80px; width: 80px; vertical-align: middle; margin: 0 }
.site-logo img { max-width: 100%; height: auto }
.site-title h1 { display: inline-block; font-size: 24px; line-height: auto; vertical-align: middle ; margin: 0!important }
.site-title span { display: inline-block; height: 60px; width: 1px; background: #000; margin: 0 6px; vertical-align: middle }


.header-image { height: 400px; position: relative }
.header-img   { position: absolute; left: 0; right: 0; width: 100%; height: 400px; z-index: -1 }
.header-img img { width: 100% }

.toolbar ul li a { background: #4c4534; cursor: pointer; -moz-border-radius: 4px; border-radius: 4px; padding: 6px 12px }
.toolbar ul li a:hover { background: #696049; opacity: 1 } 

.content .webinar-bttn { background: #4c4534; border-radius: 4px; color: #fff; display: inline-block; margin: 12px auto; padding: 8px 12px; text-align: center; text-decoration: none }
 
 
.mobile-bot-row, .hidden-label { display: none }
.fd-table .td-header .fp-mlabel, 
.fp-mlabel { display: none }


/* database forms pages */
.forms-database-table .head th { text-align: left }
/* search */
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { width: auto!important; height: auto!important }
.gsc-input { background: transparent!important; border: 0!important}
.gsc-input table, input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { border: 0!important }
.gsc-selected-option { line-height: 24px }
.gsc-table-result td { background: #fff!important }
.gsib_a { padding: 0 6px 0!important}
input.gsc-input { line-height: 0!important }


/* view switch */
.view-switch { clear: both; margin: 12px auto; text-align: center; padding: 12px 0; width: 100% } 
 

/* scrollto */
.scroll-spacer { height: 200px;position:relative; top: 0 }

@media(max-width: 1600px){
	.header-image { height: 300px }
}

@media(max-width: 1380px){
	
	 #nav ul li a { padding: 8px!important }
	.header-image { height: 275px }
	.site-title h1 { font-size: 170% }
	
	.slide-controls { top: 314px; padding: 0 20px }
  .slide-content    { position: relative; margin-left: 0; width: 90%; margin: 0 auto; max-width: 100%; margin-top: 0; color: #000  }   
	.slide-content h1 { color: #000; font-size: 275%; margin-top: 4px }
	.slide-content .slide-text h3,
	.slide-content .slide-text, .slide-content p { color: #000; -webkit-text-size-adjust: none; font-size: 13px; line-height: 1.4; margin: 0  } 
 	.slide-content .slide-bttn { background: #978A69; color: #fff;  font-size: 13px; margin: 5px 0 14px; padding: 8px 12px }  
}
@media(max-width: 1040px){
	.header-image { height: 225px }
	.site-title h1 { font-size: 150% }
	
  .slide-content    { position: relative; margin-left: 0; width: 90%; margin: 0 auto; max-width: 100%; margin-top: 0; color: #000  }   
	.slide-content h1 { color: #000; font-size: 275%; margin-top: 4px }
	.slide-content .slide-text h3,
	.slide-content .slide-text, .slide-content p { color: #000; -webkit-text-size-adjust: none; font-size: 13px; line-height: 1.4; margin: 0  } 
 	.slide-content .slide-bttn { background: #978A69; color: #fff;  font-size: 13px; margin: 5px 0 14px; padding: 8px 12px } 
  .news-items { width: 90%; margin: 0 auto }	
  .news-items li  { float: none; display: block; width: 100%; margin: 0 auto; padding: 0 }
}		
@media(max-width: 880px){
	.header-image { height: 200px }
	.site-title h1 { font-size: 130% }
}	

@media(max-width: 767px){ 
  /* header */
  .site-title { line-height: 60px }
	.site-logo { width: 70px }
	.site-title span { display: none }
	.site-title h1 { font-size: 110% } 
	.toolbar ul li a { padding: 3px 6px }
	
	
	.header { padding: 6px 0 }
	.header.main { top: 45px }
	.header.main h1 { max-width: 68%; display: inline-block }
	
	.toolbar ul li { border: none; padding: 8px 4px 8px 2px }
	.toolbar ul li a { padding: 6px 12px }
	.toolbar ul li:first-child { display: none;  padding: 0 } 
	.top-nav { position: absolute; top: 38px!important }
	span.mobile, span.mobile_hide { position: fixed; top: 64px  }
	
	.hp-slider, 
	.row.header-image { margin-top: 136px } 
	.header-image { height: 95px }
  .slide img { height: 100%!Important } 
	
  .slide-content    { position: relative; margin-left: 0; width: 90%; margin: 0 auto; max-width: 100%; margin-top: 0; color: #000  }   
	.slide-content h1 { color: #000; font-size: 200%; margin-top: 4px }
	.slide-content .slide-text h3,
	.slide-content .slide-text, .slide-content p { color: #000; -webkit-text-size-adjust: none; font-size: 12px; line-height: 1.4; margin: 0  } 
 	.slide-content .slide-bttn { background: #978A69; color: #fff;  font-size: 10px; margin: 5px 0 14px; padding: 8px 12px }
	
	
	/* home */
	.hp-callout .section-title-white { font-size: 150%; display: block; line-height: 1.4; width: 80%; margin: 12px auto 0  }
	.hp-buckets { padding: 10px }
	.bucket { padding: 10px 0 22px }
	.bucket h2 { margin: 0 0 12px }
	.bucket a:last-child { font-size: 100%; padding: 8px 60px }
	
	.section-title-black, .section-title-black.system-updates-title--home { border-bottom: 6px solid #978A69 }
 
	
	/* tables */
  .forms-database-table tr td  { display: block; padding-left: 12px!important }
	.forms-database-table tr { height: auto; padding: 12px 0 }
	.forms-database-table tr td a { display: block; padding: 12px 0 }
/* 	table, tbody, tr, td { display: block; clear: both; width: 100%; margin: 0 auto } */
	 table {	overflow-x: auto; display: block; font-size: 80%  }
	 table, th, td, table p, table td p { font-size: 10px!important  }
	/* other table rules */
	.fd-table td:nth-child(1) {  background: rgb(151, 138, 105); color: #fff; font-weight: bold }  
	.fd-table td { padding: 12px 0 }
	.fd-table .td-header { display: none }
	.fd-table .fp-mlabel { background: #e0e0e0; display: block; width: 100%; font-weight: bold; text-align: center; padding: 4px 0 }
	.fd-table td:nth-child(1) p:first-child { margin: 0 !important }
	.fd-table tr > td:nth-child(2) { padding: 0 0 12px!important }
 
  /* microsites */  
	.public-safety-personnel span.mobile, 
	.public-safety-personnel span.mobile_hide,
	.public-safety-personnel .navigation,
	.public-safety-personnel .td-label { background: #6B1706 }
	.corrections-officer span.mobile, 
	.corrections-officer span.mobile_hide, 
	.corrections-officer .navigation,
	.corrections-officer .td-label     { background: #062B57 }	
	.elected-officials span.mobile, 
	.elected-officials span.mobile_hide,
	.elected-officials .navigation,
	.elected-officials .td-label       { background: #E7B84F }
	
	.corrections-officer .hic-chart td:first-child {  background: #062B57 }
	.elected-officials .hic-chart td:first-child   {  background: #E7B84F }
	.public-safety-personnel .hic-chart td:first-child {  background: #6B1706 }
	
	.elected-officials .hp-news h1, 
	.correction-officers .hp-news h1, 
	.public-safety-personnel .hp-news h1, 
	.hp-news .section-title-black { font-size: 150%; margin: 12px 12px 0 0 } 
	
	.read-more-bttn { font-size: 80% } 
	
	.public-safety-personnel .hp-news h1 { border-bottom: 6px solid #6B1706 }
	.elected-officials .hp-news h1  { border-bottom: 6px solid #E7B84F }
	.corrections-officer .hp-news h1 { border-bottom: 6px solid #062B57 }
	
	/* misc. */
	.font-resizer { display: none }
	.mobile-hide { display: none }
	
	/* bot table */  
	.BOT.bot-table,.BOT.bot-table th, .BOT.bot-table tbody, .BOT.bot-table tr, .forms-database-table tr, .forms-database-table td{ width: auto; display: block  }
	.board_of_trustees td { padding: 12px 0!important; width: 50%!important }
	select { display: block; width: 92%; margin: 0 auto }
	.board_of_trustees .col1 { font-weight: bold; width: 50% }
	.desktop-bot-row { display: none }
	.mobile-bot-row { display: block }
	.content .mobile-bot { margin: 0; padding: 0; width: 100% }
	.mobile-bot li ul { display: none; padding: 0; width: 100% }
	.mobile-bot .first { background: #f4f4f4 }
	.mobile-bot li { list-style: none; display: block; width: 100%; padding: 10px 0; text-align: center }
	.mobile-bot li:nth-child(even) { background: #f4f4f4 }
	.mobile-bot li:hover ul { display: block }
	.forms-database-table tbody { display: block }
	.forms-database-table tr td { padding: 12px !important }
  .forms-database-table tr .m1-label, .forms-database-table  tr .m2-label  { padding: 12px 0!important }
	.forms-database-table  tr .m3-label { padding: 12px 0 0!important }
	.forms-database-table  tr .m2-label { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd }
	.hidden-label { display: block; font-weight: bold }
	
 
	
	
	/* pages */
	.header.page .inner { margin-top: 136px; padding: 0 0 0 22px }
	h1.title { font-size: 120%; margin: 0 0 8px }
	.breadcrumbs li { font-size: 72% }
	
	/* footer */
	img.footer-logo { width: 110px }

	
}	

@media(max-width: 580px){
	.header-image { height: 100px }
	.site-title { line-height: 30px }
	.site-logo { width: 70px; height: auto }
	.site-title h1 { font-size: 115%; line-height: 1.4!important }
}	

@media(max-width: 767px) {	
 .news-items { display: block }
 .news-items li { display: block; margin: 40px auto; width: 100% } 
}


@media(min-width: 768px) and (max-width: 1024px){ 
	.site-title { line-height: auto  }
	.site-logo { width: 80px; height: auto }
	.site-title h1 { font-size: 110%; line-height: 1.4!important }
	#nav li a { font-size: 10px }
	#nav ul li a { padding: 6px!important }
	.bucket h2 { font-size: 18px }
	.hp-callout .section-title-white { font-size: 32px }
	.news-items li { float: left }
}	



/* iPad Only */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  
	#nav li a { font-size: 60% }
		.search-form input[type="submit"] { font-size: 80%; padding: 0 14px; position: relative; bottom: 4px}
    .footer .inner, .col-1.content.full-width{ padding: 0 12px }
		.hp-callout .section-title-white { font-size: 160% }
		.hp-callout span { bottom: 0 }
		.section-title-black.system-updates-title--home { margin-left: 40px }
		.news-items { width: 90%; margin: 0 auto }	
		.news-items li  { float: none; display: block; width: 100%; margin: 40px auto; padding: 0 }
		
  /* bot table */
	.board_of_trustees td { padding: 12px 0!important; width: 50%!important }
	select { display: block; width: 92%; margin: 0 auto }
	.board_of_trustees .col1 { font-weight: bold; width: 50% }
	.desktop-bot-row { display: none }
	.mobile-bot-row { display: block }
	.content .mobile-bot { margin: 0; padding: 0; width: 100% }
	.mobile-bot li ul { display: none; padding: 0; width: 100% }
	.mobile-bot .first { background: #f4f4f4 }
	.mobile-bot li { list-style: none; display: block; width: 100%; padding: 10px 0; text-align: center }
	.mobile-bot li:nth-child(even) { background: #f4f4f4 }
	.mobile-bot li:hover ul { display: block }
	
	.forms-database-table tr td { padding: 12px !important }
  .forms-database-table tr .m1-label, .forms-database-table  tr .m2-label  { padding: 12px 0!important }
	.forms-database-table  tr .m3-label { padding: 12px 0 0!important }
	.forms-database-table  tr .m2-label { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd }
	.hidden-label { display: block; font-weight: bold }
		
} 
.site-links { padding: 20px 0; font-style: normal } 
@media (max-width: 767px) {
 .mobile_nav li ul li:hover ul{ display: block!important; position: relative }
}
 

#board-of-trustee-meetings-online-box { border: 1px solid #978A69; padding: 0; margin: 40px auto; width: 100% }
#board_of_trustees_webinar { text-align: center }
#board_of_trustees_webinar .webinar-bttn { display: inline-block }
.webinar-active { color: green }
#board-of-trustee-meetings-online-box h3 { margin-bottom: 20px }
.board_of_trustees .section-head span { font-size: 12px }

.section-head--brown { background: #978A69; color: #fff; font-size: 16px; font-weight: normal; margin: 0; padding: 12px 0 }
.webinar-box .webinar-bttn-not-active { background: #fff;  border: 1px solid #978A69; color: #000 }

 

.content-container { margin-top: 318px }
@media (max-width: 767px) {
  .header.page { position: relative }
  .content-container { margin-top:0 }
}


@media print {
  .header.main { top: 0 }
  .header.page .inner { margin-top: 0 }
  .header.main, .top-nav, .toolbar, .micro-bttns { position: relative }
  .toolbar,  .top-nav, .breadcrumbs, .footer { display: none } 
  .header h1, .header.main h1 { font-size: 20px }
  .header .col-60 { width: 100% }
}


.hp-section.hp-callout .section-title-white { font-size: 22px }
.hp-callout span { bottom: 0; font-size: 14px }