/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Muli:400,400i,600,600i,700,700i,800,800i");

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/**********************************************************General**********************************************************
****************************************************************************************************************************
***************************************************************************************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

* {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

html {
  height: 100%;
  overflow-x: hidden;
}

body {
  background-image: url("/common/images/white-texture2.jpg");
  background-size: auto;
  background-position-x: center;
  background-position-y: center;
  background-repeat: repeat;
  background-attachment: fixed;
  margin: 0;
  min-height: 100%;
  color: #242424;
  font-family: 'Muli', sans-serif;
  /*overflow-x: hidden;*/
  word-break: break-word;
  word-wrap: break-word;
}

.exit-link {
  font-size: inherit;
}

.vb {
  display: none;
}

h1 {
  font-size: 30px;
  padding: 0 0 10px 0;
  color: #242424;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

@media (max-width: 640px) {
  h1 {
    font-size: 32px;
  }
}

@media (max-width: 550px) {
  h1 {
    font-size: 29px;
  }
}

h2 {
  font-size: 22px;
  padding: 10px 0;
  color: #004585;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 640px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 18px;
  padding: 10px 0;
  color: #005bab;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 640px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 17px;
  padding: 10px 0;
  color: #2478C2;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 640px) {
  h4 {
    font-size: 18px;
  }
}

h5 {
  font-size: 16px;
  padding: 10px 0;
  color: #242424;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

p {
  font-size: 16px;
  padding-bottom: 10px;
  line-height: 1.3;
}

p.label {
  float: left;
  margin-right: 10px;
  padding: 0;
}

p.italicize {
  font-style: italic;
}

@media (max-width: 640px) {
  p {
    font-size: 18px;
  }
}

a {
  color: #006AC7;
  cursor: pointer;
}

@media print {
  a.button {
    color: #b85d00;
  }
}

a:hover,
a:focus {
  text-decoration: underline;
  color: #b85d00;
}

a:hover img,
a:focus img {
  opacity: 0.8;
}

a:visited {
  color: #00498A;
}

a:visited:hover,
a:visited:focus {
  color: #b85d00;
}

a img:hover,
a img:focus {
  opacity: 0.8;
}

@media (max-width: 640px) {
  a:not(.ui-state-default) {
    font-size: 18px;
  }
}

ol {
  margin-left: 35px;
  line-height: 1.3;
  margin-bottom: 10px;
}

ul {
  margin-left: 35px;
  line-height: 1.3;
  margin-bottom: 10px;
}

ul li.drop-down a {
  background-repeat: no-repeat;
  background-position: right 4px center;
  padding-right: 18px;
}

ul li.drop-down a:after {
  content: "";
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #b8d8f3;
  right: 0px;
  top: 5px;
}

ul li.drop-down ul li a {
  background-image: none;
  padding-right: 5px;
}

ul li.drop-down ul li a:after {
  border: none;
}

ul li.has-sub a {
  padding-right: 18px !important;
}

ul li.has-sub a:after {
  content: "";
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #b8d8f3;
  right: 0px;
  top: 14px;
}

ul li.has-sub ul li a:after {
  border: none;
}

@media (max-width: 1024px) {
  ul li.has-sub a {
    padding-right: 15px !important;
  }

  ul li.has-sub a:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #b8d8f3;
  }
}

img {
  max-width: 100%;
  height: auto;
}

img.left-icon {
  float: left;
  position: relative;
  z-index: 9;
  width: 32px;
  height: 21px;
  margin: 7px;
}

pre {
  white-space: pre-line;
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'Muli', sans-serif;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.clear {
  clear: both;
}

.wrapper {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  padding: 12px;
}

.full-width {
  width: 100%;
}

.one-half {
  width: 50%;
}

@media (max-width: 640px) {
  .one-half {
    width: 100%;
  }
}

.one-third {
  width: 33%;
}

@media (max-width: 640px) {
  .one-third {
    width: 100%;
  }
}

.two-thirds {
  width: 66%;
}

.one-fourth {
  width: 25%;
}

.three-fourths {
  width: 75%;
}

.centered {
  text-align: center;
}

.centered img {
  margin: 0 auto;
}

.bold-text {
  font-weight: bold;
}

.no-bottom-padding {
  padding-bottom: 0;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.pdf {
  background-image: url("/common/images/pdfIcon-dark.png");
  background-size: 16px;
  background-position-x: 0%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  padding-left: 23px;
}

.light-pdf {
  background-image: url("/common/images/pdfIcon-light.png");
  background-size: 16px;
  background-position-x: 0%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  padding-left: 23px;
}

.rss {
  position: relative;
}

.rss img {
  position: absolute;
  right: 0;
  bottom: 5px;
}

.center-content {
  text-align: center;
  display: block;
}

.attention-text {
  color: #da0000;
}

.attention-text a:visited {
  color: #006AC7 !important;
}

.form-submit-error {
  color: #da0000;
  font-weight: bold;
}

#main-container {
  position: relative;
}

.skip a {
  position: absolute;
  left: -2000px;
  cursor: pointer;
  z-index: 9999999;
  padding: 5px 10px;
}

.skip a:focus {
  left: 15px;
  top: 15px;
  color: #004585;
  font-size: 19px;
  text-decoration: none;
  background-color: #d2e6f7;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
}

@media print {
  .skip {
    display: none;
  }
}

@media print {
  .entry-point {
    display: none;
  }
}

.angle {
  position: absolute;
  z-index: 0;
  bottom: 0px;
  display: block;
  border-top: 50px solid transparent;
  border-bottom: 50px solid #005bab;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}

.two-col-list {
  column-count: 2;
}

.three-col-list {
  column-count: 3;
}

@media (max-width: 400px) {
  .three-col-list {
    column-count: 2;
  }
}

.drop-down a {
  background-repeat: no-repeat;
  background-position: right 4px center;
  padding-right: 18px;
}

.drop-down a:after {
  content: "";
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #b8d8f3;
  right: 7px;
  top: 5px;
}

.drop-down ul li a {
  background-image: none;
  padding-right: 5px;
}

.drop-down ul li a:after {
  border: none;
}

.button,
input[type="button"] {
  position: relative;
  border-radius: 5px;
  border: 1px solid #a9a9a9;
  padding: 4px 30px 4px 11px;
  background-color: #e7e7e7;
  color: #2b2b2b;
  cursor: pointer;
  font-size: 14px;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  line-height: 1.3;
  display: inline-block;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  background-image: url("/common/images/btnArrow.png");
  background-size: 22px;
  background-position-x: right;
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-position: top 50% right;
  text-decoration: none;
}

.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus {
  text-decoration: none;
  background-color: #fba84b;
  color: #242424;
  background-image: url("/common/images/btnArrowHov.png");
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.35);
}

.button:visited:hover,
.button:visited:focus,
input[type="button"]:visited:hover,
input[type="button"]:visited:focus {
  color: #242424;
}

.button.help,
input[type="button"].help {
  background-image: none;
  padding: 4px 11px;
}

@media print {

  .button,
  input[type="button"] {
    padding: 4px 11px;
  }
}

.input-box {
  width: 231px;
  padding: 4px;
  border-radius: 2px;
  border: 1px solid #a9a9a9;
}

.background {
  position: absolute;
  width: 2000px;
  height: 75px;
}

hr {
  border: none;
  margin: 20px 0;
  height: 1px;
  background-color: #ff9200;
}

@media print {
  input.button {
    color: #b85d00;
  }
}

select {
  padding: 3px 1%;
}

@media (max-width: 950px) {
  .info-block {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .info-block {
    width: 50%;
    float: left;
    padding: 0 5px;
  }
}

@media (max-width: 550px) {
  .info-block {
    width: 100%;
    padding: 5px 0;
  }
}

.blue-block {
  display: block;
  text-align: center;
  padding: 5px;
  background-color: #005bab;
  color: #ffffff;
}

.blue-block a {
  color: #ffffff;
}

.blue-block a:hover,
.blue-block a:focus {
  color: #d2e6f7;
}

.info-block-details {
  display: block;
  padding: 7px 25px;
  background-color: #efefef;
  text-align: center;
}

.info-block-details.pdf {
  background-position-x: 5px;
}

.info-block-details.light-pdf {
  background-position-x: 5px;
}

@media (max-width: 950px) {
  .info-block-details {
    background-color: #ffffff;
  }
}

@media (max-width: 640px) {
  .info-block-details {
    min-height: 60px;
  }
}

@media (max-width: 550px) {
  .info-block-details {
    min-height: initial;
  }
}

.no-arrow {
  padding-right: 5px !important;
}

.dividerBottom {
  border-bottom: 3px solid #ff9200;
  padding-bottom: 15px;
}

.dividerTop {
  border-top: 3px solid #ff9200;
  margin-top: 15px;
}

.margin-left {
  margin-left: 30px;
  display: block;
}

.center-all {
  text-align: center;
}

.center-all img {
  margin-left: auto;
  margin-right: auto;
}

.left-img {
  float: left;
  margin: 10px 10px 10px 0;
  max-width: 40%;
}

.left-img p {
  padding: 0 5px;
}

.right-img {
  float: right;
  margin: 10px 0 10px 10px;
  max-width: 40%;
}

.right-img p {
  padding: 0 5px;
}

.center-img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 100%;
  margin-bottom: 10px;
}

.center-img p {
  padding: 0 5px;
}

.three-col {
  column-count: 3;
}

@media (max-width: 640px) {
  .three-col {
    column-count: 1;
  }
}

.width-80-centered {
  width: 80%;
  margin: 0 10%;
}

.width-60-centered {
  width: 60%;
  margin: 0 20%;
}

.width-40-centered {
  width: 40%;
  margin: 0 30%;
}

.right-spacing-10 {
  margin-right: 10px;
}

.left-spacing-10 {
  margin-left: 10px;
}

.popup-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
}

.popup-overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  position: absolute;
  top: 50vh;
  transform: translate(-50%, -50%);
  background: white;
  left: 50vw;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  width: 100%;
  max-width: 600px;
}

.popup h2 {
  background: #005bab;
  color: #ffffff !important;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 19px;
}

.popup h3 {
  font-size: 17px;
}

.popup .close {
  position: absolute;
  top: -8px;
  right: 8px;
  transition: all 200ms;
  font-size: 35px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}

.popup .close:visited {
  color: #ffffff;
}

.popup .close:hover,
.popup .close:focus {
  color: #fba84b;
}

.popup .content {
  height: 90%;
  overflow: auto;
  padding: 10px;
}

@media (max-width: 768px) {
  .popup {
    width: 80%;
  }
}

.google-custom-search .popup {
  height: 90%;
  max-width: 1280px;
  width: 80%;
}

.popup-box {
  float: right;
  margin-left: 5px;
}

#leavingBC-popup #btn-para {
  text-align: right;
  padding: 10px 0;
}

.un-bold {
  font-weight: normal;
}

.upper-case {
  text-transform: uppercase;
}

blockquote {
  margin: 0 30px;
}

/***********************************************************Menus***********************************************************
****************************************************************************************************************************
***************************************************************************************************************************/
.top-menu {
  font-size: 15px;
  position: relative;
  overflow: hidden;
}

.top-menu .wrapper {
  padding: 0px 8px;
  height: 100%;
}

.top-menu .menu {
  position: relative;
  padding: 7px 75px 7px 0;
  width: auto;
  height: 100%;
  display: inline-block;
  margin-bottom: -3px;
}

.top-menu .background {
  top: -10px;
  right: 75px;
  background-color: #005bab;
}

.top-menu .angle {
  right: 25px;
}

.top-menu a {
  color: #ffffff;
  padding: 5px;
  text-decoration: none;
}

.top-menu a:hover,
.top-menu a:focus {
  color: #d3e7f8;
  text-decoration: underline;
}

.top-menu ul {
  margin-left: 0;
  margin: initial;
  line-height: initial;
}

.top-menu ul li {
  list-style: none;
  position: relative;
  display: block;
  float: left;
  margin-right: 30px;
}

.top-menu ul li ul {
  display: none;
  position: absolute;
  z-index: 9999;
  width: 130px;
  padding: 10px 15px;
  top: 23px;
  background-color: #005bab;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  border: 1px solid #d2e6f7;
}

.top-menu ul li ul li {
  margin-bottom: 5px;
  margin-right: 0;
}

.top-menu ul li ul li:first-child a {
  padding-left: 5px;
}

.top-menu ul li:hover ul,
.top-menu ul li:focus ul {
  display: block;
}

.top-menu ul li:first-child a {
  padding-left: 0px;
}

@media (max-width: 640px) {
  .top-menu {
    display: none;
  }
}

@media print {
  .top-menu {
    display: none;
  }
}

.main-nav {
  height: 100%;
  width: 62%;
  display: block;
  float: right;
}

.main-nav .home {
  background-image: url("/common/images/home.png");
  background-size: 50px;
  background-position-x: 50%;
  background-position-y: 32%;
  background-repeat: no-repeat;
  background-position: top 32% center;
}

.main-nav .how {
  background-image: url("/common/images/questionMark.png");
  background-size: 50px;
  background-position-x: 50%;
  background-position-y: 32%;
  background-repeat: no-repeat;
  background-position: top 32% center;
}

.main-nav .serv {
  background-image: url("/common/images/bell.png");
  background-size: 50px;
  background-position-x: 50%;
  background-position-y: 32%;
  background-repeat: no-repeat;
  background-position: top 32% center;
}

.main-nav .bus {
  background-image: url("/common/images/briefcase.png");
  background-size: 50px;
  background-position-x: 50%;
  background-position-y: 32%;
  background-repeat: no-repeat;
  background-position: top 32% center;
}

.main-nav .gov {
  background-image: url("/common/images/government.png");
  background-size: 50px;
  background-position-x: 50%;
  background-position-y: 32%;
  background-repeat: no-repeat;
  background-position: top 32% center;
}

.main-nav .comm {
  background-image: url("/common/images/community.png");
  background-size: 50px;
  background-position-x: 50%;
  background-position-y: 32%;
  background-repeat: no-repeat;
  background-position: top 32% center;
}

.main-nav .google-search {
  background-image: url("/common/images/search.png");
  background-size: 50px;
  background-position-x: 50%;
  background-position-y: 32%;
  background-repeat: no-repeat;
  background-color: inherit;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.main-nav .site-search {
  padding: 23px 10px;
  width: 36%;
  color: #fff;
  text-align: left;
  margin-bottom: -3px !important;
}

.main-nav .site-search:hover,
.main-nav .site-search:focus {
  color: #fff;
}

.main-nav .site-search input.gsc-search-button {
  background-image: none;
  background-color: #ff9200;
  padding: 10px 7px !important;
  margin-top: -2px !important;
}

.main-nav .site-search input.gsc-search-button:hover,
.main-nav .site-search input.gsc-search-button:focus {
  background-color: #fba84b !important;
}

.main-nav .site-search .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0;
  height: 33px !important;
}

.main-nav .site-search input {
  border-radius: 3px;
}

.main-nav .site-search #gsc-i-id3 {
  padding: 9px 4px 8px 4px !important;
}

.main-nav .site-search .menu-search table.gsc-search-box {
  margin: 0 !important;
}

.main-nav .site-search a {
  padding-top: 0;
}

.main-nav ul {
  height: 100%;
  width: 100%;
  float: right;
}

.main-nav li {
  float: left;
  list-style: none;
  display: block;
  width: 16%;
  text-align: center;
  height: 100%;
  background-color: #005bab;
  background: -moz-linear-gradient(top, #216fb3 0%, #005bab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#216fb3', endColorstr='#005bab', GradientType=0);
  background: #367ebd;
  background: -moz-linear-gradient(top, #367ebd 0%, #005bab 100%);
  background: -webkit-linear-gradient(top, #367ebd 0%, #005bab 100%);
  background: linear-gradient(to bottom, #367ebd 0%, #005bab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#367ebd', endColorstr='#005bab', GradientType=0);
}

.main-nav a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  height: 100%;
  padding-top: 68px;
  font-size: 16px;
}

.main-nav a:hover,
.main-nav a:focus,
.main-nav a.main-menu-hov {
  background-color: #004c8e;
  color: #d3e7f8;
  background-size: 50px;
  background-position-x: 50%;
  background-position-y: 32%;
  background-repeat: no-repeat;
  background-position: top 32% center;
  color: #ffffff;
  text-decoration: none;
}

.main-nav a.active-link {
  background-color: #3f85c1;
}

@media (max-width: 1085px) {
  .main-nav li {
    width: 17%;
  }

  .main-nav .site-search {
    width: 32%;
  }
}

@media (max-width: 1024px) {
  .main-nav li {
    width: 18%;
  }

  .main-nav a {
    font-size: 15px;
  }

  .main-nav .site-search {
    padding: 23px 5px;
    width: 28%;
  }
}

@media (max-width: 950px) {
  .main-nav {
    display: none;
  }
}

.mobile-only-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

.mobile-only-menu h1 {
  font-size: medium;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 5px 0;
  background: #2e4d8e;
}

.mobile-only-menu h2 {
  margin: 0;
  text-align: left;
  padding: 0;
  font-size: 21px;
  font-weight: normal;
}

.showMe-home .mobile-only-menu h2 a {
  margin: 0;
  text-align: left;
  padding: 0;
  font-size: 18px;
  font-weight: normal;
}

.mobile-only-menu h3 {
  font-size: 19px;
  padding: 0;
  font-weight: normal;
}

.mobile-only-menu a:hover,
.mobile-only-menu a:focus {
  text-decoration: none;
  background: #2e4d8e !important;
}

.mobile-only-menu a.active-link {
  color: #ff9200 !important;
}

.mobile-only-menu li {
  list-style: none;
}

.mobile-only-menu li ul {
  width: 90%;
  background-color: #c0c0c0;
  -webkit-box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.35);
}

.mobile-only-menu li ul ul {
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mobile-only-menu .menu-icon {
  width: 25px;
  margin: 10px 10px 10px 5px;
  float: left;
}

@media (max-width: 950px) {
  .mobile-only-menu {
    display: block !important;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .mobile-only-menu h2 {
    font-size: 21px;
  }

  .showMe-home .mobile-only-menu h2 a {
    font-size: 21px;
  }

  .mobile-only-menu h3 {
    font-size: 20px;
  }
}

.cd-accordion-menu {
  color: #ffffff;
}

.cd-accordion-menu a {
  position: relative;
  display: block;
  color: #ffffff !important;
}

.cd-accordion-menu ul {
  display: none;
}

.cd-accordion-menu li.showMe-home {
  margin-top: 1px;
}

.cd-accordion-menu li a {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.cd-accordion-menu li label {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.cd-accordion-menu li ul li a {
  padding-left: 10px;
}

.cd-accordion-menu li ul li ul li a {
  padding-left: 72px;
}

.cd-accordion-menu li ul li ul li label {
  padding-left: 72px;
  background: #1f3563;
}

.cd-accordion-menu li ul li ul li ul li a {
  padding-left: 102px;
  font-size: 17px;
}

.cd-accordion-menu li ul li ul li ul li label {
  padding-left: 102px;
  font-size: 17px;
}

.cd-accordion-menu li ul li ul li ul li ul li a {
  padding-left: 132px;
}

.cd-accordion-menu li ul li label.open-menu {
  background: #1f3563;
}

.cd-accordion-menu li ul li label.open-menu:hover,
.cd-accordion-menu li ul li label.open-menu:focus {
  background: #2e4d8e !important;
}

.cd-accordion-menu li.has-children ul li.has-children ul li label:hover,
.cd-accordion-menu li.has-children ul li.has-children ul li label:focus {
  background: #2e4d8e;
}

.cd-accordion-menu li.has-children a {
  background: #1f3563;
}

.cd-accordion-menu li.has-children label.open-menu:after {
  content: "";
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #ff9200;
  border-bottom: 0;
  right: 12px;
  top: 14px;
  width: 0;
  height: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}

.cd-accordion-menu li.has-children label.closed-menu:after {
  content: "";
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #c0c0c0;
  border-bottom: 0;
  right: 12px;
  top: 14px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}

.cd-accordion-menu label {
  background: #2e4d8e;
  margin: 0 0 1px 0;
  padding: 6px 10px;
  display: block;
}

.cd-accordion-menu .showMe-home h2 a {
  background: #2e4d8e !important;
  margin: 0 0 1px 0 !important;
}

.cd-accordion-menu a {
  background: #2e4d8e;
  margin: 0 0 1px 0;
  padding: 6px 10px;
  display: block;
}

.cd-accordion-menu input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

.cd-accordion-menu input[type=checkbox]:checked+label+ul {
  display: block;
}

.cd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul {
  display: block;
}

.cd-accordion-menu label {
  position: relative;
  display: block;
  color: #ffffff !important;
  cursor: pointer;
}

.cd-accordion-menu label::before {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

@media (max-width: 640px) {
  .cd-accordion-menu li ul li ul li ul li a {
    font-size: 18px;
  }
}

li.has-children label {
  background-repeat: no-repeat;
  background-position: 97% 50%;
  padding-right: 30px;
}

label.menu-title {
  background-image: none !important;
  padding-right: 0px !important;
}

.menu-title h1 label {
  font-size: 25px !important;
  background-image: none;
}

.menu-title h1 label img {
  width: 25px;
  margin: 0 10px -2px 0;
  display: inline-block;
}

.menu-title h1 label:after {
  border: none;
}

@media (max-width: 640px) {
  .menu-title h1 label {
    font-size: 28px !important;
  }
}

label.no-arrow:after {
  border: none;
}

label.no-arrow.open-menu:after {
  border: none !important;
}

label.no-arrow.open-menu:hover,
label.no-arrow.open-menu:focus {
  background: none !important;
}

label.no-arrow.closed-menu:after {
  border: none !important;
}

.resp-search {
  padding: 7px 10px;
  background: #1f3563;
  text-align: center;
  border-top: 1px solid #c0c0c0;
  display: none;
}

.resp-search .google-search {
  float: none;
  margin: 0;
  max-width: initial;
  padding: 2px 4px 0 4px;
}

.resp-search a:hover,
.resp-search a:focus {
  background: transparent !important;
  background-color: transparent !important;
}

.resp-search input.input-box {
  width: 60%;
}

@media (max-width: 950px) {
  .resp-search {
    display: block;
  }
}

.sub-menus {
  position: absolute;
  top: 110px;
  left: 0px;
  width: 99%;
  margin: 0 0.5%;
  background-color: #4d4d4d;
  z-index: 999;
  color: #ffffff;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
}

.sub-menus .sub-menu {
  padding: 0 15px;
}

.sub-menus .sub-menu a.active-link {
  color: #ff9200;
}

.sub-menus li {
  list-style: none;
}

.sub-menus li ul {
  margin-left: 20px;
}

.sub-menus li a:hover,
.sub-menus li a:focus {
  color: #d3e7f8;
  text-decoration: underline;
}

.sub-menus a {
  color: #ffffff;
  text-decoration: none;
}

.sub-menus .column {
  width: 33.3%;
  padding: 20px 15px 5px 15px;
  display: inline-block;
  vertical-align: top;
  margin-left: -5px;
}

.sub-menus .column:first-child {
  margin-left: 0;
}

@media (max-width: 1024px) {
  .sub-menus {
    top: 101px;
  }
}

#home-sub-menu,
#how-sub-menu,
#serv-sub-menu,
#bus-sub-menu,
#gov-sub-menu,
#com-sub-menu,
#search-sub-menu {
  display: none;
}

#quick-menu {
  text-align: center;
  background-color: #005bab;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  margin-bottom: 25px;
}

#quick-menu .wrapper {
  padding: 0;
}

#quick-menu #quick-dd:focus~ul {
  display: block;
}

#quick-menu ul {
  display: inline-block;
  margin: 0px;
  line-height: initial;
}

#quick-menu li {
  color: #dbdbdb;
  font-size: 13px;
  position: relative;
  margin-left: 0%;
  display: inline-block;
}

#quick-menu li.has-sub:hover ul,
#quick-menu li.has-sub:focus ul {
  display: block;
}

#quick-menu li ul {
  display: none;
  position: absolute;
  z-index: 99999;
  left: 9px;
  top: 31px;
  width: 290px;
  text-align: left;
  padding: 7px 12px;
  background-color: #005bab;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
}

#quick-menu li ul li {
  display: block;
}

#quick-menu li ul li a {
  padding: 3px !important;
  font-weight: normal;
}

#quick-menu li ul li a:after {
  content: initial;
}

#quick-menu a {
  color: #ffffff;
  position: relative;
  padding: 10px 11px;
  display: block;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}

#quick-menu a:hover,
#quick-menu a:focus {
  color: #d2e6f7;
  text-decoration: underline;
}

#quick-menu a.active-link {
  color: #d2e6f7;
  background-color: #004585;
}

#quick-menu .focused-display {
  display: block !important;
}

@media (max-width: 1280px) {
  #quick-menu li ul {
    left: 0;
  }

  #quick-menu li a {
    padding: 10px 6px;
    font-size: 13px;
  }
}

@media (max-width: 1085px) {
  #quick-menu li a {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  #quick-menu li a {
    padding: 10px 3px;
  }
}

@media (max-width: 950px) {
  #quick-menu {
    display: none;
  }
}

@media print {
  #quick-menu {
    display: none;
  }
}

.section-menu {
  border-top: 4px solid #ff9200;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  /*******************************Section Menu Link Icons by Office/Department**********************************/
  /*************************************************************************************************************/
  /********************************All**********************************/
  /*used for all office/department home pages*/
  /*****************************Assessor********************************/
  /******************************Auditor********************************/
  /*****************************Collector*******************************/
  /****************************Commission*******************************/
  /************************Community Services***************************/
  /***************************County Clerk******************************/
  /******************************GIS/IT*********************************/
  /**************************Human Resources****************************/
  /***********************Joint Communications**************************/
  /***********************Emergency Management**************************/
  /***********************Prosecuting Attorney**************************/
  /***************************Public Admin******************************/
  /****************************Purchasing*******************************/
  /*****************************Recorder********************************/
  /************************Resource Management**************************/
  /***************************Road and Bridge******************************/
  /****************************Stormwater*******************************/
  /*****************************Treasurer*******************************/
}

.section-menu .home {
  background-image: url(/common/images/home.png);
  border-top: none;
}

.section-menu .as-pers-prop {
  background-image: url(/assessor/common/images/pers-prop-dk.png);
}

.section-menu .as-real-prop {
  background-image: url(/assessor/common/images/real-prop-dk.png);
}

.section-menu .as-tax-relief {
  background-image: url(/assessor/common/images/tax-relief-dk.png);
}

.section-menu .as-mapping {
  background-image: url(/assessor/common/images/map-dk.png);
}

.section-menu .ad-cafr {
  background-image: url(/auditor/common/images/cafr-dk.png);
}

.section-menu .ad-budget {
  background-image: url(/auditor/common/images/budget-dk.png);
}

.section-menu .ad-audit {
  background-image: url(/auditor/common/images/audit-dk.png);
}

.section-menu .ad-guide {
  background-image: url(/auditor/common/images/guide-dk.png);
}

.section-menu .co-search-pay {
  background-image: url(/collector/common/images/taxes-dk.png);
}

.section-menu .co-tax-assess {
  background-image: url(/collector/common/images/tax-assess-dk.png);
}

.section-menu .co-license-permit {
  background-image: url(/collector/common/images/permits-dk.png);
}

.section-menu .co-add-info {
  background-image: url(/collector/common/images/add-info-dk.png);
}

.section-menu .com-meetings {
  background-image: url(/commission/common/images/clock-dk.png);
}

.section-menu .com-boards {
  background-image: url(/commission/common/images/group-dk.png);
}

.section-menu .com-services {
  background-image: url(/commission/common/images/bell-dk.png);
}

.section-menu .cs-comm-health {
  background-image: url(/community-services/common/images/commHealth-dk.png);
}

.section-menu .cs-children {
  background-image: url(/community-services/common/images/childServ-dk.png);
}

.section-menu .cs-dom-violence {
  background-image: url(/community-services/common/images/domViolence-dk.png);
}

.section-menu .cl-officials {
  background-image: url(/clerk/common/images/government-dk.png);
}

.section-menu .cl-commission {
  background-image: url(/clerk/common/images/group-dk.png);
}

.section-menu .cl-elections {
  background-image: url(/clerk/common/images/ballot-dk.png);
}

.section-menu .gis-datasets {
  background-image: url(/gis/common/images/datasets-dk.png);
}

.section-menu .gis-internal {
  background-image: url(/common/images/lock-dk.png);
}

.section-menu .hr-emp-op {
  background-image: url(/hr/common/images/jobs-dk.png);
}

.section-menu .hr-eeo {
  background-image: url(/hr/common/images/emp-policies-dk.png);
}

.section-menu .hr-emp-res {
  background-image: url(/hr/common/images/emp-resources-dk.png);
}

.section-menu .hr-internal {
  background-image: url(/common/images/lock-dk.png);
}

.section-menu .bcjc-about {
  background-image: url(/bcjc/common/images/group-dk.png);
}

.section-menu .bcjc-services {
  background-image: url(/bcjc/common/images/bell-dk.png);
}

.section-menu .bcjc-roads {
  background-image: url(/bcjc/common/images/roads-dk.png);
}

.section-menu .oem-planning {
  background-image: url(/oem/common/images/checklist-dk.png);
}

.section-menu .oem-training {
  background-image: url(/oem/common/images/training-dk.png);
}

.section-menu .oem-recovery {
  background-image: url(/oem/common/images/recovery-dk.png);
}

.section-menu .oem-resources {
  background-image: url(/oem/common/images/resources-dk.png);
}

.section-menu .pa-bad-check {
  background-image: url(/pa/common/images/check-dk.png);
}

.section-menu .pa-child-spt {
  background-image: url(/pa/common/images/child-dk.png);
}

.section-menu .pa-vic-serv {
  background-image: url(/pa/common/images/victim-dk.png);
}

.section-menu .pub-admin-guardians {
  background-image: url(/public-admin/common/images/holding-hands-dk.png);
}

.section-menu .pub-admin-mhab {
  background-image: url(/public-admin/common/images/mental-health-dk.png);
}

.section-menu .pu-bids {
  background-image: url(/purchasing/common/images/contract-dk.png);
}

.section-menu .pu-add-info {
  background-image: url(/purchasing/common/images/add-info-dk.png);
}

.section-menu .pu-vendors {
  background-image: url(/purchasing/common/images/group-dk.png);
}

.section-menu .rc-filing {
  background-image: url(/recorder/common/images/filing-dk.png);
}

.section-menu .rc-stats {
  background-image: url(/recorder/common/images/stats-dk.png);
}

.section-menu .rc-services {
  background-image: url(/recorder/common/images/ol-services-dk.png);
}

.section-menu .rc-standards {
  background-image: url(/recorder/common/images/doc-standards-dk.png);
}

.section-menu .rm-engineer {
  background-image: url(/resource-management/common/images/engineering-dk.png);
}

.section-menu .rm-plan {
  background-image: url(/resource-management/common/images/planning-dk.png);
}

.section-menu .rm-inspect {
  background-image: url(/resource-management/common/images/inspections-dk.png);
}

.section-menu .rm-stormwater {
  background-image: url(/resource-management/common/images/stormwater-dk.png);
}

.section-menu .pw-roads {
  background-image: url(/road-bridge/common/images/road-icon-dk.png);
}

.section-menu .pw-news {
  background-image: url(/road-bridge/common/images/news-icon-dk.png);
}

.section-menu .sw-education {
  background-image: url(/stormwater/common/images/education-dk.png);
}

.section-menu .sw-land-dev {
  background-image: url(/stormwater/common/images/land-dev-dk.png);
}

.section-menu .sw-programs {
  background-image: url(/stormwater/common/images/add-programs-dk.png);
}

.section-menu .tr-unclaimed {
  background-image: url(/treasurer/common/images/unclaimed-dk.png);
}

.section-menu .section-heading {
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  color: #004585;
  border-bottom: 1px solid #dbdbdb;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 0;
  font-family: Arial, Helvetica, sans-serif;
}

.section-menu a {
  display: block;
  height: auto;
  text-align: left;
  border-top: 1px solid #ffffff;
  padding: 4px 10px;
  color: #005bab;
  font-size: 17px;
  text-decoration: none;
}

.section-menu a.active-link {
  color: #ffffff;
  background-color: #005bab;
}

.section-menu a.active-link:hover,
.section-menu a.active-link:focus {
  color: #ffffff;
  background-color: #4d4d4d;
}

.section-menu a:hover,
.section-menu a:focus {
  background-color: #dbdbdb;
  color: #004585;
  text-decoration: underline;
}

.section-menu h2,
.section-menu h4 {
  background-position-x: 6px;
  background-position-y: 50%;
  background-size: 40px;
  display: block;
  height: auto;
  padding: 6px 10px 6px 52px;
  text-align: left;
  color: #004585;
  font-weight: bold;
  font-size: 16px;
  background-repeat: no-repeat;
  /*border-top: 1px solid $accentColor;
      border-bottom: 1px solid $accentColor;*/
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.section-menu .pdf {
  background-image: url("/common/images/pdfIcon-dark.png");
  background-size: 16px;
  background-position-x: 98%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  padding-right: 30px;
}

.section-menu .light-pdf {
  background-image: url("/common/images/pdfIcon-light.png");
  background-size: 16px;
  background-position-x: 98%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
}

.section-menu .section-home {
  background-color: #efefef;
}

.section-menu li {
  width: 100%;
  height: auto;
  margin: 0;
  list-style: none;
}

.section-menu li ul li {
  background-color: #efefef;
  width: 100%;
  margin: 0;
}

@media (max-width: 950px) {
  .section-menu h3 {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .section-menu {
    display: none;
  }

  .section-menu li a {
    font-size: 19px;
  }
}

.mobile-only.section-menu {
  display: none;
  margin: 0 10px 20px 10px;
  border: 4px solid #ff9200;
  /*border-bottom: 3px solid $accentColor;*/
  background-color: #ffffff;
  -webkit-box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.35);
}

.mobile-only.section-menu a {
  font-size: 19px;
}

.mobile-only.section-menu .section-heading {
  padding: 10px 33px;
  font-size: 23px;
  cursor: pointer;
}

.mobile-only.section-menu h2 {
  font-size: 19px;
}

.mobile-only.section-menu ul {
  display: none;
  margin-left: 0;
  margin-bottom: 0;
}

.mobile-only.section-menu .section-heading {
  background-image: url(/common/images/menuIcon-blue.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-x: 5px;
  background-position-y: 50%;
}

@media (max-width: 768px) {
  .mobile-only.section-menu {
    display: block;
  }
}

@media print {
  .mobile-only.section-menu {
    display: none;
  }
}

.menu-heading {
  font-weight: bold;
  margin-bottom: 25px;
  color: #ff9200;
  list-style: none;
}

.menu-heading ul {
  margin-left: 20px;
}

.menu-heading ul li {
  list-style: none;
  font-weight: normal;
}

.menu-heading p {
  border-bottom: 1px solid #cecece;
  margin-bottom: 10px;
  padding-bottom: 6px;
}

/**********************************************************Search***********************************************************
****************************************************************************************************************************
***************************************************************************************************************************/
.gsc-search-button input:hover,
.gsc-search-button input:focus {
  background-color: #fba84b !important;
}

input.gsc-search-button,
input.gsc-search-button:focus {
  border-radius: 0px 3px 3px 0px !important;
  border: none !important;
  padding: 6px 13px !important;
  color: #4d4d4d !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 11px !important;
  margin-bottom: -3px !important;
}

.gcs-input {
  padding: 3px 7px !important;
}

.gsc-results a:hover {
  background-color: transparent !important;
}

#gsc-i-id1 {
  padding: 1px 7px 2px 7px !important;
}

#gsc-i-id1 td {
  padding: 0 !important;
}

#gsc-i-id2 {
  padding: 7px !important;
}

#gsc-i-id3 {
  padding: 4px 4px 5px 4px !important;
}

.gsib_a {
  padding: 0 !important;
}

#gsc-iw-id1,
#gsc-iw-id2 {
  border-radius: 3px 0px 0px 3px;
  border: none;
  background-color: #ffffff;
  height: auto !important;
  box-shadow: none;
}

.gsc-input-box {
  height: auto !important;
}

form.gsc-search-box {
  margin: 0 !important;
}

table.gsc-search-box {
  background-color: #ffffff;
  border-radius: 3px;
  margin: 2px 0 4px 0 !important;
}

.gsc-control-cse {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.cse .gsc-control-cse {
  padding: 0 !important;
}

.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
  background-color: rgba(179, 220, 255, 0.25) !important;
  border: 1px solid #005bab !important;
}

.gsc-cursor-page {
  background-color: transparent !important;
  padding: 12px;
  margin: 0 !important;
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  width: auto !important;
  height: auto !important;
}

.gsc-result .gs-title {
  height: auto !important;
}

.gsc-adBlock {
  display: none !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0 !important;
}

.select-year input.gsc-search-button,
.select-year input.gsc-search-button:hover,
.select-year input.gsc-search-button:focus {
  padding: 9px !important;
  margin-bottom: -3px !important;
}

.google-search {
  position: relative;
  float: right;
  max-width: 340px;
  width: 100%;
  background-color: #ff9200;
  padding: 0px 4px;
  margin-top: 3px;
  border-radius: 5px;
  text-align: left;
}

.google-search .gsc-input {
  padding: 0 !important;
  color: #242424;
}

.google-search a {
  padding: 0 !important;
}

.google-search td {
  padding: 0 !important;
}

.google-search .input-box {
  width: 60%;
}

@media (max-width: 768px) {
  .google-search input.input-box {
    width: 60%;
  }
}

@media (max-width: 640px) {
  .google-search {
    float: none;
    max-width: initial;
  }
}

#cse1 .gsc-results-wrapper-visible {
  position: absolute;
  background-color: #ffffff;
  left: 2px;
  width: 98%;
  margin: 0 1%;
  top: 54px;
  padding: 20px;
  z-index: 9999999 !important;
  border-radius: 3px;
  border-radius: 3px;
  border: 3px solid #ff9200;
}

#cse1 .gsc-results-wrapper-visible a:hover,
#cse1 .gsc-results-wrapper-visible a:focus {
  color: #b85d00;
}

#cse1 table.gsc-search-box {
  z-index: 99999;
  position: relative;
}

#cse1 #gs_cb50 {
  color: #da0000;
  font-size: 33px;
  display: inline-block;
  vertical-align: middle;
}

#cse2 a {
  background: #ffffff;
  color: #005bab !important;
  padding: 0 !important;
  text-align: left;
}

#cse2 a:hover,
#cse2 a:focus {
  color: #b85d00 !important;
}

#cse2 .gsc-results-wrapper-visible {
  background-color: #ffffff !important;
}

.gsc-selected-option-container {
  width: 125px;
}

.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
  padding: 9px !important;
  background-color: #FF9200 !important;
  cursor: pointer;
}

/***********************************************************Header**********************************************************
****************************************************************************************************************************
***************************************************************************************************************************/
.logo {
  width: 38%;
  display: block;
  float: left;
}

@media (max-width: 950px) {
  .logo {
    width: 60%;
    text-align: center;
    margin: 0 20%;
  }
}

@media (max-width: 640px) {
  .logo {
    width: 100%;
    margin: 0;
  }
}

#header {
  background-color: #005bab;
  border-top: 3px solid white;
  z-index: 99;
  position: relative;
  height: 115px;
}

#header .wrapper {
  padding: 0;
  height: 100%;
}

#header img {
  max-height: 100%;
  opacity: 1;
}

#header img:hover,
#header img:focus {
  opacity: 1;
}

#header ul {
  margin-left: 0;
  margin: initial;
  line-height: initial;
}

@media (max-width: 1024px) {
  #header {
    height: 108px;
  }
}

@media (max-width: 950px) {
  #header {
    height: auto;
    padding-bottom: 5px;
    margin-bottom: 60px;
  }
}

@media (max-width: 640px) {
  #header {
    border-top: none;
  }

  #header img {
    height: auto;
  }
}

@media print {
  #header {
    display: none;
  }
}

.featured-img {
  position: relative;
}

.featured-img img {
  width: 100%;
  margin-bottom: -3px;
}

@media (max-width: 768px) {
  .featured-img img {
    display: none;
  }
}

.banner-text {
  position: absolute;
  left: 34%;
  padding: 10px 25px;
  top: 20px;
  color: #ffffff;
  z-index: 9;
}

.banner-text .author {
  padding-bottom: 5px;
}

.banner-text h1 {
  position: relative;
  z-index: 999;
  text-shadow: 2px 2px 2px black;
  font-weight: normal;
  font-size: 35px;
  line-height: 1;
  color: #ffffff;
  text-align: left;
  padding: 15px;
}

.banner-text p {
  position: relative;
  z-index: 999;
  text-shadow: 2px 2px 2px black;
  font-size: 17px;
  padding: 0;
  font-weight: normal;
}

.banner-text.noQuote {
  padding: 25px 35px 15px 35px;
}

@media (max-width: 1280px) {
  .banner-text .author {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .banner-text {
    left: 0;
    top: 0px;
    position: relative;
    color: #2b2b2b;
    text-align: center;
  }

  .banner-text .quote {
    display: none;
  }

  .banner-text .author {
    display: none;
  }

  .banner-text h1 {
    text-shadow: none;
    font-size: 27px;
    padding: 0;
    color: #2b2b2b;
    text-align: center;
  }

  .banner-text p {
    text-shadow: none;
  }
}

@media print {
  .banner-text {
    left: 0;
    top: 0;
    background-color: #ffffff;
  }

  .banner-text .quote {
    display: none;
  }

  .banner-text .author {
    display: none;
  }

  .banner-text h1 {
    text-shadow: none;
    color: #242424;
  }

  .banner-text p {
    text-shadow: none;
  }
}

.banner-background {
  position: absolute;
  height: 100%;
  width: 2000px;
  background-color: rgba(43, 43, 43, 0.7);
  top: 0;
  left: 0;
}

@media (max-width: 768px) {
  .banner-background {
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
  }
}

@media print {
  .banner-background {
    display: none;
  }
}

.home-banner {
  margin-top: 15px;
}

.home-banner .wrapper {
  padding-left: 0;
  padding-right: 0;
}

.home-banner .top-services li {
  width: 12.5%;
}

@media (max-width: 1280px) {
  .home-banner .top-services a {
    padding: 49px 5px 10px 5px;
    background-size: 50px;
    background-position: top 13px center;
  }
}

@media (max-width: 950px) {
  .home-banner .top-services {
    padding: 5px;
  }

  .home-banner .top-services li {
    width: 25%;
  }

  .home-banner .top-services a {
    margin: 5px;
  }
}

@media (max-width: 768px) {
  .home-banner .featured-img img {
    display: block;
  }
}

@media (max-width: 640px) {
  .home-banner {
    margin-top: 15px;
  }

  .home-banner .featured-img img {
    display: block;
  }

  .home-banner .top-services .realEst,
  .home-banner .top-services .prop,
  .home-banner .top-services .taxes,
  .home-banner .top-services .sher,
  .home-banner .top-services .vote,
  .home-banner .top-services .bids,
  .home-banner .top-services .maps,
  .home-banner .top-services .jobs,
  .home-banner .top-services .roads {
    background-size: 65px;
    background-position: top 24px center;
  }

  .home-banner .top-services a {
    padding: 74px 10px 15px 10px;
  }
}

@media (max-width: 550px) {
  .home-banner .top-services li {
    width: 50%;
  }
}

@media print {
  .home-banner .featured-img img {
    margin-top: 130px;
  }
}

#title-banner {
  margin: 15px 0 25px 0;
}

#title-banner .banner-background {
  left: initial;
  left: auto;
  right: 0;
}

#title-banner .banner-text {
  left: 0;
  top: 26px;
}

#title-banner .featured-img.main .banner-text {
  top: 0;
  padding: 0;
  width: 100%;
}

#title-banner .featured-img.main .banner-text h1 {
  padding: 15px 0;
}

#title-banner h1 {
  padding: 0;
}

@media (max-width: 1280px) {
  #title-banner .banner-text {
    top: 9px;
  }
}

@media (max-width: 1024px) {
  #title-banner .banner-text {
    top: 4px;
  }
}

@media (max-width: 950px) {
  #title-banner {
    margin: 15px 0 10px 0;
  }

  #title-banner h1 {
    font-size: 29px;
  }

  #title-banner .banner-background {
    width: 100%;
  }
}

@media (max-width: 768px) {
  #title-banner {
    margin: 20px 0 0 0;
  }

  #title-banner .banner-text {
    padding: 10px 25px;
    top: 0;
  }

  #title-banner .banner-text h1 {
    font-size: 23px;
  }

  #title-banner .featured-img.main .banner-text h1 {
    padding: 15px 15px 15px 103px;
  }
}

@media (max-width: 640px) {
  #title-banner {
    margin: 10px 0 0 0;
  }

  #title-banner .banner-text h1 {
    font-size: 25px;
  }
}

@media (max-width: 400px) {
  #title-banner .featured-img.main .banner-text h1 {
    padding: 15px;
  }
}

#dept-head {
  position: relative;
  display: inline-block;
  width: 172px;
  z-index: 999;
  float: left;
  margin-right: 15px;
}

@media (max-width: 1280px) {
  #dept-head {
    width: 13.7%;
  }
}

@media (max-width: 768px) {
  #dept-head {
    width: 88px;
  }

  #dept-head img {
    display: block;
  }
}

@media (max-width: 400px) {
  #dept-head {
    width: 100%;
    margin: 0 0 15px 0;
  }
}

#notifications {
  color: #242424;
  background-color: #ffffff;
  border-bottom: 3px solid #ff9200;
  border-top: 3px solid #ff9200;
  -webkit-box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.35);
  margin: -10px 0;
}

#notifications .notification-block {
  margin-left: 45px;
}

#notifications .button {
  margin-left: 25px;
  top: -3px;
}

#notifications .notification .super-size {
  font-weight: bold;
}

#notifications h1 {
  font-size: 24px;
}

#notifications h2 {
  font-weight: normal;
  font-size: 19px;
  display: block;
  text-decoration: none;
}

@media (max-width: 950px) {
  #notifications {
    margin: 10px 0;
  }
}

@media (max-width: 640px) {
  #notifications a {
    font-size: inherit;
  }

  #notifications .button {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  #notifications .button {
    top: auto;
    margin-left: auto;
  }
}

.important {
  color: #ef0000;
  padding: 6px 7px;
  padding-left: 45px;
  display: inline-block;
  z-index: 9;
  font-weight: bold !important;
  background-image: url("/common/images/important_100.png");
  background-size: 30px;
  background-position-x: 5px;
  background-position-y: 5px;
  background-repeat: no-repeat;
}

.important a {
  color: #ef0000;
  text-decoration: underline;
}

.important a:hover,
.important a:focus {
  color: #b85d00;
}

.notification {
  padding: 7px 7px;
  padding-left: 45px;
  display: inline-block;
  z-index: 9;
  position: relative;
  color: #242424;
  font-weight: normal;
  background-image: url("/common/images/notification_100.png");
  background-size: 30px;
  background-position-x: 5px;
  background-position-y: 6px;
  background-repeat: no-repeat;
}

.information {
  padding: 7px 7px;
  padding-left: 45px;
  position: relative;
  z-index: 9;
  color: #242424;
  font-weight: normal;
  background-image: url("/common/images/information_100.png");
  background-size: 30px;
  background-position-x: 5px;
  background-position-y: 3px;
  background-repeat: no-repeat;
}

.footnote {
  font-size: 14px;
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
}

h4 .footnote {
  font-weight: normal;
  color: #242424;
}

.footnote a {
  font-size: inherit;
}

/**********************************************************Content**********************************************************
****************************************************************************************************************************
***************************************************************************************************************************/
.tbl-title {
  font-size: 17px !important;
  padding: 10px 0 0 0;
  color: #2478C2;
}

.top-services {
  background: rgba(255, 255, 255, 0.7);
  border-top: 4px solid #ff9200;
  padding: 0 5px;
}

.top-services .realEst {
  background-image: url("/common/images/house.png");
}

.top-services .prop {
  background-image: url("/common/images/property.png");
}

.top-services .taxes {
  background-image: url("/common/images/taxes.png");
}

.top-services .sher {
  background-image: url("/common/images/pubSafety.png");
}

.top-services .vote {
  background-image: url("/common/images/vote.png");
}

.top-services .bids {
  background-image: url("/common/images/contract.png");
}

.top-services .maps {
  background-image: url("/common/images/map.png");
}

.top-services .jobs {
  background-image: url("/common/images/jobs.png");
}

.top-services .roads {
  background-image: url("/common/images/roads.png");
}

.top-services h3 {
  padding: 10px;
}

.top-services ul {
  margin-left: 0;
  margin: initial;
  line-height: initial;
}

.top-services ul li {
  list-style: none;
  float: left;
  display: block;
  text-align: center;
  padding: 0;
}

.top-services a {
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  display: block;
  padding: 65px 10px 15px 10px;
  background-repeat: no-repeat;
  background-size: 60px;
  background-position-x: 50%;
  background-position-y: 26%;
  background-position: top 20px center;
  background-color: #4d4d4d;
  margin: 10px 5px;
}

.top-services a:hover,
.top-services a:focus {
  text-decoration: none;
  color: #d2e6f7;
  background-color: #2b2b2b;
}

.top-services.funded-orgs {
  border-top: none;
  margin-bottom: 15px;
}

.top-services.funded-orgs li {
  overflow: hidden;
  height: 90px;
  width: 16.66%;
}

.top-services.funded-orgs a {
  padding-top: 110px;
  margin: 10px 3px;
}

.top-services.funded-orgs .family {
  background-image: url("/community-services/common/images/family.png");
}

.top-services.funded-orgs .childhood {
  background-image: url("/community-services/common/images/childhood.png");
}

.top-services.funded-orgs .school {
  background-image: url("/community-services/common/images/school.png");
}

.top-services.funded-orgs .youth {
  background-image: url("/community-services/common/images/youth.png");
}

.top-services.funded-orgs .treatment {
  background-image: url("/community-services/common/images/treatment.png");
}

.top-services.funded-orgs .needs {
  background-image: url("/community-services/common/images/needs.png");
}

.top-services.clerk {
  padding: 0;
  border-top: none;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 15px;
}

.top-services.clerk .register {
  background-image: url("/clerk/common/images/register.png");
}

.top-services.clerk .voter-id {
  background-image: url("/clerk/common/images/voter-id.png");
}

.top-services.clerk .ballot {
  background-image: url("/clerk/common/images/ballot.png");
}

.top-services.clerk .poll-loc {
  background-image: url("/common/images/map.png");
}

.top-services.clerk .change-add {
  background-image: url("/common/images/change-address.png");
}

.top-services.clerk .absent {
  background-image: url("/clerk/common/images/absentee.png");
}

.top-services.clerk .acc-vote {
  background-image: url("/common/images/accessibility.png");
}

.top-services.clerk .st-vote {
  background-image: url("/clerk/common/images/school.png");
}

.top-services.clerk .os-vote {
  background-image: url("/common/images/community.png");
  font-size: 14px;
  padding-top: 47px;
}

.top-services.clerk .poll-work {
  background-image: url("/clerk/common/images/group.png");
}

.top-services.clerk h3 {
  padding: 10px 0;
}

.top-services.clerk li {
  width: 50%;
}

.top-services.clerk li.wide {
  width: 100%;
}

.top-services.clerk li.wide a {
  margin-right: 0;
  margin-left: 0;
}

.top-services.clerk li:nth-child(odd) {
  clear: both;
}

.top-services.clerk li:nth-child(odd) a {
  margin-left: 0;
}

.top-services.clerk li:nth-child(even) a {
  margin-right: 0;
}

.top-services.clerk li:nth-child(1) a {
  margin-top: 0;
}

.top-services.clerk li:nth-child(2) a {
  margin-top: 0;
}

.top-services.clerk li:nth-child(4) a {
  margin-left: 0;
  margin-right: 5px;
}

.top-services.clerk li:nth-child(5) {
  clear: none;
}

.top-services.clerk li:nth-child(5) a {
  margin-left: 5px;
  margin-right: 0;
}

.top-services.clerk a {
  margin-bottom: 0;
  padding: 45px 7px 7px 7px;
  font-size: 15px;
  background-size: 50px;
  background-position: top 8px center;
  height: 90px;
}

.top-services.collector {
  padding: 0;
  border-top: none;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 15px;
}

.top-services.collector .search-pay {
  background-image: url("/collector/common/images/search-pay.png");
}

.top-services.collector .non-assess {
  background-image: url("/collector/common/images/no-tax-due.png");
}

.top-services.collector .payment-meth {
  background-image: url("/collector/common/images/pay-methods.png");
}

.top-services.collector .dup-receipts {
  background-image: url("/collector/common/images/taxes.png");
}

.top-services.collector .installment {
  background-image: url("/collector/common/images/installments.png");
}

.top-services.collector .change-address {
  background-image: url("/common/images/change-address.png");
}

.top-services.collector .e-billing {
  background-image: url("/collector/common/images/eBill.png");
}

.top-services.collector .merchant {
  background-image: url("/collector/common/images/merchant.png");
}

.top-services.collector h3 {
  padding: 10px 0;
}

.top-services.collector li {
  width: 50%;
}

.top-services.collector li.wide {
  width: 100%;
}

.top-services.collector li.wide a {
  margin-right: 0;
}

.top-services.collector li:nth-child(odd) {
  clear: both;
}

.top-services.collector li:nth-child(odd) a {
  margin-left: 0;
}

.top-services.collector li:nth-child(even) a {
  margin-right: 0;
}

.top-services.collector li:nth-child(1) a {
  margin-top: 0;
}

.top-services.collector li:nth-child(2) a {
  margin-top: 0;
}

.top-services.collector a {
  margin-bottom: 0;
  padding: 45px 7px 7px 7px;
  font-size: 15px;
  background-size: 50px;
  background-position: top 8px center;
  height: 90px;
}

.top-services.res-mgmnt {
  padding: 0;
  border-top: none;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 15px;
}

.top-services.res-mgmnt .rm-permit-search {
  background-image: url("/resource-management/common/images/permits.png");
}

.top-services.res-mgmnt .rm-payment-info {
  background-image: url("/resource-management/common/images/payments.png");
}

.top-services.res-mgmnt .rm-permit-calc {
  background-image: url("/resource-management/common/images/calculator.png");
}

.top-services.res-mgmnt .rm-road-closures {
  background-image: url("/resource-management/common/images/road-closures.png");
}

.top-services.res-mgmnt .rm-road-dir {
  background-image: url("/resource-management/common/images/road-name1.png");
}

.top-services.res-mgmnt .rm-road-check {
  background-image: url("/resource-management/common/images/road-name2.png");
}

.top-services.res-mgmnt .rm-rezoning {
  background-image: url("/resource-management/common/images/rezoning.png");
}

.top-services.res-mgmnt .rm-zoning-map {
  background-image: url("/common/images/map.png");
}

.top-services.res-mgmnt .rm-bf-map {
  background-image: url("/common/images/map.png");
}

.top-services.res-mgmnt .rm-flood-map {
  background-image: url("/common/images/map.png");
}

.top-services.res-mgmnt h3 {
  padding: 10px 0;
}

.top-services.res-mgmnt li {
  width: 50%;
}

.top-services.res-mgmnt li:nth-child(odd) {
  clear: both;
}

.top-services.res-mgmnt li:nth-child(odd) a {
  margin-left: 0;
}

.top-services.res-mgmnt li:nth-child(even) a {
  margin-right: 0;
}

.top-services.res-mgmnt li:nth-child(1) a {
  margin-top: 0;
}

.top-services.res-mgmnt li:nth-child(2) a {
  margin-top: 0;
}

.top-services.res-mgmnt a {
  margin-bottom: 0;
  padding: 45px 7px 7px 7px;
  font-size: 15px;
  background-size: 50px;
  background-position: top 8px center;
  height: 90px;
}

@media (max-width: 1280px) {
  .top-services.clerk a {
    height: 110px;
  }
}

@media (max-width: 1085px) {
  .top-services.clerk a {
    padding: 45px 3px 7px 3px;
    font-size: 14px;
    margin: 1px 1px;
  }

  .top-services.collector a {
    padding: 45px 3px 7px 3px;
    font-size: 14px;
    margin: 1px 1px;
  }

  .top-services.res-mgmnt a {
    padding: 45px 3px 7px 3px;
    font-size: 14px;
    margin: 1px 1px;
  }
}

@media (max-width: 950px) {
  .top-services h3 {
    text-align: center;
    padding: 10px 15px;
  }

  .top-services li a {
    font-size: 17px;
  }

  .top-services a {
    margin: 10px 2px;
  }

  .top-services.clerk {
    width: 66.6%;
    float: left;
    background-color: transparent;
  }

  .top-services.clerk li {
    width: 20%;
  }

  .top-services.clerk li:nth-child(even) a {
    margin: 3px;
  }

  .top-services.clerk li:nth-child(odd) {
    clear: none;
  }

  .top-services.clerk li:nth-child(odd) a {
    margin: 3px;
  }

  .top-services.collector {
    width: 100%;
    float: left;
    background-color: transparent;
  }

  .top-services.collector li {
    width: 16%;
  }

  .top-services.collector li:nth-child(even) a {
    margin: 3px;
  }

  .top-services.collector li:nth-child(odd) {
    clear: none;
  }

  .top-services.collector li:nth-child(odd) a {
    margin: 3px;
  }

  .top-services.collector li:first-child {
    margin-left: 2%;
  }

  .top-services.res-mgmnt {
    width: 100%;
    float: left;
    background-color: transparent;
  }

  .top-services.res-mgmnt li {
    width: 20%;
  }

  .top-services.res-mgmnt li:nth-child(even) a {
    margin: 3px;
  }

  .top-services.res-mgmnt li:nth-child(odd) {
    clear: none;
  }

  .top-services.res-mgmnt li:nth-child(odd) a {
    margin: 3px;
  }
}

@media (max-width: 768px) {
  .top-services h3 {
    padding: 10px 4%;
  }

  .top-services.clerk li {
    width: 25%;
  }

  .top-services.collector li {
    width: 33%;
  }

  .top-services.collector li:first-child {
    margin-left: 0;
  }
}

@media (max-width: 640px) {
  .top-services li a {
    font-size: 18px;
  }

  .top-services.funded-orgs li {
    width: 33.3%;
  }

  .top-services.funded-orgs a {
    margin: 5px 3px;
  }

  .top-services.clerk {
    width: 100%;
  }

  .top-services.clerk li {
    width: 50%;
  }

  .top-services.clerk a {
    height: 90px;
  }

  .top-services.collector {
    width: 100%;
  }

  .top-services.collector li {
    width: 50%;
  }

  .top-services.res-mgmnt {
    width: 100%;
  }

  .top-services.res-mgmnt li {
    width: 50%;
  }
}

@media (max-width: 400px) {
  .top-services li a {
    font-size: 16px;
  }
}

@media print {
  .top-services {
    display: none;
  }
}

.horizontal-line {
  border-bottom: 1px solid #dbdbdb;
  margin: 10px 0;
}

#home-content {
  background: rgba(179, 220, 255, 0.25);
  border-bottom: 3px solid #005bab;
  border-top: 3px solid #005bab;
  padding: 30px 0;
  margin: 30px 0;
}

#home-content h1 {
  text-align: left;
}

.additional-services {
  width: 53%;
  margin-left: 1%;
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
  padding-left: 10px;
}

.additional-services h2,
.additional-services h3 {
  padding: 0 0 5px 0;
  font-size: 20px;
}

.additional-services p {
  font-size: 15px;
  padding-bottom: 4px;
}

@media (max-width: 1085px) {
  .additional-services h1 {
    font-size: 26px;
  }
}

@media (max-width: 950px) {
  .additional-services {
    width: 100%;
    margin-left: 0;
    margin-top: 45px;
    padding-top: 35px;
    border-top: 3px solid #005bab;
  }
}

@media (max-width: 640px) {
  .additional-services h1 {
    font-size: 28px;
  }

  .additional-services p {
    font-size: 16px;
  }
}

@media print {
  .additional-services {
    width: 100%;
    margin: 0;
  }
}

.calendar-events {
  background: #005bab;
  padding: 7px 15px;
  border-bottom: 3px solid #ffffff;
  color: #ffffff;
  min-height: 130px;
}

.calendar-events h2,
.calendar-events h3 {
  color: #d3e7f8;
}

@media print {
  .calendar-events {
    color: #005bab;
    background: transparent;
    border-color: #005bab;
  }
}

.event {
  border-bottom: 1px solid #d3e7f8;
  margin-bottom: 10px;
}

.event .event-date {
  color: #242424;
  background-color: #dbdbdb;
  padding: 3px;
  display: block;
  width: 115px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: top;
}

.event .event-desc {
  padding: 3px;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: top;
}

.event .more-info {
  padding: 3px;
  margin-bottom: 5px;
  color: #fba84b;
  float: right;
}

.event .more-info:hover,
.event .more-info:focus {
  color: #d2e6f7;
}

@media (max-width: 1280px) {
  .event p.event-desc {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .event p.event-date {
    float: none;
  }
}

@media (max-width: 640px) {
  .event p.event-desc {
    font-size: 16px;
  }
}

@media print {
  .event p.event-date {
    background: transparent;
    border-color: #005bab;
  }

  .event a.more-info {
    color: #b85d00;
  }
}

.quick-access {
  background-color: #dbdbdb;
  padding: 7px 15px 15px 15px;
}

.quick-access h2,
.quick-access h3 {
  color: #004585;
}

@media (max-width: 1280px) {
  .quick-access p {
    font-size: 14px;
  }
}

@media (max-width: 640px) {
  .quick-access p {
    font-size: 16px;
  }
}

@media print {
  .quick-access {
    background: transparent;
    border-color: #005bab;
  }
}

.quick-select {
  cursor: pointer;
  position: relative;
  color: #4d4d4d;
  border: 1px solid #4d4d4d;
  background-color: #ffffff;
  font-size: 13px;
  font-family: Arial, sans-serif;
}

.quick-select ul {
  display: none;
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  left: -1px;
  z-index: 999999;
  height: 300px;
  overflow: auto !important;
  border: 1px solid #4d4d4d;
  -webkit-box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.35);
}

.quick-select p.select {
  position: relative;
  font-size: 14px;
  font-family: Arial, sans-serif;
  padding: 3px 1%;
  color: #242424;
}

.quick-select p.select:after {
  content: "";
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #4d4d4d;
  right: 6px;
  top: 7px;
}

.quick-select a {
  font-size: 14px;
  font-family: Arial, sans-serif;
  color: #4d4d4d;
  font-weight: normal;
  display: block;
  padding: 2px 1%;
}

.quick-select a:hover,
.quick-select a:focus {
  color: #ffffff;
  background-color: #4d4d4d;
  text-decoration: none;
}

.subscribe {
  background: #005bab;
  padding: 7px 15px 9px 15px;
  border-top: 3px solid #ffffff;
  color: #ffffff;
}

.subscribe input.input-box {
  width: 49%;
  margin-bottom: 8px;
  float: left;
}

.subscribe .button {
  float: right;
  bottom: 2px;
}

.subscribe .un-subscribe {
  margin-top: 5px;
  display: block;
  color: #fba84b;
  width: 210px;
}

.subscribe .un-subscribe:hover,
.subscribe .un-subscribe:focus {
  color: #d2e6f7;
}

.subscribe #email {
  margin-right: 1%;
}

.subscribe #fullname {
  margin-left: 1%;
}

.subscribe h2,
.subscribe h3 {
  color: #d3e7f8;
}

.right-content .subscribe {
  width: 50%;
  margin: 10px 25%;
  border: none;
}

.right-content .subscribe input.input-box {
  width: 100%;
}

.right-content .subscribe .button {
  float: right;
}

.right-content .subscribe #email {
  margin-right: 0;
}

.right-content .subscribe #fullname {
  margin-left: 0;
}

@media (max-width: 550px) {
  .subscribe input.input-box {
    width: 100%;
  }

  .subscribe .un-subscribe {
    clear: both;
    width: 100%;
    margin-top: 40px;
  }

  .subscribe #email {
    margin-right: 0;
  }

  .subscribe #fullname {
    margin-left: 0;
  }
}

@media print {
  .subscribe {
    background: transparent;
    border-color: #005bab;
  }

  .subscribe .un-subscribe {
    color: #b85d00;
  }

  .subscribe h3 {
    color: #005bab;
  }
}

.unsubscribe {
  background-color: #d2e6f7;
  padding: 7px 15px 9px 15px;
  width: 50%;
  margin: 10px 25%;
}

.unsubscribe input.input-box {
  width: 100%;
  margin-bottom: 8px;
}

.unsubscribe .button {
  float: right;
}

#widgets {
  margin-bottom: 30px;
}

#widgets ul {
  margin-left: 0;
  margin: initial;
  line-height: initial;
}

@media print {
  #widgets p {
    color: #242424;
  }
}

#content {
  background: #ffffff;
  border-bottom: 3px solid #005bab;
  border-top: 3px solid #005bab;
  padding: 30px 0 50px 0;
  margin: 25px 0 40px 0;
  min-height: 400px;
}

#content .menu-heading {
  color: #004585;
}

#content .section-menu ul,
#content .top-services ul {
  margin: 0;
}

#content .section-menu ul li,
#content .top-services ul li {
  padding: 0;
}

#content .section-menu ul li:last-child,
#content .top-services ul li:last-child {
  padding-bottom: 0;
}

#content .no-bullet {
  list-style: none;
  margin-left: 30px;
}

#content .no-bullet.centered {
  margin-left: 0;
}

#content .no-margin {
  margin: 0;
}

@media (max-width: 950px) {
  #content {
    margin: 10px 0 40px 0;
  }
}

@media (max-width: 768px) {
  #content {
    padding-top: 15px;
  }
}

.left-content ul,
.right-content ul,
.middle-content ul {
  margin-left: 35px;
  line-height: 1.3;
}

.left-content ul li,
.right-content ul li,
.middle-content ul li {
  padding-bottom: 5px;
}

.left-content ul li ul,
.right-content ul li ul,
.middle-content ul li ul {
  margin-bottom: 0;
  margin-top: 5px;
  padding-bottom: 0;
}

.left-content ol,
.right-content ol,
.middle-content ol {
  margin-left: 35px;
  line-height: 1.3;
}

.left-content ol li,
.right-content ol li,
.middle-content ol li {
  padding-bottom: 5px;
  padding-left: 5px;
}

.left-content ol li ul,
.right-content ol li ul,
.middle-content ol li ul {
  margin-bottom: 0;
  margin-top: 5px;
}

.left-content ol li ul li:last-child,
.right-content ol li ul li:last-child,
.middle-content ol li ul li:last-child {
  padding-bottom: 0;
}

.left-content ol li ol,
.right-content ol li ol,
.middle-content ol li ol {
  margin-bottom: 0;
  margin-top: 5px;
}

.left-content ol li ol li:last-child,
.right-content ol li ol li:last-child,
.middle-content ol li ol li:last-child {
  padding-bottom: 0;
}

.left-content {
  width: 70%;
  padding-right: 25px;
  float: left;
}

.left-content h3 {
  font-size: 19px;
}

.left-content a:visited {
  color: #b85d00;
}

.left-content a.button {
  position: relative;
  bottom: initial;
}

.left-content a.button:visited {
  color: #242424;
}

.left-content ul {
  margin-left: 35px;
  line-height: 1.3;
}

.left-content ul li {
  padding-bottom: 3px;
}

.left-content ol {
  margin-left: 35px;
  margin-bottom: 5px;
  line-height: 1.3;
}

.left-content ol li {
  padding-bottom: 3px;
}

@media (max-width: 768px) {
  .left-content {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}

@media (max-width: 640px) {
  .left-content ul {
    font-size: 18px;
  }

  .left-content ol {
    font-size: 18px;
  }
}

.right-content {
  width: 76%;
  padding-left: 25px;
  float: right;
}

.right-content .announcement {
  width: 100%;
  padding: 15px;
  text-align: center;
  border-bottom: 4px solid #ff9200;
  border-top: 4px solid #ff9200;
  background-color: #efefef;
  margin: 15px 0 25px 0;
  font-size: 18px;
}

.right-content .announcement .super-size {
  font-size: 24px;
  font-weight: bold;
}

.right-content .announcement .footnote {
  font-size: 14px;
}

.right-content .announcement .note {
  font-weight: normal;
  font-size: 16px;
}

.right-content .announcement .horizontal-line {
  border-bottom: 1px solid #dbdbdb;
  margin: 10px 0;
}

.right-content .announcement .button {
  background-color: #005bab;
  color: #ffffff !important;
  font-size: 17px;
}

.right-content .announcement .button:hover,
.right-content .announcement .button:focus {
  background-color: #fba84b;
  color: #2b2b2b !important;
}

.right-content .announcement .button a:visited {
  color: inherit;
}

.right-content .announcement .button a.button:visited {
  color: inherit;
}

.right-content .announcement h3 {
  font-size: 20px;
  line-height: 1;
}

.right-content .announcement p {
  font-size: 17px;
}

.right-content h1 {
  text-align: center;
}

.right-content h3 {
  font-size: 19px;
}

.right-content p {
  line-height: 1.3;
}

.right-content a:visited {
  color: #b85d00;
}

.right-content a.button {
  position: relative;
  bottom: initial;
}

.right-content a.button:visited {
  color: #242424;
}

.right-content ul {
  margin-left: 35px;
  line-height: 1.3;
}

.right-content ul li {
  padding-bottom: 3px;
}

.right-content ol {
  margin-left: 35px;
  margin-bottom: 5px;
  line-height: 1.3;
}

.right-content ol li {
  padding-bottom: 3px;
}

@media (max-width: 1024px) {
  .right-content {
    width: 74%;
  }
}

@media (max-width: 950px) {
  .right-content {
    width: 70%;
  }
}

@media (max-width: 768px) {
  .right-content {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 640px) {
  .right-content ul {
    font-size: 18px;
  }

  .right-content ol {
    font-size: 18px;
  }
}

@media print {
  .right-content {
    width: 100%;
  }
}

.middle-content {
  width: 54%;
  padding: 0 25px;
  float: left;
}

.middle-content h1 {
  text-align: center;
}

.middle-content h2 {
  color: #004585;
}

.middle-content h3 {
  font-size: 19px;
}

.middle-content p {
  line-height: 1.3;
}

.middle-content a.button:visited {
  color: #242424;
}

.middle-content ul {
  margin-left: 35px;
  line-height: 1.3;
}

.middle-content ul li {
  padding-bottom: 3px;
}

.middle-content ol {
  margin-left: 35px;
  margin-bottom: 5px;
  line-height: 1.3;
}

.middle-content ol li {
  padding-bottom: 3px;
}

.middle-content .reports {
  text-align: center;
}

.middle-content .reports .one-third,
.middle-content .reports .one-half {
  padding: 10px;
}

.middle-content .reports .one-third img,
.middle-content .reports .one-half img {
  width: 60%;
  margin: 0 20% 10px 20%;
}

.middle-content .announcement {
  width: 100%;
  padding: 15px;
  text-align: center;
  border-bottom: 4px solid #ff9200;
  border-top: 4px solid #ff9200;
  background-color: #efefef;
  margin: 15px 0 25px 0;
  font-size: 18px;
}

.middle-content .announcement h3 {
  font-size: 20px;
  line-height: 1;
}

.middle-content .announcement p {
  font-size: 17px;
}

.middle-content .announcement a:hover,
.middle-content .announcement a:focus {
  color: #A85400;
}

.middle-content .announcement .super-size {
  font-size: 24px;
  font-weight: bold;
}

.middle-content .announcement .footnote {
  font-size: 14px;
}

.middle-content .announcement .note {
  font-weight: normal;
  font-size: 16px;
}

.middle-content .announcement .horizontal-line {
  border-bottom: 1px solid #dbdbdb;
  margin: 10px 0;
}

.middle-content .announcement .button {
  background-color: #005bab;
  color: #ffffff !important;
  font-size: 17px;
}

.middle-content .announcement .button:hover,
.middle-content .announcement .button:focus {
  background-color: #fba84b;
  color: #2b2b2b !important;
}

.middle-content .announcement .button a:visited {
  color: inherit;
}

.middle-content .announcement .button a.button:visited {
  color: inherit;
}

.middle-content .announcement-long {
  text-align: left;
}

.middle-content .announcement-long h2 {
  text-align: center;
}

@media (max-width: 1024px) {
  .middle-content {
    width: 52%;
    padding: 0 15px;
  }
}

@media (max-width: 950px) {
  .middle-content {
    width: 70%;
    padding: 0 0 0 15px;
  }
}

@media (max-width: 768px) {
  .middle-content {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 640px) {
  .middle-content ul {
    font-size: 18px;
  }

  .middle-content ol {
    font-size: 18px;
  }
}

@media print {
  .middle-content {
    width: 100%;
  }
}

.left-sidebar {
  width: 24%;
  float: left;
}

@media (max-width: 1024px) {
  .left-sidebar {
    width: 26%;
  }
}

@media (max-width: 950px) {
  .left-sidebar {
    width: 30%;
  }
}

@media (max-width: 768px) {
  .left-sidebar {
    width: 100%;
  }
}

@media print {
  .left-sidebar {
    display: none;
  }
}

.right-widgets {
  width: 22%;
  float: right;
  border-top: 4px solid #ff9200;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  padding: 0px 12px 20px 12px;
}

.right-widgets h3 {
  color: #004585;
  text-align: center;
}

.right-widgets .social {
  text-align: center;
}

.right-widgets #twitter-widget-0 {
  width: 100%;
  height: 30px;
  padding: 10px 0 0 0;
}

@media (max-width: 950px) {
  .right-widgets {
    width: 100%;
    border-top: none;
    margin-top: 30px;
    background-color: #efefef;
    padding: 0 12px;
  }
}

@media print {
  .right-widgets {
    display: none;
  }
}

.right-sidebar {
  width: 30%;
  float: right;
  padding: 10px;
  border-top: 4px solid #ff9200;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  padding: 10px 15px 20px 15px;
}

.right-sidebar h2:first-child {
  padding-top: 0;
}

.right-sidebar .subscribe {
  border: none;
  padding: 10px;
}

.right-sidebar .subscribe h3 {
  padding-top: 0;
}

.right-sidebar .subscribe p {
  display: none;
}

@media (max-width: 1085px) {
  .right-sidebar .subscribe input.input-box {
    width: 100%;
  }
}

@media (max-width: 950px) {
  .right-sidebar .subscribe .un-subscribe {
    clear: both;
    text-align: center;
    width: auto;
    padding-top: 7px;
  }
}

@media (max-width: 768px) {
  .right-sidebar {
    width: 100%;
    background-color: #efefef;
    border: none;
  }

  .right-sidebar .subscribe input.input-box {
    width: 48%;
    float: left;
    margin: 0 1% 8px 1%;
  }

  .right-sidebar .subscribe .un-subscribe {
    clear: none;
    text-align: left;
  }
}

@media (max-width: 400px) {
  .right-sidebar .subscribe input.input-box {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .right-sidebar .subscribe .un-subscribe {
    clear: both;
    text-align: center;
  }
}

@media print {
  .right-sidebar {
    display: none;
  }
}

.department h2 {
  display: block;
  background-color: #efefef;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #4d4d4d;
}

.divide-left-img {
  padding: 10px 0;
}

.divide-left-img img {
  width: 165px;
  float: left;
  margin: 0 10px 0 0;
}

.divide-left-img h4 {
  padding-top: 0;
}

@media (max-width: 640px) {
  .maps .divide-left-img {
    text-align: center;
  }

  .maps .divide-left-img img {
    width: 60%;
    margin: 0 20% 10px 20%;
  }
}

.divide-right-img {
  padding: 10px 0;
}

.divide-right-img img {
  width: 165px;
  float: right;
  margin: 0 0 0 10px;
}

.divide-right-img h4 {
  padding-top: 0;
}

@media (max-width: 640px) {
  .maps .divide-right-img {
    text-align: center;
  }

  .maps .divide-right-img img {
    width: 60%;
    margin: 0 20% 10px 20%;
  }
}

.highlights {
  border-bottom: 1px solid #dbdbdb;
}

.highlights img {
  margin-bottom: 10px;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.highlights .button {
  float: right;
  margin-bottom: 10px;
}

.highlights #clerk-search input[type="text"] {
  width: 100%;
  margin-bottom: 7px;
}

.highlights #clerk-search input[type="button"] {
  margin: 0 0 10px 7px;
}

.highlights #clerk-search #help {
  background-image: none;
  padding: 4px 11px;
}

@media (max-width: 950px) {
  .highlights {
    border-bottom: none;
    width: 33.3%;
    padding: 5px 10px;
    float: left;
  }
}

@media (max-width: 640px) {
  .highlights {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #dbdbdb;
  }
}

.closings .data-info-table {
  width: 70%;
  margin: 0 auto;
  border-collapse: collapse;
  text-align: left;
}

.closings .data-info-table .line {
  padding: 0;
}

.closings .data-info-table td {
  padding: 5px 20px;
}

.closings .data-info-table #holiday {
  width: 40%;
  padding: 10px 20px;
  /*background-color: $sectionMenuItem;
        color: $dkTileBackground;
        font-size: 22px;
        text-align: left; */
}

.closings .data-info-table #date {
  padding: 10px 20px;
  /*background-color: $sectionMenuItem;
        color: $dkTileBackground;
        font-size: 22px;
        text-align: left; */
}

@media (max-width: 950px) {
  .closings .data-info-table {
    width: 90%;
  }
}

@media (max-width: 640px) {
  .closings .data-info-table {
    width: 100%;
  }
}

.pub-safety .top-services {
  border-left: 4px solid #ff9200;
  border-top: none;
}

.pub-safety .top-services li {
  width: 100%;
}

.pub-safety .top-services a {
  margin: 3px 5px;
  padding: 7px;
  text-align: left;
}

.pub-safety .office {
  background: #efefef;
  padding: 7px;
  width: 33.3%;
  border: 5px solid #ffffff;
  margin-bottom: 5px;
  float: left;
  text-align: center;
}

.pub-safety .office:hover,
.pub-safety .office:focus {
  background: #dbdbdb;
}

.pub-safety .office h3 {
  text-align: center;
  height: 50px;
  font-size: 18px;
  padding: 5px 0;
}

.pub-safety .office a:hover,
.pub-safety .office a:focus {
  color: inherit;
  text-decoration: none;
}

.pub-safety .office img {
  width: 28%;
  margin: 0 auto;
}

.pub-safety .label {
  width: 300px;
  display: inline-block;
}

@media (max-width: 950px) {
  .pub-safety .office h3 {
    font-size: 16px;
    height: 65px;
  }
}

@media (max-width: 550px) {
  .pub-safety .office {
    width: 70%;
    margin: 0 15%;
  }

  .pub-safety .office h3 {
    height: auto;
  }

  .pub-safety .office img {
    width: 25%;
  }
}

.selected {
  display: block;
}

.hidden {
  display: none;
}

.org-section {
  margin-bottom: 20px;
}

.org-section h2 {
  display: block;
  background-color: #efefef;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #4d4d4d;
}

.org-section .organization {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.org-section .organization .italicize {
  font-weight: bold;
}

.organization img {
  float: right;
  width: 22%;
  margin: 0 0 10px 10px;
}

@media (max-width: 640px) {
  .organization img {
    width: 30%;
  }
}

@media (max-width: 550px) {
  .organization img {
    width: 35%;
  }
}

@media (max-width: 400px) {
  .organization img {
    width: 50%;
    margin: 0 25% 10px 25%;
  }
}

.filter-button {
  color: #005bab;
  background-color: #dbdbdb;
  padding: 3px 5px;
  font-size: 14px;
  border: 1px solid #005bab;
  border-radius: 2px;
  display: inline-block;
  margin: 3px 0;
}

.filter-button:hover,
.filter-button:focus {
  text-decoration: none;
  background-color: #4d4d4d;
  color: #d2e6f7;
}

.filter-button.current-filter {
  background-color: #005bab;
  color: #ffffff;
}

.filter-button.selectedYr {
  background-color: #005bab;
  color: #ffffff;
}

#trigger-years p {
  font-weight: bold;
  color: #004585;
}

.keywords {
  display: none;
}

.summary p {
  margin-left: 15px;
  color: #4d4d4d;
}

.date-author {
  color: #757575;
  font-size: 14px;
}

.media h2,
.media h3 {
  padding-bottom: 0;
}

.media a.button {
  float: right;
}

.media img {
  float: right;
  margin: 0 0 10px 10px;
  width: 25%;
}

@media (max-width: 950px) {
  .media img {
    width: 30%;
  }
}

@media (max-width: 550px) {
  .media img {
    width: 50%;
    margin: 10px 25%;
  }
}

#trigger-years #current-year {
  float: none;
  font-size: initial;
}

#trigger-years p span {
  color: #242424;
  font-weight: normal;
  font-size: 15px;
  float: right;
}

#toggle-years {
  padding: 5px 0;
}

#toggle-years a {
  color: #005bab;
  background-color: #dbdbdb;
  padding: 3px 5px;
  font-size: 14px;
  border: 1px solid #005bab;
  border-radius: 2px;
  display: inline-block;
  margin: 3px 0;
  min-width: 46px;
  text-align: center;
}

#toggle-years a:hover,
#toggle-years a:focus {
  text-decoration: none;
  background-color: #4d4d4d;
  color: #d2e6f7;
}

#toggle-years a.current-filter {
  background-color: #005bab;
  color: #ffffff;
}

#toggle-months {
  text-align: center;
  margin-bottom: 5px;
}

#toggle-months a {
  color: #005bab;
  background-color: #dbdbdb;
  padding: 3px 5px;
  font-size: 14px;
  border: 1px solid #005bab;
  border-radius: 2px;
  display: inline-block;
  margin: 3px 0;
  min-width: 46px;
  text-align: center;
}

#toggle-months a:hover,
#toggle-months a:focus {
  text-decoration: none;
  background-color: #4d4d4d;
  color: #d2e6f7;
}

#anchor-links {
  padding: 5px 0;
}

#anchor-links a {
  background-color: #dbdbdb;
  color: #242424;
  padding: 3px 5px;
  font-size: 14px;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  display: inline-block;
  margin: 3px 0;
}

#anchor-links a:hover,
#anchor-links a:focus {
  text-decoration: none;
  background-color: #005bab;
  border-color: #005bab;
  color: #ffffff;
}

.select-year {
  border-bottom: 1px solid #ff9200;
  border-top: 1px solid #ff9200;
  padding: 15px 0;
  margin: 15px 0;
}

.select-year .google-custom-search p {
  padding: 0;
}

.select-year .google-custom-search .popup-box {
  float: none;
  margin-left: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 13px;
}

.select-year .google-custom-search .popup .content {
  overflow: hidden;
}

.select-year .google-custom-search iframe {
  width: 100%;
  height: 100%;
}

.minutes-orders h3 {
  text-align: center;
}

.orders-index {
  font-weight: normal;
  display: inline-block;
  padding-top: 5px;
  font-size: 16px;
}

.document-list {
  width: 33.3%;
  padding: 10px 1%;
  float: left;
  margin-bottom: 15px;
}

.document-list .noDocs {
  text-align: center;
  padding: 12px;
}

.document-list .noDocs a {
  display: initial;
  background-color: transparent;
  padding: initial;
  margin: initial;
  color: #006AC7;
  text-decoration: underline;
}

.document-list .noDocs a:hover,
.document-list .noDocs a:focus {
  color: #b85d00;
  background-color: transparent;
}

.document-list:nth-child(3n+2) {
  clear: both;
}

.document-list h4 {
  text-align: center;
  border: 1px solid #4d4d4d;
  padding: 5px;
  margin-bottom: 2px;
  background-color: #005bab;
  color: #ffffff;
}

.document-list a {
  display: block;
  text-align: center;
  background-color: #efefef;
  padding: 12px 30px;
  margin: 0 auto 2px auto;
  color: #242424;
}

.document-list a:hover,
.document-list a:focus {
  background-color: #dbdbdb;
  color: #004585;
  text-decoration: underline;
}

.document-list a.pdf {
  background-image: url(/common/images/pdfIcon-light.png);
  background-position: 7px;
  padding-left: 30px;
}

@media (max-width: 1024px) {
  .document-list {
    width: 50%;
  }

  .document-list:nth-child(3n+2) {
    clear: none;
  }

  .document-list:nth-child(2n+2) {
    clear: both;
  }
}

@media (max-width: 400px) {
  .document-list {
    width: 100%;
  }
}

.secLogo {
  width: 12%;
  padding: 10px 2% 10px 0;
  float: left;
  text-align: left;
}

.secLogo img {
  max-width: 110px;
  width: 100%;
}

.secLogo.left {
  margin-left: 29%;
}

@media (max-width: 1085px) {
  .secLogo {
    width: 14%;
  }

  .secLogo.left {
    margin-left: 26%;
  }
}

@media (max-width: 550px) {
  .secLogo {
    width: 18%;
  }

  .secLogo.left {
    margin-left: 20%;
  }
}

@media (max-width: 400px) {
  .secLogo {
    width: 24%;
  }

  .secLogo.left {
    margin-left: 11%;
  }
}

.toolsLink {
  display: none;
}

.toolsLink a {
  padding-left: 47px !important;
  font-size: 14px;
}

.toolsLink label {
  font-size: 16px;
}

@media (max-width: 640px) {
  .toolsLink {
    display: block;
  }

  .toolsLink a {
    font-size: 17px;
  }

  .toolsLink label {
    font-size: 18px;
  }
}

#menu-page .menu-heading {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 15px;
}

#menu-page .one-third {
  padding: 0 15px;
}

#menu-page .one-third:nth-child(3n+1) {
  clear: both;
}

#menu-page ul {
  margin-left: 0;
  list-style: none;
  margin-bottom: 25px;
}

@media (max-width: 950px) {
  #menu-page .one-third {
    width: 50%;
  }

  #menu-page .one-third:nth-child(3n+1) {
    clear: none;
  }

  #menu-page .one-third:nth-child(2n+1) {
    clear: both;
  }
}

.contact-dept h2 {
  display: block;
  background-color: #efefef;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #4d4d4d;
}

.contact-dept h3 {
  padding-top: 0;
}

.contact-dept fieldset {
  clear: both;
  margin: 15px 0;
}

.contact-dept legend {
  font-size: 25px;
  padding-bottom: 15px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.contact-dept .one-half {
  padding: 5px 20px 20px 20px;
}

.contact-dept .button {
  display: inline-block;
}

.contact-dept .label {
  display: inline-block;
  width: 60px;
}

.contact-dept .multi-fax {
  padding-left: 60px;
}

.contact-dept .horizontal-line {
  margin: 0 0 20px 0;
}

.hours-location ul {
  margin-left: 0;
  list-style: none;
}

.hours-location h2 {
  padding-top: 0;
}

.hours-location h3 {
  padding-top: 0;
}

.hours-location .three-fourths {
  padding-left: 25px;
}

.hours-location .intro {
  width: 40%;
  padding-right: 10px;
}

.hours-location .map {
  width: 60%;
  padding-left: 10px;
}

.hours-location .label {
  display: inline-block;
  width: 280px;
}

.hours-location .location {
  width: 45%;
  padding-right: 10px;
}

@media (max-width: 1085px) {
  .hours-location .phone {
    width: 55%;
  }

  .hours-location .phone .label {
    width: 60%;
  }
}

@media (max-width: 950px) {
  .hours-location ul {
    column-count: 2;
    padding-bottom: 15px;
  }

  .hours-location ul li {
    list-style: none;
  }

  .hours-location .intro {
    width: 100%;
    padding-right: 0;
  }

  .hours-location .map {
    width: 70%;
    padding-left: 0;
    margin: 0 15%;
  }
}

.site-map ul {
  list-style: none;
}

.site-map ul li {
  font-weight: bold;
}

.site-map ul li ul {
  margin-bottom: 0;
}

.site-map ul li ul li {
  font-weight: normal;
}

@media (max-width: 950px) {
  .site-map .three-col-list {
    column-count: 2;
  }
}

@media (max-width: 640px) {
  .site-map .two-col-list {
    column-count: 1;
  }

  .site-map .three-col-list {
    column-count: 1;
  }
}

.roman-nums {
  list-style-type: upper-roman;
  list-style-position: inside;
}

.alphabetical {
  list-style-type: upper-alpha;
}

.lower-alphabetical {
  list-style-type: lower-alpha;
}

.sans-bullets {
  list-style-type: none;
}

#district-map {
  width: 93%;
  height: 520px;
  border: 1px solid #242424;
  margin-left: 5%;
}

.data-info-table {
  width: 80%;
  border-collapse: collapse;
  margin: 10px 10% 20px 10%;
  text-align: center;
}

.data-info-table caption {
  padding-bottom: 5px;
}

.data-info-table th {
  background-color: #005bab;
  color: #ffffff;
  padding: 7px;
}

.data-info-table th a {
  color: #d2e6f7;
}

.data-info-table th a:hover,
.data-info-table th a:focus,
.data-info-table th a:visited {
  color: #ff9200;
}

.data-info-table tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.data-info-table tr:nth-child(even) {
  background-color: #eeeeee;
}

.data-info-table td {
  padding: 4px;
}

.data-info-table .second-tbl-header th {
  padding-top: 0;
}

@media (max-width: 640px) {
  .data-info-table {
    width: 100%;
    margin: 10px 0 20px 0;
  }
}

.clerk-faq-phone .label {
  width: 260px;
  display: inline-block;
}

.calendars {
  margin-bottom: 10px;
}

.calendar {
  margin-bottom: 5px;
}

.calendar.one-half {
  float: left;
  padding: 5px;
}

.calendar ul {
  margin-left: 0;
  position: relative;
  padding: 0;
}

.calendar ul li {
  list-style: none;
  line-height: 1.4;
}

.calendar .month {
  text-align: center;
  background-color: #005bab;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

.calendar .month ul li {
  padding: 10px;
}

.calendar .weekdays {
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  background-color: #efefef;
}

.calendar .weekdays li {
  width: 14.25%;
  text-align: center;
  font-weight: bold;
  padding: 3px;
  display: inline-block;
}

.calendar .days {
  border: 1px solid #dbdbdb;
}

.calendar .days li {
  width: 14.25%;
  text-align: center;
  padding: 3px;
  display: inline-block;
  position: relative;
}

.calendar .days li:nth-child(7n+0)>.event-info {
  right: 0;
}

.calendar .days li:nth-child(7n+5)>.event-info {
  right: 0;
}

.calendar .days li:nth-child(7n+6)>.event-info {
  right: 0;
}

.calendar .days .active {
  background-color: #efefef;
  font-weight: bold;
}

.calendar .event-info {
  position: absolute;
  width: 170px;
  background-color: #efefef;
  z-index: 99;
  padding: 10px;
  font-size: 18px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  display: none;
}

.calendar .event {
  border: none;
  margin: 0;
  background-color: #4d4d4d;
  color: #ffffff;
  display: block;
  cursor: pointer;
  font-weight: bold;
}

.calendar .event:hover,
.calendar .event:focus {
  background-color: #2b2b2b;
}

.calendar .event:hover~.event-info,
.calendar .event:focus~.event-info {
  display: block;
}

.press-contact {
  background-color: #efefef;
  padding: 20px 20px 10px 20px;
  margin: 10px 0;
}

.press-contact .upper-case {
  font-weight: bold;
}

.press-contact .button {
  float: right;
}

@media (max-width: 640px) {
  .press-contact .upper-case {
    clear: both;
    padding-top: 10px;
  }
}

.open-positions .job-headers {
  background-color: #005bab;
  color: #ffffff;
  font-weight: bold;
}

.open-positions .col1 {
  width: 30%;
  float: left;
  padding: 7px;
}

.open-positions .col2 {
  width: 70%;
  float: left;
  padding: 7px;
}

.open-positions .job-listing p {
  padding-top: 5px;
}

.open-positions .job-listing .button {
  margin: 7px 0 5px 0;
  float: right;
}

.open-positions .odd {
  background-color: #eeeeee;
}

.open-positions .even {
  background-color: #f9f9f9;
}

@media (max-width: 640px) {
  .open-positions .job-headers {
    display: none;
  }

  .open-positions .col1 {
    width: 100%;
    float: none;
    padding-bottom: 0;
  }

  .open-positions .col1:before {
    content: 'Office or Department';
    font-weight: bold;
    display: block;
    background-color: #005bab;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
  }

  .open-positions .col2 {
    width: 100%;
    float: none;
  }

  .open-positions .col2:before {
    content: 'Position and Responsibilities';
    font-weight: bold;
    display: block;
    background-color: #dbdbdb;
    color: #004585;
    padding: 5px;
    margin-bottom: 5px;
  }
}

.jobs-rss {
  text-align: center;
  position: relative;
}

.jobs-rss img {
  position: absolute;
  right: 0;
  bottom: 5px;
}

.e-verify .english {
  width: 50%;
  float: left;
  padding: 0 5px 5px 0;
}

.e-verify .spanish {
  width: 50%;
  float: left;
  padding: 0 0 5px 0;
}

.hr-soc-media-icons,
.bcjc-soc-media-icons,
.pw-soc-media-icons {
  text-align: center;
}

.hr-soc-media-icons h3,
.bcjc-soc-media-icons h3,
.pw-soc-media-icons h3 {
  padding-bottom: 5px;
}

.hr-soc-media-icons img,
.bcjc-soc-media-icons img,
.pw-soc-media-icons img {
  display: inline-block;
  margin: 0 2px 5px 2px;
}

.hr-contact {
  margin-top: 10px;
}

.hr-contact p {
  padding-bottom: 0;
}

.hr-contact .hrContactLbl {
  color: #005bab;
}

.hr-contact .hrContactLbl:after {
  content: ":";
  padding-right: 5px;
}

.pay-plan.data-info-table {
  width: 100%;
  margin: 0;
}

.pay-plan.data-info-table th.col1 {
  width: 70px;
}

.pay-plan.data-info-table th.col2 {
  text-align: left;
}

.pay-plan.data-info-table th.col3 {
  width: 70px;
}

.pay-plan.data-info-table th.col4 {
  width: 95px;
}

.pay-plan.data-info-table th.col5 {
  width: 95px;
}

.pay-plan.data-info-table td {
  padding: 7px 4px;
}

.pay-plan.data-info-table td:nth-child(2) {
  text-align: left;
}

.pay-plan.data-info-table .sal-group {
  padding: 1px;
  background-color: #ff9200;
}

.pay-plan.data-info-table .spacer {
  padding: 0;
}

.pers-policy-man h2 {
  display: block;
  background-color: #efefef;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #4d4d4d;
}

.pers-policy-man ul {
  margin-bottom: 0;
}

.pers-policy-man .menu-section {
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
}

.pers-policy-man .menu-section h3 {
  padding: 5px 10px;
  background-color: #efefef;
  border-bottom: 1px solid #dbdbdb;
}

.pers-policy-man .menu-section h3 a {
  color: #005bab;
}

.pers-policy-man .menu-section input {
  display: none;
}

.pers-policy-man .menu-section input:checked~.sub-headings {
  -webkit-transition: max-height 0.3s ease-in;
  -moz-transition: max-height 0.3s ease-in;
  -ms-transition: max-height 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
  height: auto;
  max-height: 800px;
}

.pers-policy-man .menu-section input:checked~label:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 8px solid #ff9200;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}

.pers-policy-man .menu-section label {
  cursor: pointer;
  font-size: 19px;
  padding: 5px 10px;
  color: #005bab;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  background-color: #efefef;
  position: relative;
}

.pers-policy-man .menu-section label:after {
  content: "";
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #c0c0c0;
  border-bottom: 0;
  right: 12px;
  top: 12px;
  -webkit-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}

.pers-policy-man .sub-headings {
  -webkit-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
  max-height: 0;
}

.aff-action-plan h2 {
  display: block;
  background-color: #efefef;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #4d4d4d;
}

.aff-action-plan ul {
  padding-bottom: 0;
}

.aff-action-plan ul li:last-child {
  padding-bottom: 0;
}

.eoq-img {
  float: right;
  width: 70%;
  margin: 0 15% 10px 15%;
}

.past-eoq .quarter {
  width: 22%;
  float: left;
  clear: both;
}

.past-eoq .name {
  width: 34%;
  float: left;
}

.past-eoq .office {
  width: 44%;
  float: left;
}

.past-eoq h2 {
  clear: both;
}

.past-eoq p {
  padding: 0;
}

@media (max-width: 550px) {
  .past-eoq .quarter {
    width: 35%;
    padding-right: 5px;
  }

  .past-eoq .name {
    width: 65%;
  }

  .past-eoq .office {
    width: 65%;
    margin-left: 35%;
    margin-bottom: 10px;
  }
}

.emp-qualities {
  column-count: 3;
  list-style: none;
  font-weight: bold;
}

@media (max-width: 640px) {
  .emp-qualities {
    column-count: 1;
  }
}

@media (max-width: 950px) {
  .hr-widgets .highlights.facebook fieldset {
    display: none;
  }
}

.rec-fee-schedule {
  list-style: none;
}

.rec-fee-schedule h3 {
  padding-bottom: 0;
  line-height: 1;
}

.rec-fee-label {
  display: block;
  float: left;
  padding-right: 10px;
  width: 210px;
  font-weight: bold;
  margin-left: 30px;
}

.rec-fee-label .footnote {
  font-weight: normal;
}

@media (max-width: 640px) {
  .rec-fee-label {
    float: none;
    padding-right: 0;
    width: auto;
  }
}

.rec-fee-label2 {
  display: block;
  float: left;
  padding-right: 10px;
  width: 210px;
  font-weight: bold;
  margin-left: 30px;
}

.rec-fee {
  margin-left: 245px;
}

.rec-fee .page-size {
  padding: 0;
}

.rec-fee ul li {
  padding-bottom: 0;
}

@media (max-width: 640px) {
  .rec-fee {
    margin-left: 60px;
  }
}

.marriage-lic-copies {
  display: inline-block;
  width: 170px;
  padding-right: 10px;
}

.marriage-lic-more {
  display: inline-block;
  width: 60%;
  vertical-align: top;
}

.accepted-credit-cards {
  margin: 0 auto;
}

.co-mail-to-label {
  width: 60px;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}

.co-mail-to {
  display: inline-block;
  vertical-align: top;
}

.co-dropbox {
  margin: 0 auto 10px auto;
}

#non-assess-search {
  width: 100%;
  height: 500px;
}

.QA-heading {
  font-size: 17px;
  padding: 0;
  color: #2478C2;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

.tax-equation {
  text-align: center;
  font-weight: bold;
}

.tax-equation .val-assessed {
  display: inline-block;
  width: 190px;
}

.tax-equation .tax-rate {
  display: inline-block;
  width: 110px;
}

.tax-equation .tax-levied {
  display: inline-block;
  width: 120px;
}

#tax-rate-table {
  font-size: 14px;
  width: 94%;
  margin: 10px 3% 20px 3%;
}

#tax-rate-table th {
  text-align: center;
  font-size: 16px;
}

#tax-rate-table td {
  padding: 4px 7px;
}

#tax-rate-table #all-tax-years {
  font-size: 16px;
}

#tax-rate-table #all-tax-years .tax-rates-cell {
  color: #005bab;
}

#tax-rate-table .tax-entity-cell {
  text-align: left;
  width: 34%;
}

#tax-rate-table .tax-rates-cell {
  width: 11%;
}

#tax-rate-table .tax-rates-indent {
  text-align: left;
  padding-left: 30px !important;
}

#tax-rate-table .note {
  display: block;
  padding: 10px 0;
  color: #005bab;
}

#tax-rate-table .footnote {
  padding-bottom: 10px;
  display: block;
}

@media (max-width: 1024px) {
  #tax-rate-table .tax-entity-cell {
    width: 46%;
  }

  #tax-rate-table .tax-rates-cell {
    width: 18%;
  }
}

#show-three-years {
  display: none;
  margin-left: 3%;
}

#select-tax-year {
  display: none;
  margin-left: 3%;
}

.tax-year-label {
  padding: 0;
  font-weight: bold;
  color: #e07600;
}

.tax-year-one-group,
.tax-year-two-group,
.tax-year-three-group,
.tax-year-four-group,
.tax-year-one,
.tax-year-two,
.tax-year-three,
.tax-year-four,
.tax-year-five,
.tax-year-six {
  color: #005bab;
  background-color: #dbdbdb;
  padding: 3px 5px;
  font-size: 14px;
  border: 1px solid #005bab;
  border-radius: 2px;
  display: inline-block;
  margin: 3px 0;
  cursor: pointer;
}

.tax-year-one-group:hover,
.tax-year-one-group:focus,
.tax-year-two-group:hover,
.tax-year-two-group:focus,
.tax-year-three-group:hover,
.tax-year-three-group:focus,
.tax-year-four-group:hover,
.tax-year-four-group:focus,
.tax-year-one:hover,
.tax-year-one:focus,
.tax-year-two:hover,
.tax-year-two:focus,
.tax-year-three:hover,
.tax-year-three:focus,
.tax-year-four:hover,
.tax-year-four:focus,
.tax-year-five:hover,
.tax-year-five:focus,
.tax-year-six:hover,
.tax-year-six:focus {
  text-decoration: none;
  background-color: #4d4d4d;
  color: #d2e6f7;
}

.tax-year-one-group.current-filter,
.tax-year-two-group.current-filter,
.tax-year-three-group.current-filter,
.tax-year-four-group.current-filter,
.tax-year-one.current-filter,
.tax-year-two.current-filter,
.tax-year-three.current-filter,
.tax-year-four.current-filter,
.tax-year-five.current-filter,
.tax-year-six.current-filter {
  background-color: #005bab;
  color: #ffffff;
}

.merch-city {
  display: inline-block;
  width: 100px;
  padding-right: 5px;
}

.food-permits.data-info-table th:first-child,
.food-permits.data-info-table td:first-child {
  border-right: 1px solid;
}

.food-permits.data-info-table .second-tbl-header th:first-child {
  border-right: none;
}

.food-permits.data-info-table .low,
.food-permits.data-info-table .medium,
.food-permits.data-info-table .high {
  font-weight: normal;
  width: 22%;
}

.food-permits.data-info-table .gross {
  vertical-align: top;
}

@media (max-width: 550px) {

  .food-permits.data-info-table th:first-child,
  .food-permits.data-info-table td:first-child {
    width: 30%;
  }
}

.license-contact {
  width: 50%;
  padding: 0 10px;
  float: left;
  text-align: center;
}

.license-contact .label {
  display: inline-block;
  width: 60px;
  text-align: left;
}

.jc-ace-logo {
  float: left;
  margin: 0 10px 10px 0;
  width: 75px;
}

.jc-rave-smart911-logo {
  float: left;
  margin: 0 10px 10px 0;
  width: 150px;
}

.bcjc-contact .label {
  font-weight: bold;
  display: inline-block;
  width: 150px;
}

.bcjc-career-img {
  width: 80%;
}

.bcjc-apply.button {
  background-color: #005bab;
  color: #ffffff !important;
  font-size: 17px;
}

.bcjc-apply.button:hover,
.bcjc-apply.button:focus {
  background-color: #fba84b;
  color: #2b2b2b !important;
}

.bcjc-resources .phone {
  display: inline-block;
  float: right;
}

@media (max-width: 640px) {
  .bcjc-resources .phone {
    display: block;
    float: none;
  }
}

.bcjc-history h2 {
  display: block;
  background-color: #efefef;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #4d4d4d;
}

.bcjc-logo {
  width: 40%;
  margin: 10px 30% 0px 30%;
}

@media (max-width: 950px) {
  .bcjc-widgets p {
    display: inline-block;
  }

  .bcjc-widgets .highlights {
    width: 100%;
  }
}

.oem-logo {
  width: 40%;
  margin: 10px 30% 0px 30%;
}

#road-closures {
  width: 100%;
  display: inline-block;
}

.oem-staff .image {
  float: left;
  margin-right: 10px;
}

@media (max-width: 550px) {
  .oem-staff {
    text-align: center;
  }

  .oem-staff .image {
    width: 100%;
    text-align: center;
  }

  .oem-staff .image img {
    margin: 0 auto 10px auto;
  }
}

.oem-sm911-rave,
.nws-logo {
  width: 70%;
}

.nws-logo {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 13px;
}

.nws-link img {
  margin-bottom: 0;
}

.nws-link {
  text-align: center;
  white-space: nowrap;
}

.oem-prepare img {
  margin: 0 10px 10px 0;
  width: 25%;
  max-width: 200px;
}

.oem-prepare.odd img {
  float: left;
}

.oem-prepare.even img {
  float: right;
}

.oem-prepare .button {
  margin-top: 5px;
}

.oem-storms img {
  margin: 5px 0 10px 10px;
  width: 30%;
  max-width: 200px;
  float: right;
}

.oem-fema-pubs {
  width: 50%;
  max-width: 275px;
  margin: 10px auto;
}

#disabled-EP-checklist {
  border: 2px solid #005bab;
  width: 90%;
  margin: 10px 5%;
}

#disabled-EP-checklist th {
  font-size: 18px;
}

#disabled-EP-checklist .date-cw {
  width: 115px;
}

#disabled-EP-checklist .activity {
  text-align: left;
}

#disabled-EP-checklist .date {
  border: 1px solid;
  width: 90%;
  margin: 0 5%;
  height: 30px;
  background-color: #ffffff;
}

.oem-center-img img {
  width: 76%;
  margin: 7px 12% 0 12%;
}

.oem-southridge-thumbs img {
  width: 25%;
  float: left;
  padding: 0 10px 10px 0;
}

.pa-csu-statewide {
  margin-bottom: 10px;
}

.pa-csu-statewide .contact {
  padding-bottom: 5px;
  clear: both;
}

.pa-csu-statewide .contact .phone {
  float: right;
  padding-left: 10px;
}

@media (max-width: 550px) {
  .pa-csu-statewide .contact .phone {
    float: none;
    display: block;
  }
}

.pa-faq-label {
  display: block;
  width: 115px;
  font-weight: bold;
  float: left;
}

.pa-faq-address {
  display: block;
  margin-left: 115px;
}

.pa-vs-resources {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 5px;
}

.pa-vs-resources .name {
  display: inline-block;
  width: 75%;
  padding-bottom: 5px;
}

.pa-vs-resources .phone {
  display: inline-block;
  text-align: right;
  width: 24%;
  padding-bottom: 5px;
}

.pa-ncvrw {
  text-align: center;
  margin: 30px;
}

.pa-ncvrw p {
  font-size: 18px;
  color: #004585;
}

.pa-ncvrw img {
  margin: 0 auto;
}

#caseload-graphic-link {
  float: none;
  width: 34%;
  margin: 0 33%;
  text-align: center;
}

#caseload-graphic h2 {
  text-align: center;
}

#caseload-graphic summary {
  text-align: center;
  cursor: pointer;
}

#caseload-graphic img {
  margin: 0 auto;
}

#pub-admin-dental {
  float: left;
  width: 17%;
  margin: 0 10px 10px 0;
}

#mhab-calendar {
  text-align: center;
}

.rm-pub-notice-note {
  padding: 5px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.rm-pub-notice-note2 {
  padding: 5px 0;
  border-bottom: 1px solid #dbdbdb;
}

#rm-home-calendar-tbl {
  margin: 0;
  width: 100%;
  font-size: 16px;
  display: block;
}

#rm-home-calendar-tbl tbody {
  width: 100%;
  display: block;
}

#rm-home-calendar-tbl tr {
  display: block;
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  padding: 7px 0;
}

#rm-home-calendar-tbl tr:nth-child(odd),
#rm-home-calendar-tbl tr:nth-child(even) {
  background-color: transparent;
}

#rm-home-calendar-tbl p {
  font-size: 16px;
  padding-bottom: 0;
}

#rm-home-calendar-tbl .col-1 {
  width: 20%;
  background-color: #ffffff;
  display: inline-block;
}

#rm-home-calendar-tbl .col-2 {
  width: 53%;
  text-align: left;
  display: inline-block;
}

#rm-home-calendar-tbl .col-3 {
  width: 25%;
  display: inline-block;
}

@media (max-width: 1085px) {
  #rm-home-calendar-tbl .col-2 {
    width: 49%;
  }

  #rm-home-calendar-tbl .col-3 {
    width: 28%;
  }
}

@media (max-width: 640px) {
  #rm-home-calendar-tbl {
    font-size: 18px;
  }

  #rm-home-calendar-tbl p {
    font-size: 18px;
  }
}

@media (max-width: 550px) {
  #rm-home-calendar-tbl .col-1 {
    width: 100%;
  }

  #rm-home-calendar-tbl .col-2 {
    width: 100%;
    text-align: center;
  }

  #rm-home-calendar-tbl .col-3 {
    width: 100%;
  }
}

#rm-home-calendar {
  list-style: none;
  margin: 0;
  text-align: left;
  font-size: 16px;
}

#rm-home-calendar li {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 5px;
  padding-bottom: 5px;
  display: table;
  width: 100%;
}

#rm-home-calendar li:first-child {
  border-top: 1px solid #dbdbdb;
  padding-top: 5px;
}

#rm-home-calendar .date {
  width: 20%;
  min-width: 120px;
  text-align: center;
  border: 1px solid #dbdbdb;
  background-color: #ffffff;
  margin-right: 7px;
  padding: 5px;
  display: table-cell;
  vertical-align: middle;
}

#rm-home-calendar .info {
  width: 15%;
  min-width: 90px;
  text-align: center;
  padding: 5px;
  display: table-cell;
  vertical-align: middle;
}

#rm-home-calendar .desc {
  width: 65%;
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 550px) {
  #rm-home-calendar li {
    display: block;
  }

  #rm-home-calendar .date {
    display: block;
    width: 100%;
  }

  #rm-home-calendar .desc {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.city-permit-office {
  width: 50%;
  float: left;
  padding-left: 30px;
}

@media (max-width: 640px) {
  .city-permit-office {
    width: 100%;
  }
}

@media (max-width: 950px) {
  .rm-widgets .highlights {
    width: 100%;
  }
}

.QA-sub-heading {
  font-weight: bold;
  margin-left: 8px;
  padding-bottom: 5px;
}

#subdivision-reg-comments {
  margin-left: 50px;
  margin-top: -8px;
}

#subdivision-reg-comments h3 {
  font-size: 17px;
  padding: 0 0 5px 0;
  color: #2478C2;
  margin-top: -5px;
}

#subdivision-reg-comments ul {
  margin-left: 20px;
  list-style: circle;
}

#rm-nid-definitions dt {
  padding: 5px;
  font-weight: bold;
  background-color: #efefef;
}

#rm-nid-definitions dd {
  padding: 5px;
  margin-bottom: 2px;
}

.sig-line {
  font-family: sans-serif;
}

#traffic-safety-man h2 {
  display: block;
  background-color: #efefef;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #4d4d4d;
}

#traffic-safety-man ul {
  margin-bottom: 0;
}

#traffic-safety-man .top-paragraph {
  padding: 0;
}

#traffic-safety-man .menu-section {
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
}

#traffic-safety-man .menu-section h3 {
  padding: 5px 10px;
  background-color: #efefef;
}

#traffic-safety-man .menu-section h3 a {
  color: #005bab;
}

#traffic-safety-man .menu-section input {
  display: none;
}

#traffic-safety-man .menu-section input:checked~.sub-headings {
  -webkit-transition: max-height 0.3s ease-in;
  -moz-transition: max-height 0.3s ease-in;
  -ms-transition: max-height 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
  height: auto;
  max-height: 800px;
}

#traffic-safety-man .menu-section input:checked~label:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 8px solid #ff9200;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}

#traffic-safety-man .menu-section label {
  cursor: pointer;
  font-size: 19px;
  padding: 5px 10px;
  color: #005bab;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  background-color: #efefef;
  position: relative;
}

#traffic-safety-man .menu-section label:after {
  content: "";
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #c0c0c0;
  border-bottom: 0;
  right: 12px;
  top: 12px;
  -webkit-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}

#traffic-safety-man .sub-headings {
  -webkit-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
  max-height: 0;
}

#rm-project-tbl {
  width: 100%;
  margin: 10px 0;
  border: 1px solid #dbdbdb;
}

#rm-project-tbl p {
  padding-bottom: 0;
}

#rm-project-tbl .year {
  width: 75px;
  width: 12%;
}

#rm-project-tbl .project {
  width: 44%;
}

#rm-project-tbl .status {
  width: 44%;
}

#rm-project-tbl .tbl-sub-header {
  background-color: #dbdbdb;
  color: #242424;
  border-bottom: 1px solid #ffffff;
}

#rm-project-tbl td {
  text-align: left;
  border-left: 1px solid #dbdbdb;
  padding: 7px;
}

.rm-div-phone-lbl {
  display: inline-block;
  width: 105px;
  font-weight: bold;
}

.rm-rezoning-request {
  text-align: center;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #dbdbdb;
}

.rm-rezoning-request a {
  margin: 0;
  padding: 5px;
}

.rm-rezoning-request span {
  display: block;
  padding: 5px 5px 2px 5px;
}

.rm-rezoning-request.approved {
  background-color: #ccffcc;
}

.rm-rezoning-request.pending {
  background-color: #d2e6f7;
}

.rm-rezoning-request.denied {
  background-color: #ffc7c7;
}

.rm-pz-member {
  margin-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
}

.rm-pz-member .member-name {
  font-weight: bold;
}

.rm-pz-member .position {
  font-weight: bold;
  color: #005bab;
}

.rm-pz-member .township-info {
  padding-right: 10px;
  width: 68%;
  display: inline-block;
  vertical-align: top;
}

.rm-pz-member .member-info {
  display: inline-block;
  padding-top: 20px;
}

.rm-pz-member p {
  padding: 0;
}

@media (max-width: 640px) {
  .rm-pz-member .township-info {
    width: 100%;
  }
}

#rm-pz-member-tbl {
  border-collapse: collapse;
  padding-bottom: 10px;
  width: 100%;
  margin-bottom: 20px;
}

#rm-pz-member-tbl .member-name {
  font-weight: bold;
}

#rm-pz-member-tbl .position {
  font-weight: bold;
  color: #005bab;
}

#rm-pz-member-tbl .col-1 {
  width: 63%;
  padding: 10px 0;
  border-bottom: 1px solid #dbdbdb;
}

#rm-pz-member-tbl .col-2 {
  width: 37%;
  border-bottom: 1px solid #dbdbdb;
  text-align: right;
}

#rm-pz-member-tbl p {
  padding: 0;
}

@media (max-width: 640px) {

  #rm-pz-member-tbl .col-1,
  #rm-pz-member-tbl .col-2 {
    display: block;
    width: 100%;
    text-align: left;
  }

  #rm-pz-member-tbl .col-1 {
    border-bottom: none;
  }

  #rm-pz-member-tbl .col-2 {
    padding-bottom: 10px;
  }
}

.rm-zba-member {
  margin-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px 0;
}

.rm-zba-member .member-name {
  padding-right: 10px;
  width: 68%;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}

.rm-zba-member .term-exp {
  display: inline-block;
}

@media (max-width: 640px) {
  .rm-zba-member .member-name {
    width: 100%;
    padding: 0;
  }
}

#rm-permit-calc {
  text-align: center;
}

#rm-permit-calc #est-notice {
  font-size: 17px;
  padding: 10px 0;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

#rm-permit-calc .calculator {
  width: 80%;
  margin: 0 auto;
  display: table;
}

#rm-permit-calc .calculator h3 {
  display: table-caption;
}

#rm-permit-calc .calculator .labels {
  background-color: #005bab;
  color: #ffffff;
  font-weight: bold;
  display: table-row;
}

#rm-permit-calc .calculator .button {
  float: left;
}

#rm-permit-calc .calculator .col-1 {
  width: 45%;
  padding: 7px;
  display: table-cell;
  vertical-align: middle;
}

#rm-permit-calc .calculator .col-2 {
  width: 25%;
  padding: 7px;
  display: table-cell;
  vertical-align: middle;
}

#rm-permit-calc .calculator .col-3 {
  width: 30%;
  padding: 7px;
  display: table-cell;
  vertical-align: middle;
}

#rm-permit-calc .calculator .col-3 input[type="text"] {
  border: none;
  background-color: transparent;
}

#rm-permit-calc .calculator .calc-row {
  display: table-row;
}

#rm-permit-calc .calculator .calc-row .col-1 {
  background-color: #efefef;
  padding: 10px;
  border-bottom: 1px solid #ffffff;
}

#rm-permit-calc .calculator .calc-row .col-2 {
  background-color: #f9f9f9;
  padding: 3px 10px;
  border-bottom: 1px solid #ffffff;
}

#rm-permit-calc .calculator .calc-row .col-3 {
  background-color: #efefef;
  padding: 10px;
  border-bottom: 1px solid #ffffff;
}

#rm-permit-calc .calculator .totals {
  display: table-row;
  background-color: #dbdbdb;
}

#rm-permit-calc .calculator .totals .col-1 {
  padding: 10px;
}

#rm-permit-calc .calculator .totals .col-2 {
  padding: 3px 10px;
}

#rm-permit-calc .calculator .totals .col-3 {
  padding: 10px;
}

#rm-permit-calc .calculator input[type="text"] {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 4px;
}

#rm-rpt-archives .decade {
  width: 33.3%;
  padding: 10px 1%;
  float: left;
  margin-bottom: 15px;
}

#rm-rpt-archives h2 {
  text-align: center;
  border: 1px solid #4d4d4d;
  padding: 5px;
  margin-bottom: 2px;
  background-color: #005bab;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
}

#rm-rpt-archives ul {
  list-style: none;
  margin: 0;
  text-align: center;
}

#rm-rpt-archives a {
  display: block;
  text-align: center;
  background-color: #efefef;
  padding: 12px 30px;
  margin: 0 auto 2px auto;
  color: #242424;
}

#rm-rpt-archives a:hover,
#rm-rpt-archives a:focus {
  background-color: #dbdbdb;
  color: #004585;
  text-decoration: underline;
}

#rm-rpt-archives a:visited {
  color: #b85d00;
}

@media (max-width: 550px) {
  #rm-rpt-archives .decade {
    width: 50%;
  }
}

.sw-home-vol-img {
  width: 40%;
  margin: 0 10px 10px 0;
  float: left;
  max-width: 325px;
}

.sw-home-poll-img {
  width: 40%;
  margin: 0 0 10px 10px;
  float: right;
  max-width: 325px;
}

#sw-calendar {
  text-align: center;
  padding-top: 20px;
  overflow: auto;
  height: 550px;
}

#sw-pet-waste-sign {
  width: 25%;
  max-width: 225px;
  float: right;
  margin: 0 0 10px 10px;
}

#sw-compost-materials {
  text-align: left;
}

#sw-compost-materials th {
  text-align: center;
}

#sw-compost-materials td {
  padding: 7px;
}

#sw-compost-materials .compound {
  text-align: center;
}

#sw-compost-tumbler {
  margin: 0 auto 10px auto;
  display: block;
}

#sw-compost-ratio {
  float: right;
  margin: 0 0 10px 10px;
}

#sw-compost-leaves {
  float: left;
  margin: 0 10px 10px 0;
}

#sw-compost-weeds {
  float: right;
  margin: 0 0 10px 10px;
}

#sw-compost-benefits {
  list-style: none;
  margin: 0;
}

#sw-compost-benefits li {
  padding: 0;
}

#sw-compost-benefits h3 {
  font-size: 17px;
  color: #2478C2;
  padding: 10px 0 5px 0;
}

#sw-watershed-info {
  margin: 0 auto 10px auto;
  display: block;
}

#sw-watershed-map {
  display: inline-block;
  margin: 0 50px;
}

.sw-gtk-top-img {
  width: 33.3%;
  text-align: center;
  float: left;
  padding: 5px;
}

.sw-gtk-top-img img {
  margin: 0 auto;
}

.sw-gtk-top-img p {
  font-size: 12px;
  font-style: italic;
  padding: 5px 0;
}

.sw-gtk-body-img {
  width: 50%;
  text-align: center;
  float: left;
  padding: 5px 7%;
}

.sw-gtk-body-img img {
  margin: 0 auto;
}

.sw-gtk-body-img p {
  font-size: 12px;
  font-style: italic;
  padding: 5px 0;
}

@media (max-width: 640px) {
  .sw-gtk-body-img {
    padding: 5px 5px;
  }
}

.topic {
  clear: both;
  border-bottom: 1px solid #ff9200;
  padding: 15px 0;
  display: inline-block;
  width: 100%;
}

.topic:first-child {
  border-top: 1px solid #ff9200;
}

.topic .topic-img {
  float: left;
  margin: 10px 10px 10px 0;
  width: 25%;
  max-width: 190px;
  border-right: 1px solid #dbdbdb;
  padding-right: 10px;
}

#sw-losing-streams-tbl {
  width: 90%;
  margin: 10px 5% 20px 5%;
}

#sw-losing-streams-tbl .col-1-heading {
  width: 40%;
  text-align: left;
}

#sw-losing-streams-tbl .col-2-heading {
  width: 10%;
  min-width: 70px;
}

#sw-losing-streams-tbl .col-1,
#sw-losing-streams-tbl .col-3 {
  text-align: left;
}

@media (max-width: 640px) {
  #sw-losing-streams-tbl {
    width: 100%;
    margin: 10px 0 20px 0;
  }

  #sw-losing-streams-tbl .col-2-heading {
    width: 70px;
  }
}

#sw-classP-streams-tbl {
  width: 60%;
  margin: 10px 20% 20px 20%;
}

#sw-classP-streams-tbl .col-1-heading {
  text-align: left;
}

#sw-classP-streams-tbl .col-1 {
  text-align: left;
}

#sw-classP-streams-tbl .col-2-heading {
  min-width: 70px;
}

@media (max-width: 640px) {
  #sw-classP-streams-tbl {
    width: 100%;
    margin: 10px 0 20px 0;
  }
}

#sw-st-resources-tbl {
  width: 60%;
  margin: 10px 20% 20px 20%;
}

#sw-st-resources-tbl .col-1-heading,
#sw-st-resources-tbl .col-1 {
  text-align: left;
  width: 40%;
}

#sw-st-resources-tbl .col-2-heading {
  min-width: 70px;
}

#sw-st-resources-tbl .col-1 {
  text-align: left;
}

@media (max-width: 640px) {
  #sw-st-resources-tbl {
    width: 100%;
    margin: 10px 0 20px 0;
  }
}

#sw-prot-species-tbl .col-1-heading {
  width: 30%;
  text-align: left;
}

#sw-prot-species-tbl .col-2-heading {
  width: 20%;
  min-width: 110px;
}

#sw-prot-species-tbl .col-1,
#sw-prot-species-tbl .col-3 {
  text-align: left;
}

.sw-permit-type {
  display: inline-block;
  width: 285px;
}

@media (max-width: 400px) {
  .sw-permit-type {
    width: auto;
  }
}

.sw-permit-price {
  display: inline-block;
  width: 80px;
  text-align: center;
  color: #242424;
  font-weight: normal;
}

@media (max-width: 550px) {
  .sw-permit-price {
    text-align: left;
  }
}

#sw-tool-kits {
  list-style: none;
  column-count: 4;
}

@media (max-width: 640px) {
  #sw-tool-kits {
    column-count: 2;
  }
}

@media (max-width: 400px) {
  #sw-tool-kits {
    column-count: 1;
  }
}

.sw-inspectors-contact {
  list-style: none;
  column-count: 2;
}

.sw-inspectors-contact .inspector-name {
  font-weight: bold;
  color: #005bab;
  font-size: 18px;
}

.sw-inspectors-contact .phone-lbl,
.sw-inspectors-contact .email-lbl {
  font-weight: bold;
  display: inline-block;
  width: 65px;
}

@media (max-width: 950px) {
  .sw-inspectors-contact {
    column-count: 1;
  }

  .sw-inspectors-contact li:first-child {
    padding-bottom: 10px;
  }
}

.sw-retrofit-obj-img {
  float: right;
  width: 30%;
  margin: 0 0 10px 10px;
  max-width: 225px;
}

.sw-retrofit-obj2-imgs {
  text-align: center;
  margin: 10px 0 0 0;
}

.sw-retrofit-funding-imgs {
  text-align: center;
}

.sw-dnr-reference {
  margin-top: 30px;
}

.sw-dnr-reference img {
  width: 225px;
  float: left;
  margin: 0 10px 10px 0;
}

@media (max-width: 950px) {
  .sw-dnr-reference img {
    float: none;
    margin: 0 auto 10px auto;
    display: block;
  }
}

.sw-sunrise-img {
  width: 50%;
  text-align: center;
  float: left;
  margin-bottom: 20px;
}

.sw-sunrise-img p {
  font-size: 12px;
  font-style: italic;
  padding: 0;
}

.sw-sunrise-img img {
  max-height: 370px;
}

.sw-sunrise-station {
  width: 20%;
  float: left;
  max-width: 120px;
  margin: 0 10px 10px 0;
}

#sw-sunrise-best-practices .col-1 {
  text-align: left;
}

#sw-sunrise-best-practices .practice {
  width: 60%;
}

#sw-sunrise-best-practices .goal {
  width: 15%;
}

#sw-sunrise-best-practices .installed {
  width: 25%;
}

ul.sw-sunrise-retrofit {
  list-style: none;
  margin-left: 0;
}

ul.sw-sunrise-retrofit li {
  border-bottom: 1px solid #dbdbdb;
  padding: 5px 0;
}

ul.sw-sunrise-retrofit .sw-retrofit-activity {
  display: inline-block;
  width: 540px;
}

ul.sw-sunrise-retrofit .sw-retrofit-date {
  float: right;
}

@media (max-width: 1024px) {
  ul.sw-sunrise-retrofit .sw-retrofit-activity {
    width: initial;
  }

  ul.sw-sunrise-retrofit .sw-retrofit-date {
    float: none;
    display: block;
    margin-left: 35px;
  }
}

.sw-sunrise-study-img {
  width: 200px;
  margin: 0 10px 10px 0;
  float: left;
}

@media (max-width: 550px) {
  .sw-sunrise-study-img {
    width: 100%;
  }
}

.sw-monitoring-imgs {
  text-align: center;
}

.sw-monitoring-imgs img {
  padding: 0 5px;
  max-width: 300px;
}

.sw-monitoring-imgs p {
  font-size: 12px;
  font-style: italic;
  padding: 0;
}

.sw-monitoring-imgs .one-half {
  float: left;
  padding: 5px;
  margin-bottom: 10px;
}

@media (max-width: 950px) {
  .sw-monitoring-imgs img {
    max-width: 100%;
  }
}

.sw-monitoring-logos {
  margin: 30px 0 0 0;
  text-align: center;
}

.sw-monitoring-logos img {
  margin: 0 5%;
}

.sw-monitoring-right-img {
  width: 30%;
  float: right;
  text-align: center;
  margin: 5px 0 10px 10px;
}

.sw-monitoring-right-img p {
  font-size: 12px;
  font-style: italic;
  padding: 0;
}

@media (max-width: 640px) {
  .sw-monitoring-right-img {
    width: 80%;
    margin: 5px 10% 10px 10%;
  }
}

.sw-monitoring-left-img {
  width: 30%;
  float: left;
  text-align: center;
  margin: 5px 10px 10px 0;
}

.sw-monitoring-left-img p {
  font-size: 12px;
  font-style: italic;
  padding: 0;
}

@media (max-width: 640px) {
  .sw-monitoring-left-img {
    width: 80%;
    margin: 5px 10% 10px 10%;
  }
}

.pw-snow-rt-maps {
  margin: 20px 0;
  text-align: center;
}

.pw-snow-rt-maps .pw-map-list {
  width: 165px;
  text-align: center;
  border: 1px solid #dbdbdb;
  padding: 5px 10px 10px 10px;
  float: left;
}

.pw-snow-rt-maps .pw-map-list ul {
  list-style: none;
  margin: 0;
}

.pw-snow-rt-maps .pw-map-list h3 {
  color: #242424;
}

.pw-snow-rt-maps .pw-map {
  display: inline-block;
  width: 68%;
}

@media (max-width: 950px) {
  .pw-snow-rt-maps .pw-map {
    width: 65%;
  }
}

@media (max-width: 768px) {
  .pw-snow-rt-maps .pw-map-list {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .pw-snow-rt-maps .pw-map {
    width: 100%;
  }
}

#road-closure-frame {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

#traffic-safety-man .data-info-table {
  margin: 5px 10%;
}

#traffic-safety-man .data-info-table h4 {
  padding-bottom: 0;
}

#traffic-safety-man .data-info-table td {
  border: 1px solid #dbdbdb;
  padding: 5px;
}

#traffic-safety-man .data-info-table .col-1-heading {
  width: 150px;
}

#traffic-safety-man .data-info-table .legend {
  text-align: left;
}

#traffic-safety-man #table-5-op-speed {
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

#traffic-safety-man #table-5-adv-speed {
  border-bottom: 1px solid #ffffff;
}

#traffic-safety-man #table-6-speed {
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

#traffic-safety-man #table-6-adv-placement {
  border-bottom: 1px solid #ffffff;
}

#traffic-safety-man #table-6-cond-1,
#traffic-safety-man #table-6-cond-2 {
  border-right: 1px solid #ffffff;
}

#traffic-safety-man #table-6-cond-3 {
  border-bottom: 1px solid #ffffff;
}

#traffic-safety-man #table-1 .col-2,
#traffic-safety-man #table-2 .col-2 {
  text-align: left;
}

#traffic-safety-man .tbl-title {
  padding-bottom: 0;
}

#traffic-safety-man .figures img {
  margin: 10px auto;
  display: block;
}

#traffic-safety-man #table-6 {
  margin-bottom: 10px;
}

#pw-traffic-count-map {
  width: 100%;
  height: 825px;
}

#pw-project-links img {
  display: inline-block;
  width: 49%;
  padding: 10px 5px;
}

.pu-bid {
  border: 1px solid #dbdbdb;
  margin-bottom: 15px;
}

.pu-bid .title {
  color: #004585;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px 10px;
  font-size: 18px;
  background-color: #efefef;
  border-bottom: 1px solid #ffffff;
}

.pu-bid .document {
  padding: 5px 10px;
  border-bottom: 1px solid #efefef;
  background-color: #f9f9f9;
}

#pu-bid-awards {
  list-style: none;
  margin-left: 0;
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
  text-align: center;
}

#pu-bid-awards li a {
  display: inline-block;
  padding: 5px 10px 5px 23px;
}

.land-use {
  width: 100%;
  padding: 10px 1%;
  display: inline-block;
  vertical-align: top;
}

.land-use h2 {
  text-align: center;
  border: 1px solid #4d4d4d;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #005bab;
  color: #ffffff;
  font-size: 17px;
}

.land-use .noDocs {
  text-align: center;
}

.land-use .land-use-req {
  padding: 10px;
  margin-bottom: 7px;
  background-color: #efefef;
  border: 1px solid #dbdbdb;
  display: inline-block;
  width: 31.3%;
  vertical-align: top;
  margin: 5px 1%;
}

.land-use .land-use-req.approved {
  background-color: #d7ffd7;
}

.land-use .land-use-req.pending {
  background-color: #d2e6f7;
}

.land-use .land-use-req.denied {
  background-color: #fccece;
}

.land-use .land-use-req.withdrawn {
  background-color: #fff9bf;
}

.land-use .land-use-req.tabled {
  background-color: #fff9bf;
}

.land-use .land-use-req.postponed {
  background-color: #d2e6f7;
}

.land-use .land-use-req .request-info {
  background-color: #efefef;
  padding: 5px;
  border: 1px solid #dbdbdb;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.35);
}

.land-use .land-use-req .request-info h3 {
  font-size: 16px;
  padding: 5px;
  margin-bottom: 3px;
  text-align: center;
  color: #242424;
  border-bottom: 1px solid #dbdbdb;
}

.land-use .land-use-req .request-info h3 .footnote {
  font-weight: normal;
}

.land-use .land-use-req .request-info .agenda-date {
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 3px;
}

.land-use .land-use-req .request-info ul {
  margin: 0 0 0 20px;
}

.land-use .land-use-req .status {
  padding: 5px 0 0 0;
  text-align: center;
}

@media (max-width: 1085px) {
  .land-use .land-use-req {
    width: 50%;
  }
}

@media (max-width: 950px) {
  .land-use .land-use-req {
    width: 33.3%;
  }
}

@media (max-width: 640px) {
  .land-use .land-use-req {
    width: 50%;
  }
}

@media (max-width: 400px) {
  .land-use .land-use-req {
    width: 100%;
  }
}

.dataset-catalog h2 {
  display: block;
  background-color: #efefef;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #4d4d4d;
}

.dataset-catalog .menu-section {
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
}

.dataset-catalog .menu-section h3 {
  padding: 5px 10px;
  background-color: #efefef;
}

.dataset-catalog .menu-section h3 a {
  color: #005bab;
}

.dataset-catalog .menu-section ul {
  margin-bottom: 0;
}

.dataset-catalog .menu-section input {
  display: none;
}

.dataset-catalog .menu-section input:checked~.sub-headings {
  -webkit-transition: max-height 0.3s ease-in;
  -moz-transition: max-height 0.3s ease-in;
  -ms-transition: max-height 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
  height: auto;
  max-height: 800px;
}

.dataset-catalog .menu-section input:checked~label:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 8px solid #ff9200;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}

.dataset-catalog .menu-section label {
  cursor: pointer;
  font-size: 19px;
  padding: 5px 10px;
  color: #005bab;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  background-color: #efefef;
  position: relative;
}

.dataset-catalog .menu-section label:after {
  content: "";
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #c0c0c0;
  border-bottom: 0;
  right: 12px;
  top: 12px;
  -webkit-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}

.dataset-catalog #last-menu-section {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
}

.dataset-catalog .sub-headings {
  -webkit-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
  max-height: 0;
}

.dataset-catalog .catalog-item,
.dataset-catalog .gis-viewer {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.dataset-catalog .catalog-item .catalog-img,
.dataset-catalog .gis-viewer .catalog-img {
  width: 22%;
  border: 1px solid #dbdbdb;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
}

.dataset-catalog .catalog-item .catalog-img img,
.dataset-catalog .gis-viewer .catalog-img img {
  display: block;
  margin: 0 auto;
}

.dataset-catalog .catalog-item .catalog-info,
.dataset-catalog .gis-viewer .catalog-info {
  width: 77%;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}

.dataset-catalog .catalog-item .catalog-label,
.dataset-catalog .gis-viewer .catalog-label {
  font-weight: bold;
  display: inline-block;
  width: 100px;
}

.dataset-catalog .catalog-item .price-info,
.dataset-catalog .gis-viewer .price-info {
  border: 5px solid #d2e6f7;
  display: table;
  width: 340px;
  line-height: 1.3;
  margin: 5px 0 10px 0;
}

.dataset-catalog .catalog-item .price-info .price-label,
.dataset-catalog .gis-viewer .price-info .price-label {
  font-weight: bold;
  display: table-cell;
  width: 65px;
  padding: 5px;
  background-color: #d2e6f7;
  vertical-align: top;
}

.dataset-catalog .catalog-item .price-info .price,
.dataset-catalog .gis-viewer .price-info .price {
  display: inline-block;
  padding: 5px;
}

.dataset-catalog .catalog-item .price-info .price p,
.dataset-catalog .gis-viewer .price-info .price p {
  padding-bottom: 0;
}

@media (max-width: 1085px) {
  .dataset-catalog .catalog-item .catalog-img {
    width: 26%;
  }

  .dataset-catalog .catalog-item .catalog-info {
    width: 73%;
  }
}

@media (max-width: 640px) {
  .dataset-catalog .catalog-item .catalog-label {
    width: 110px;
  }

  .dataset-catalog .catalog-item .catalog-img {
    width: 100%;
    padding: 10px;
  }

  .dataset-catalog .catalog-item .catalog-info {
    width: 100%;
  }

  .dataset-catalog .catalog-item .price-info {
    margin: 5px auto 10px auto;
  }
}

@media (max-width: 400px) {
  .dataset-catalog .catalog-item .price-info {
    display: block;
    width: 100%;
  }

  .dataset-catalog .catalog-item .price-info .price-label {
    display: block;
    width: 100%;
  }

  .dataset-catalog .catalog-item .price-info .price {
    padding-bottom: 0;
  }

  .dataset-catalog .catalog-item .price-info .price p {
    padding-bottom: 10px;
  }
}

.gis-viewers h2 {
  display: block;
  background-color: #efefef;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #4d4d4d;
}

.gis-viewers .menu-section {
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
}

.gis-viewers .menu-section h3 {
  padding: 5px 10px;
  background-color: #efefef;
}

.gis-viewers .menu-section h3 a {
  color: #005bab;
}

.gis-viewers .menu-section ul {
  margin-bottom: 0;
}

.gis-viewers .menu-section input {
  display: none;
}

.gis-viewers .menu-section input:checked~.sub-headings {
  -webkit-transition: max-height 0.3s ease-in;
  -moz-transition: max-height 0.3s ease-in;
  -ms-transition: max-height 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
  height: auto;
  max-height: 800px;
}

.gis-viewers .menu-section input:checked~label:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 8px solid #ff9200;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}

.gis-viewers .menu-section label {
  cursor: pointer;
  font-size: 19px;
  padding: 5px 10px;
  color: #005bab;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  background-color: #efefef;
  position: relative;
}

.gis-viewers .menu-section label:after {
  content: "";
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #c0c0c0;
  border-bottom: 0;
  right: 12px;
  top: 12px;
  -webkit-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}

.gis-viewers #last-menu-section {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
}

.gis-viewers .sub-headings {
  -webkit-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
  max-height: 0;
}

.gis-viewers .viewer-list {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#gis-powered-by {
  margin: 20px auto 30px auto;
}

#gis-awards h2 {
  display: block;
  background-color: #efefef;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #4d4d4d;
}

#gis-awards .gis-award {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#gis-awards .gis-award .award-img {
  float: left;
  margin: 0 10px 10px 0;
  width: 30%;
  max-width: 200px;
}

.hr-emp-spotlight {
  text-align: center;
  margin: 10px 0 20px 0;
  padding: 10px;
  border: 4px double #dbdbdb;
}

.hr-emp-spotlight h3 {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 10px;
}

.emp-newsletter {
  display: inline-block;
  width: 25%;
  text-align: center;
  margin-bottom: 10px;
}

.emp-newsletter a {
  display: block;
  margin: 0 5px;
  padding: 10px 5px;
  background-color: #efefef;
  border: 1px solid #dbdbdb;
  color: #242424;
}

.emp-newsletter a:hover,
.emp-newsletter a:focus {
  background-color: #dbdbdb;
  color: #004585;
  text-decoration: underline;
}

@media (max-width: 640px) {
  .emp-newsletter {
    width: 50%;
  }
}

@media (max-width: 400px) {
  .emp-newsletter {
    width: 100%;
  }
}

.gis-reports {
  margin-left: 0;
}

.gis-reports .gis-report {
  display: inline-block;
  width: 25%;
  text-align: center;
  margin-bottom: 10px;
}

.gis-reports .gis-report a {
  display: block;
  margin: 0 5px;
  padding: 10px 5px;
  background-color: #efefef;
  border: 1px solid #dbdbdb;
  color: #242424;
}

.gis-reports .gis-report a:hover,
.gis-reports .gis-report a:focus {
  background-color: #dbdbdb;
  color: #004585;
  text-decoration: underline;
}

@media (max-width: 950px) {
  .gis-reports .gis-report {
    width: 33%;
  }
}

@media (max-width: 640px) {
  .gis-reports .gis-report {
    width: 50%;
  }
}

@media (max-width: 400px) {
  .gis-reports .gis-report {
    width: 100%;
  }
}

.map-card {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ff9200;
}

.map-card img {
  float: right;
  margin: 0 0 10px 10px;
  max-width: 25%;
}

.map-card:nth-child(odd) img {
  float: left;
  margin: 0 10px 10px 0;
}

/********************************************************Directions*********************************************************
****************************************************************************************************************************
***************************************************************************************************************************/
#map {
  height: 500px;
  width: 65%;
  float: left;
}

@media (max-width: 1024px) {
  #map {
    width: 60%;
  }
}

@media (max-width: 950px) {
  #map {
    width: 100%;
    margin-bottom: 15px;
  }
}

@media print {
  #map {
    height: 500px;
    float: none;
    margin-bottom: 15px;
    width: 100%;
    margin: 0;
  }
}

#directions-input {
  margin-bottom: 15px;
}

#directions-input input {
  width: 285px;
  padding: 3px 3px 0px 3px;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 7px;
}

.map-label {
  display: inline-block;
  font-weight: bold;
  margin: 0;
  width: 95px;
  padding-left: 35px;
}

#right-panel {
  font-family: Arial;
  line-height: 30px;
  padding-left: 10px;
  height: 100%;
  float: right;
  width: 35%;
  overflow: auto;
}

@media (max-width: 1024px) {
  #right-panel {
    width: 40%;
  }
}

@media (max-width: 950px) {
  #right-panel {
    width: 100%;
  }
}

@media print {
  #right-panel {
    float: none;
    width: auto;
    page-break-after: always;
  }
}

#right-panel select,
#right-panel input {
  font-size: 15px;
}

#right-panel select {
  width: 100%;
}

#right-panel i {
  font-size: 12px;
}

#end {
  display: none;
}

input[readonly] {
  background-color: #e7e7e7;
}

.adp-step,
.adp-substep {
  min-width: 28px;
}

img.adp-marker {
  max-width: initial;
  margin: 3px;
}

.election-date {
  width: 48%;
  float: left;
  padding: 5px;
  margin: 5px 1%;
  border: 1px solid #dbdbdb;
}

@media (max-width: 640px) {
  .election-date {
    width: 98%;
  }
}

#fujita-scale-tbl {
  width: 100%;
  margin: 10px 0;
}

#fujita-scale-tbl td {
  padding: 10px;
}

#fujita-scale-tbl #rating {
  width: 80px;
}

#fujita-scale-tbl #speed {
  width: 95px;
}

#fujita-scale-tbl .damage-desc {
  width: 45%;
  text-align: left;
}

#fujita-scale-tbl .ef-rating {
  font-weight: bold;
  font-size: 20px;
}

#fujita-scale-tbl .wind-speed {
  font-weight: bold;
}

#fujita-scale-tbl #ef0 {
  background-color: #3EC7F9;
}

#fujita-scale-tbl #ef1 {
  background-color: #9AD463;
}

#fujita-scale-tbl #ef2 {
  background-color: #FFFF5C;
}

#fujita-scale-tbl #ef3 {
  background-color: #FEC52A;
}

#fujita-scale-tbl #ef4 {
  background-color: #FE7676;
}

#fujita-scale-tbl #ef5 {
  background-color: #F769F7;
}

.oem-video {
  text-align: center;
  padding: 10px 0;
}

.oem-smokey-bear {
  float: left;
  width: 25%;
  margin: 0 10px 10px 0;
}

.oem-mercalli {
  margin: 10px 0;
}

.oem-mercalli h2 {
  text-align: center;
  font-size: 17px;
  background-color: #005bab;
  color: #ffffff;
}

.oem-mercalli .intensity {
  display: table;
  width: 100%;
}

.oem-mercalli .intensity.odd {
  background-color: #efefef;
}

.oem-mercalli .intensity .rating {
  width: 70px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  font-size: 22px;
}

.oem-mercalli .intensity .desc {
  padding: 5px 10px;
}

.oem-mercalli .intensity .desc p {
  padding: 0;
}

.oem-mercalli .intensity #ms5 {
  background-color: #9F81A2;
}

.oem-mercalli .intensity #ms6 {
  background-color: #61B0FF;
}

.oem-mercalli .intensity #ms7 {
  background-color: #81AE47;
}

.oem-mercalli .intensity #ms8 {
  background-color: #FFFF5C;
}

.oem-mercalli .intensity #ms9 {
  background-color: #FFB870;
}

.oem-mercalli .intensity #ms10 {
  background-color: #FF9166;
}

.oem-mercalli .intensity #ms11 {
  background-color: #FF6164;
}

.oem-mercalli .notes {
  padding: 10px 10px 5px 10px;
  border-top: 1px solid #ff9200;
  background-color: #efefef;
}

.oem-eq-map {
  width: 80%;
  margin: 20px 10% 5px 10%;
  border: 1px solid #dbdbdb;
  padding: 10px;
}

.oem-eq-map img {
  margin: 0 auto;
}

.oem-ntas {
  border: 1px solid #dbdbdb;
  text-align: center;
  background-color: #efefef;
  padding: 5px;
  margin-bottom: 10px;
}

.oem-ntas .alert {
  width: 33.3%;
  float: left;
  padding: 7px;
  text-align: center;
}

.oem-ntas .alert h3 {
  color: #ffffff;
  background-color: #005bab;
  font-size: 22px;
  padding: 10px 5px;
  font-weight: normal;
}

.oem-ntas .alert p {
  padding: 10px 5px 0 5px;
  font-size: 18px;
}

@media (max-width: 768px) {
  .oem-ntas .alert {
    width: 100%;
  }

  .oem-ntas .alert img {
    width: 110px;
    height: 45px;
    float: left;
    margin-right: 10px;
  }

  .oem-ntas .alert h3 {
    height: 45px;
    text-align: left;
  }
}

@media (max-width: 400px) {
  .oem-ntas .alert img {
    width: 100%;
    height: auto;
    margin-right: 0;
    float: none;
  }

  .oem-ntas .alert h3 {
    height: auto;
    text-align: center;
  }
}

.table-title {
  font-size: 17px;
  padding: 0;
  color: #2478C2;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

/********************************************************Latest News********************************************************
****************************************************************************************************************************
***************************************************************************************************************************/
.latest-news {
  width: 46%;
  margin-right: 0;
  border-right: 3px solid #005bab;
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}

.latest-news .featured-news {
  margin-bottom: 9px;
  background-color: #4d4d4d;
  position: relative;
}

.latest-news .featured-news a.button {
  position: absolute;
  right: 7px;
  bottom: 7px;
}

.latest-news .featured-news-img {
  position: relative;
  margin-right: 2%;
  width: 190px;
  overflow: hidden;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: top;
}

.latest-news .featured-news-img img {
  margin-bottom: -3px;
}

.latest-news .featured-news-img .date {
  position: absolute;
  background-color: #005bab;
  color: #ffffff;
  background-repeat: no-repeat;
  background-size: contain;
  left: 8px;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  padding: 20px 15px;
}

.latest-news .featured-news-img:hover img,
.latest-news .featured-news-img:focus img {
  opacity: 0.8;
}

.latest-news .featured-news-img:hover .date,
.latest-news .featured-news-img:focus .date {
  z-index: 99999;
  -webkit-transition: all 1s ease;
  /* Safari and Chrome */
  -moz-transition: all 1s ease;
  /* Firefox */
  -ms-transition: all 1s ease;
  /* IE 9 */
  -o-transition: all 1s ease;
  /* Opera */
  transition: all 1s ease;
  margin-top: -70px;
}

.latest-news .news-summary {
  height: 100%;
  color: #ffffff;
  margin-bottom: 35px;
  margin-right: 2%;
  width: 61%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.latest-news .news-summary h2 {
  color: #d3e7f8;
  padding: 10px 10px 10px 0;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}

.latest-news .news-summary p {
  font-size: 15px;
}

.latest-news .news-summary a {
  color: #d3e7f8;
}

.right-sidebar .latest-news {
  width: 100%;
  padding: 0;
  border: none;
}

.right-sidebar .latest-news h1 {
  color: #004585;
  font-size: 18px;
  text-align: left;
  background-size: 32px;
  border-bottom: 2px solid #005bab;
  margin-bottom: 10px;
}

.right-sidebar .latest-news .rss img {
  width: 25px;
}

.right-sidebar .latest-news .featured-news {
  background-color: transparent;
  border-bottom: 1px solid #dbdbdb;
}

.right-sidebar .latest-news .featured-news-img {
  width: 40%;
  margin-bottom: 10px;
}

.right-sidebar .latest-news .news-summary {
  width: 58%;
  margin-bottom: 30px;
  margin-right: 0;
}

.right-sidebar .latest-news .news-summary h2 {
  padding: 0 0 2px 0;
  font-size: 17px;
  text-decoration: none;
  color: #005bab;
}

.right-sidebar .latest-news .news-summary p {
  font-size: 14px;
  font-weight: 400;
  color: #242424;
}

.right-sidebar .latest-news .news-summary a {
  color: #006AC7;
}

.right-sidebar .latest-news .news-summary a:hover,
.right-sidebar .latest-news .news-summary a:focus {
  color: #b85d00;
}

.right-sidebar .latest-news .date {
  display: none;
}

.right-widgets .latest-news {
  width: 100%;
  padding: 0;
  border: none;
  margin-top: 10px;
}

.right-widgets .latest-news h1 {
  color: #004585;
  font-size: 18px;
  text-align: left;
  background-size: 32px;
  margin-bottom: 0;
  text-align: center;
  padding-right: 25px;
}

.right-widgets .latest-news a.button {
  display: none;
}

.right-widgets .latest-news .rss img {
  width: 20px;
  margin-bottom: 7px;
}

.right-widgets .latest-news .featured-news {
  background-color: transparent;
  border-bottom: 1px solid #dbdbdb;
}

.right-widgets .latest-news .featured-news-img {
  width: 32%;
  margin-bottom: 0;
  display: block;
  float: left;
}

.right-widgets .latest-news .news-summary {
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  display: block;
}

.right-widgets .latest-news .news-summary h2 {
  padding: 0 0 2px 0;
  font-size: 17px;
  text-decoration: none;
  color: #005bab;
}

.right-widgets .latest-news .news-summary p {
  font-size: 14px;
  font-weight: 400;
  color: #242424;
}

.right-widgets .latest-news .news-summary a {
  color: #006AC7;
}

.right-widgets .latest-news .news-summary a:hover,
.right-widgets .latest-news .news-summary a:focus {
  color: #b85d00;
}

.right-widgets .latest-news .date {
  display: none;
}

.middle-content .latest-news {
  border-right: none;
  padding-right: 0;
  width: 100%;
}

.middle-content .latest-news .rss {
  display: none;
}

.middle-content .latest-news .featured-news {
  background-color: transparent;
}

.middle-content .latest-news .news-summary {
  color: #242424;
}

.middle-content .latest-news .news-summary h2 {
  color: #006AC7;
}

.middle-content .latest-news .news-summary a {
  color: #006AC7;
}

.middle-content .latest-news .news-summary a:hover,
.middle-content .latest-news .news-summary a:focus {
  color: #b85d00;
}

@media (max-width: 1280px) {
  .latest-news .news-summary {
    width: 55%;
  }

  .latest-news .news-summary h2 {
    font-size: 16px;
  }

  .latest-news .news-summary p {
    font-size: 14px;
  }
}

@media (max-width: 1085px) {
  .latest-news h1 {
    font-size: 26px;
  }

  .latest-news .featured-news-img {
    width: 40%;
  }

  .latest-news .news-summary {
    width: 56%;
  }

  .right-sidebar .latest-news .featured-news-img {
    width: 50%;
    margin: 0 25% 10px 25%;
  }

  .right-sidebar .latest-news .news-summary {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .latest-news .featured-news-img {
    width: 43%;
  }

  .latest-news .news-summary {
    width: 53%;
  }
}

@media (max-width: 950px) {
  .latest-news {
    display: block;
    width: 70%;
    border: none;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .latest-news .featured-news {
    margin-bottom: 15px;
  }

  .latest-news .featured-news-img {
    width: 33%;
  }

  .latest-news .news-summary {
    width: 63%;
  }
}

@media (max-width: 768px) {
  .latest-news {
    margin: 0;
    width: 100%;
  }

  .right-sidebar .latest-news .featured-news {
    width: 33.3%;
    float: left;
    padding: 10px;
    border: none;
  }

  .right-sidebar .latest-news .featured-news:nth-child(2n) {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
  }

  .right-sidebar .latest-news .featured-news-img {
    width: 70%;
    margin: 0 15% 10px 15%;
  }

  .right-sidebar .latest-news .button {
    right: 10px;
    bottom: 10px;
  }

  .right-sidebar .latest-news .news-summary p {
    min-height: 80px;
  }
}

@media (max-width: 640px) {
  .latest-news h1 {
    font-size: 28px;
  }

  .latest-news .featured-news-img {
    max-width: initial;
    text-align: center;
    width: 32%;
  }

  .latest-news .featured-news-img img {
    width: 100%;
  }

  .latest-news .news-summary {
    max-width: initial;
    width: 64%;
  }

  .latest-news .news-summary h2 {
    font-size: 18px;
  }

  .latest-news .news-summary p {
    font-size: 16px;
  }
}

@media (max-width: 550px) {
  .latest-news .featured-news {
    width: 80%;
    margin: 0 10% 15px 10%;
  }

  .latest-news .featured-news-img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .latest-news .news-summary {
    width: 100%;
  }

  .latest-news .news-summary h2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .latest-news .news-summary p {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media print {
  .latest-news {
    width: 100%;
    border: none;
    padding: 0;
    margin-bottom: 30px;
  }

  .latest-news .featured-news {
    background-color: transparent;
  }

  .latest-news .featured-news-img .date {
    color: #005bab;
    background-color: #ffffff;
  }

  .latest-news .news-summary h2 {
    color: #005bab;
  }
}

/**********************************************************Contact**********************************************************
****************************************************************************************************************************
***************************************************************************************************************************/
.formTitle {
  font-size: 20px;
  color: #005bab;
  display: block;
  width: 100%;
  padding-bottom: 5px;
  padding: 10px 0 10px 60px;
  border-bottom: 3px solid #ff9200;
  margin-bottom: 15px;
  background-image: url("/common/images/mail.png");
  background-size: 45px;
  background-position-x: 0%;
  background-position-y: 50%;
  background-repeat: no-repeat;
}

.contactForm {
  padding: 15px;
  border: 1px solid #ff9200;
}

.contactForm label {
  display: inline-block;
  width: 20%;
  font-weight: bold;
  padding-bottom: 3px;
}

.contactForm label.rad-check {
  font-weight: normal;
  width: auto;
  margin-left: 5px;
}

.contactForm input[type="text"] {
  width: 79%;
  padding: 3px 1%;
}

.contactForm input[type="text"].date-input-3part {
  width: 100px;
}

.contactForm input[type="submit"] {
  float: right;
}

.contactForm input[type="reset"] {
  float: right;
}

.contactForm input[type="button"] {
  float: right;
}

.contactForm button {
  float: right;
}

.contactForm textarea {
  width: 79%;
  padding: 3px 1%;
  margin-bottom: 5px;
}

.contactForm .lblCharCount {
  width: 200px;
  margin-left: 20%;
  padding-left: 5px;
  font-weight: normal;
}

.contactForm.sunshine .fieldGroup.state {
  width: 50%;
  float: left;
}

.contactForm.sunshine .lblCharCount {
  margin-left: 0;
  padding-left: 0;
}

.contactForm.sunshine #city {
  width: 30%;
}

.contactForm.sunshine #lblState {
  width: 40%;
  padding-right: 15px;
}

.contactForm.sunshine #state {
  width: 160px;
  padding: 3px 1%;
}

.contactForm.sunshine #lblZip {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.contactForm.sunshine #zip {
  width: 65px;
}

.contactForm.sunshine #primaryPhone {
  width: 120px;
}

.contactForm.sunshine #lblAlternatePhone {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.contactForm.sunshine #alternatePhone {
  width: 120px;
}

@media (max-width: 950px) {
  .contactForm.sunshine #city {
    width: 100%;
  }

  .contactForm.sunshine .fieldGroup.state {
    width: 100%;
  }

  .contactForm.sunshine #lblState {
    width: 100%;
    padding-right: 0;
  }

  .contactForm.sunshine #lblZip {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.contactForm.ballot-email #phone {
  width: 120px;
}

.contactForm.ballot-email #lblBirthday {
  width: 48%;
  padding-right: 15px;
}

.contactForm.ballot-email #birthday {
  width: 110px;
}

.contactForm.ballot-email #lblLastFour {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.contactForm.ballot-email #lastFour {
  width: 60px;
}

.contactForm.ballot-email .fieldGroup.birthday {
  width: 43%;
  float: left;
  padding-right: 10px;
}

@media (max-width: 950px) {
  .contactForm.ballot-email #lblBirthday {
    width: 100%;
    padding-right: 0;
  }

  .contactForm.ballot-email .fieldGroup.birthday {
    width: 100%;
    float: none;
    padding-right: 0;
  }

  .contactForm.ballot-email #lblLastFour {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.contactForm.emp-rec #preview {
  margin-right: 10px;
}

.contactForm.emp-rec #reset {
  margin-right: 10px;
}

.contactForm.co-change-address #prevCity {
  width: 30%;
}

.contactForm.co-change-address #curCity {
  width: 30%;
}

.contactForm.co-change-address .fieldGroup.state {
  width: 40%;
  float: left;
}

.contactForm.co-change-address .fieldGroup.state label {
  width: 50%;
  padding-right: 15px;
}

.contactForm.co-change-address .fieldGroup.zip label {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.contactForm.co-change-address .fieldGroup.zip input {
  width: 65px;
}

.contactForm.co-change-address #moveDate {
  width: 110px;
}

.contactForm.co-change-address #phone {
  width: 120px;
}

.contactForm.co-change-address #lblNumAccounts {
  width: 75%;
  padding-right: 15px;
}

.contactForm.co-change-address #numAccounts {
  width: 50px;
}

.contactForm.co-change-address #lblNumParcels {
  width: 75%;
  padding-right: 15px;
}

.contactForm.co-change-address #numParcels {
  width: 50px;
}

.contactForm.co-change-address #lblAddInfo {
  width: 100%;
}

.contactForm.co-change-address #addInfo {
  width: 100%;
}

.contactForm.co-change-address .lblCharCount {
  width: initial;
  margin-left: 0;
  padding-left: 0;
  padding-right: 15px;
}

.contactForm.pa-vs .rad-check {
  padding-right: 25px;
}

.contactForm.pa-vs #lblAge {
  width: 50px;
}

.contactForm.pa-vs #age {
  width: 60px;
  text-align: center;
}

.contactForm.pa-vs #lblRace {
  width: 57px;
}

.contactForm.pa-vs #ageGroup {
  display: inline-block;
  width: 140px;
}

.contactForm.pa-vs #raceGroup {
  display: inline-block;
  width: 280px;
}

.contactForm.pa-vs .lblCharCount {
  margin-left: 0;
}

.contactForm.pa-vs #suggest {
  margin-bottom: 0;
}

.contactForm.pa-vs #lblCaseNum {
  width: 210px;
}

.contactForm.pa-vs #caseNum {
  width: 250px;
}

.contactForm.rm-solid-waste {
  margin-top: 15px;
}

.contactForm.rm-solid-waste #lblReqCity {
  width: 180px;
}

.contactForm.rm-solid-waste .requesting-city {
  width: 50%;
  float: left;
}

.contactForm.rm-solid-waste #lblCityCode {
  width: 95px;
}

.contactForm.rm-solid-waste .city-code {
  width: 45%;
  float: left;
}

.contactForm.rm-solid-waste #cityCode {
  width: 70px;
}

.contactForm.rm-solid-waste #reqCity {
  width: 120px;
}

@media (max-width: 1280px) {
  .contactForm.rm-solid-waste #lblReqCity {
    width: 40%;
  }
}

@media (max-width: 1024px) {
  .contactForm.rm-solid-waste .requesting-city {
    width: 60%;
    float: left;
  }

  .contactForm.rm-solid-waste .city-code {
    width: 40%;
    float: left;
  }
}

@media (max-width: 950px) {
  .contactForm.rm-solid-waste .requesting-city {
    width: 100%;
    float: left;
  }

  .contactForm.rm-solid-waste .city-code {
    width: 100%;
    float: left;
  }

  .contactForm.rm-solid-waste #lblReqCity {
    width: 140px;
  }

  .contactForm.rm-solid-waste #lblCityCode {
    width: 140px;
  }
}

@media (max-width: 768px) {
  .contactForm.rm-solid-waste .requesting-city {
    width: 60%;
    float: left;
  }

  .contactForm.rm-solid-waste .city-code {
    width: 40%;
    float: left;
  }

  .contactForm.rm-solid-waste #lblReqCity {
    width: 180px;
  }

  .contactForm.rm-solid-waste #lblCityCode {
    width: 95px;
  }
}

@media (max-width: 640px) {
  .contactForm.rm-solid-waste .requesting-city {
    width: 100%;
    float: left;
  }

  .contactForm.rm-solid-waste .city-code {
    width: 100%;
    float: left;
  }

  .contactForm.rm-solid-waste #lblReqCity {
    width: 140px;
  }

  .contactForm.rm-solid-waste #lblCityCode {
    width: 140px;
  }
}

@media (max-width: 400px) {
  .contactForm.rm-solid-waste #lblReqCity {
    width: 100%;
  }

  .contactForm.rm-solid-waste #reqCity {
    width: 100%;
  }

  .contactForm.rm-solid-waste #lblCityCode {
    width: 95px;
  }
}

.contactForm.pa-vs-change-address #addInfo {
  width: 100%;
}

.contactForm .full-width {
  width: 100%;
  padding-bottom: 5px;
}

.contactForm .no-bold {
  font-weight: normal;
}

.contactForm #message {
  margin-bottom: 5px;
}

.contactForm #charCount {
  width: 85px;
  text-align: center;
  padding: 3px;
}

.contactForm #lblMessage {
  display: block;
  float: left;
  padding-right: 4px;
  width: 20.5%;
}

.contactForm #sendOther {
  width: 200px;
  margin-left: 15px;
}

.contactForm #fees {
  width: 75px;
  margin-left: 5px;
}

.contactForm #lblClosed {
  display: inline;
}

.contactForm .red-text {
  display: inline-block;
  width: 15px;
}

@media (max-width: 950px) {
  .contactForm label {
    width: 100%;
  }

  .contactForm input[type="text"] {
    width: 100%;
  }

  .contactForm textarea {
    width: 100%;
  }

  .contactForm .lblCharCount {
    margin-left: 0;
  }

  .contactForm #lblMessage {
    width: 100%;
  }
}

.red-text {
  color: #d20000;
}

span.rtIndent {
  display: inline-block;
  width: 15px;
}

.label-spacer {
  display: inline-block;
  width: 7px;
}

.fieldGroup {
  padding-bottom: 10px;
}

#SampleCaptcha_CaptchaDiv {
  width: initial !important;
  float: left;
  margin-bottom: 5px;
}

#SampleCaptcha_CaptchaImageDiv {
  float: left;
}

@media (max-width: 400px) {
  #SampleCaptcha_CaptchaImageDiv {
    width: 225px;
    margin-top: 3px;
  }
}

#SampleCaptcha_CaptchaIconsDiv {
  float: left;
  margin: 0 10px;
}

#SampleCaptcha_CaptchaIconsDiv a {
  display: initial !important;
}

@media (max-width: 550px) {
  #SampleCaptcha_CaptchaIconsDiv {
    margin-right: 0;
  }
}

#captchacodeLbl {
  width: 60%;
  float: right;
}

@media (max-width: 1280px) {
  #captchacodeLbl {
    width: 57%;
  }
}

@media (max-width: 1085px) {
  #captchacodeLbl {
    width: 53%;
  }
}

@media (max-width: 1024px) {
  #captchacodeLbl {
    width: 45%;
  }
}

@media (max-width: 950px) {
  #captchacodeLbl {
    width: initial;
    clear: both;
    float: left;
  }
}

@media (max-width: 550px) {
  #captchacodeLbl {
    width: 100%;
    float: none;
  }
}

#captchacode {
  width: 60%;
  float: right;
}

@media (max-width: 1280px) {
  #captchacode {
    width: 57%;
  }
}

@media (max-width: 1085px) {
  #captchacode {
    width: 53%;
  }
}

@media (max-width: 1024px) {
  #captchacode {
    width: 45%;
  }
}

@media (max-width: 950px) {
  #captchacode {
    width: 75%;
  }
}

@media (max-width: 550px) {
  #captchacode {
    width: 100%;
    float: none;
  }
}

.contact-form-only {
  width: 75%;
  margin: 0 auto;
}

.form-submit-counter {
  background-color: #e7e7e7;
  padding: 5px;
  border: 1px solid #a9a9a9;
  font-size: 14px;
  display: inline-block;
}

/***************************************************Press Release Archives**************************************************
****************************************************************************************************************************
***************************************************************************************************************************/
.DepartmentHeaderTitle {
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid #000;
  vertical-align: top;
}

.DepartmentHeaderGraphic {
  text-align: left;
  vertical-align: top;
  background-repeat: no-repeat;
  width: 115px;
}

.pageUtilityButtons {
  text-align: right;
  font-size: 0.95em;
}

.DepartmentHeaderAddress {
  font-size: 40px !important;
}

.pressRelease {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.DepartmentHeader {
  width: 100%;
}

.pressReleaseBody {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.pageHeader {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/***********************************************************Footer**********************************************************
****************************************************************************************************************************
***************************************************************************************************************************/
#contact-info {
  margin-bottom: 30px;
}

#contact-info h2,
#contact-info h4 {
  color: #005bab;
  font-size: 17px;
  padding: 10px 0;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

#contact-info .one-half.right {
  text-align: right;
}

#contact-info .one-half.right p {
  padding-bottom: 0;
}

#contact-info .as-contact {
  margin-top: 20px;
}

#contact-info .as-contact p {
  padding-bottom: 0;
}

#contact-info .as-contact .phone-label {
  width: 150px;
}

#contact-info .phone-label {
  font-weight: bold;
  margin-right: 15px;
  display: inline-block;
  width: 60px;
}

#contact-info .button {
  position: relative;
  text-align: left;
  float: right;
  right: initial;
  bottom: initial;
  margin-top: 20px;
}

@media (max-width: 640px) {
  #contact-info .one-half.right {
    text-align: left;
  }

  #contact-info .button {
    float: left;
  }
}

.top-footer {
  text-align: right;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.top-footer .wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.top-footer .background {
  top: 0;
  right: -1560px;
  background-color: #005bab;
}

.top-footer .angle {
  right: 390px;
  bottom: -16px;
}

.top-footer a {
  color: #ffffff;
  text-decoration: none;
}

.top-footer a:hover,
.top-footer a:focus {
  color: #d2e6f7;
  text-decoration: underline;
}

.top-footer ul {
  position: relative;
  padding: 7px 0;
  z-index: 999;
  margin-left: 0;
  margin: initial;
  line-height: initial;
}

.top-footer ul li {
  list-style: none;
  display: inline-block;
  margin-left: 35px;
}

@media (max-width: 640px) {
  .top-footer {
    background-color: #005bab;
  }

  .top-footer .background {
    display: none;
  }

  .top-footer .angle {
    display: none;
  }

  .top-footer ul {
    text-align: center;
  }

  .top-footer ul li {
    margin-left: 0px;
    padding: 0 15px;
  }
}

@media print {
  .top-footer {
    display: none;
  }
}

#footer {
  background-color: #005bab;
  padding: 20px 0;
  color: #ffffff;
  position: relative;
  border-top: 3px solid white;
  font-weight: normal;
}

#footer .offices {
  padding-right: 20px;
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

#footer .offices .column {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding-right: 7px;
}

#footer .contact {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
  margin-left: -5px;
}

#footer .img-links {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  margin-left: -5px;
  text-align: center;
}

#footer .img-links img {
  padding: 2px 5px;
  margin: 0 auto;
}

#footer .img-links a {
  display: inline-block;
  margin-left: -5px;
  vertical-align: middle;
  text-align: center;
}

#footer .survey-img {
  width: 52%;
}

#footer .deals-img {
  width: 46%;
}

#footer .deals-img img {
  width: 100%;
}

#footer .transparency-img {
  width: 36%;
}

#footer .smart-911-img {
  width: 60%;
}

#footer .testit-img {
  width: 45%;
}

#footer h1,
#footer h4 {
  color: #d2e6f7;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 12px;
  padding-bottom: 6px;
  font-weight: normal;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
}

#footer a {
  color: #ffffff;
  display: block;
  padding-bottom: 1px;
  font-weight: normal;
  text-decoration: none;
}

#footer a:hover,
#footer a:focus {
  color: #d2e6f7;
  text-decoration: underline;
}

#footer ul {
  margin-left: 0;
  margin: initial;
  line-height: initial;
}

@media (max-width: 950px) {
  #footer .offices {
    width: 65%;
  }

  #footer .offices .column {
    margin-bottom: 20px;
  }

  #footer .contact {
    width: 35%;
  }

  #footer .img-links {
    width: 100%;
  }

  #footer .transparency-img {
    width: 15%;
  }

  #footer .smart-911-img {
    width: 20%;
  }

  #footer .survey-img {
    width: 20%;
  }

  #footer .deals-img {
    width: 18%;
  }

  #footer .testit-img {
    width: 21%;
  }
}

@media (max-width: 768px) {
  #footer .offices {
    width: 100%;
    padding-right: 0;
  }

  #footer .contact {
    width: 50%;
  }

  #footer .img-links {
    width: 50%;
  }

  #footer .transparency-img {
    width: 36%;
  }

  #footer .smart-911-img {
    width: 64%;
  }

  #footer .survey-img {
    width: 54%;
  }

  #footer .deals-img {
    width: 46%;
  }

  #footer .testit-img {
    width: 45%;
  }
}

@media (max-width: 640px) {
  #footer .offices {
    margin-bottom: 30px;
  }

  #footer .offices .column {
    width: 100%;
    margin-bottom: 0;
  }

  #footer .contact {
    width: 100%;
    padding-right: 0;
  }

  #footer .img-links {
    width: 100%;
  }

  #footer .img-links a {
    width: 50%;
  }

  #footer .img-links img {
    max-height: 125px;
    width: auto;
  }
}

@media print {
  #footer {
    display: none;
  }
}

#text-911 #phone-graphic {
  border: 15px solid #ba0f0f;
  border-radius: 25px;
  width: 225px;
  position: relative;
  padding: 40px 5px 10px 5px;
  text-align: center;
  font-family: sans-serif;
  color: #ba0f0f;
  text-transform: uppercase;
  float: right;
  margin: 0 0 10px 10px;
}

#text-911 #phone-graphic #phone-graphic-top {
  position: absolute;
  height: 33px;
  width: 64%;
  background-color: #ba0f0f;
  border-radius: 12px;
  top: -10px;
  right: 18%;
}

#text-911 #phone-graphic #phone-graphic-911 {
  color: #ffffff;
  background-color: #ba0f0f;
  border-radius: 30px;
  padding: 0 7px;
  font-size: 75px;
  font-weight: bold;
  font-stretch: extra-condensed;
  position: relative;
  margin: 0 5px 15px 5px;
}

#text-911 #phone-graphic #phone-graphic-911 #phone-graphic-911tail {
  position: absolute;
  content: '';
  bottom: -35px;
  left: 106px;
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-left: 20px solid transparent;
  border-top-color: #ba0f0f;
  border-bottom: 0;
  border-right: 0;
}

#text-911 #phone-graphic #phone-graphic-call {
  font-size: 28px;
}

#text-911 #phone-graphic #phone-graphic-text {
  font-size: 26px;
}

#text-911 #phone-graphic .large-text {
  font-size: 65px;
  font-weight: bold;
}

#text-911 #phone-graphic #phone-graphic-bottom {
  border: 2px solid #ba0f0f;
  height: 10px;
  border-radius: 15px;
  width: 74%;
  margin: 15px 13% 5px 13%;
}

@media (max-width: 550px) {
  #text-911 #phone-graphic {
    float: none;
    margin: 10px auto;
  }
}

#text-911 #text-911-banner {
  position: relative;
  margin: 10px 0;
  text-align: center;
  padding: 20px;
  background-color: #efefef;
  background-image: url("/bcjc/text-911/police.jpg");
  background-size: cover;
  background-position-y: top;
  background-repeat: no-repeat;
}

#text-911 #text-911-banner #BC-text911 {
  position: absolute;
  max-width: 50%;
  max-height: 93%;
  left: 10px;
  top: 10px;
}

#text-911 #text-911-banner #banner-911 {
  position: relative;
  font-weight: bold;
  width: 48%;
  float: right;
  font-size: 40px;
  margin-left: 52%;
  background-image: url("/bcjc/text-911/comment-bl.png");
  background-size: 100% 100%;
  padding: 15px;
}

#text-911 #text-911-banner #banner-call {
  position: relative;
  font-weight: bold;
  width: 48%;
  float: right;
  font-size: 26px;
  margin: 10px 17% 10px 35%;
  background-image: url(/bcjc/text-911/comment-gr.png);
  background-size: 100% 100%;
  padding: 15px;
}

#text-911 #text-911-banner #banner-text {
  position: relative;
  font-weight: bold;
  width: 48%;
  float: right;
  font-size: 26px;
  margin-left: 52%;
  background-image: url(/bcjc/text-911/comment-bl.png);
  background-size: 100% 100%;
  padding: 15px;
}

#text-911 #text-911-banner .large-text {
  font-size: 30px;
  text-transform: uppercase;
}

@media (max-width: 550px) {
  #text-911 #text-911-banner #BC-text911 {
    width: 25%;
  }

  #text-911 #text-911-banner #banner-911 {
    width: 63%;
    margin-left: 37%;
  }

  #text-911 #text-911-banner #banner-call {
    width: 63% !important;
    margin: 10px 15% 10px 22%;
  }

  #text-911 #text-911-banner div#banner-text {
    width: 63%;
    margin-left: 37%;
  }
}

#ui-datepicker-div {
  z-index: 1000 !important;
}