/*

-- THE DEVIL'S DROPDOWN --

DO NOT USE THIS FILE ON THE LIVE SITE, USE THE PATH BELOW. THIS FILE IS ONLY GOOD FOR TESTING.
USE http://www.dms.myflorida.com/design/dms2013/stylesheets/dms-accordion.css.css
This file can be removed but i'm leaving this here to avoid any future confusion

*/



.accordion-parent > *,
.accordion-parent > *::after,
.accordion-parent > *::before {
  box-sizing: border-box;
}

a.toggle.toggle-caret, .top-level {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accordion-parent > a {
  color: #ededed;
  text-decoration: none;
  line-height: 1.2em;
}
.accordion-parent > h1 {
  text-align: center;
  width: 90%;
  margin: 2em auto 0;
  font-size: 18px;
  line-height: 1.2em;
}
.accordion_link {
    font-family: sans-serif;
    text-decoration: underline;
    line-height: 1.2em;
}
.accordion-parent > input {
  font-size: 18px;
}
.accordion {
  text-align: left;
  -moz-padding-start: 0px;
  -webkit-padding-start: 0px;
  -o-padding-start: 0px;
  padding-start: 0px;
}
.accordion ul {
  /* by default hide all sub menus */
  display: none;
  -moz-padding-start: 0px;
  -webkit-padding-start: 0px;
  -o-padding-start: 0px;
  padding-start: 0px;
    margin-bottom: 0;
}
.accordion li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  list-style: none;
    line-height: 1.2em;
}

#content-design > div.accordion-parent > li,
#content-design > div.accordion-parent > ul > li,
#content-design > div.accordion-parent > ul > li > ul > li,
#content-design > div.accordion-parent > ul > li > ul > li >ul > li,
#content-design > div.accordion-parent > ul > li > ul > li >ul > li > ul > li {
    margin-left: 0 !important;
    line-height: 1.2em;
}

.accordion label,
.accordion a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 25px;
  font-size: 18px;
  text-indent: -6px;
}
.accordion label::before,
.accordion label::after,
.accordion a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.accordion label {
  cursor: pointer;
}
.accordion ul label,
.accordion ul a {
    line-height: 1.2em;
}
.accordion > li:last-of-type > label,
.accordion > li:last-of-type > a,
.accordion > li > ul > li:last-of-type label,
.accordion > li > ul > li:last-of-type a {
  box-shadow: none;
}
.accordion ul label::before {
  left: 36px;
}
.accordion ul label::after,
.accordion ul a::after {
  left: 59px;
}
.accordion ul ul label,
.accordion ul ul a {
  padding-left: 100px;
  line-height: 1.2em;
}
.accordion ul ul label::before {
  left: 54px;
}
.accordion ul ul label::after,
.accordion ul ul a::after {
  left: 77px;
}
.accordion ul ul ul label,
.accordion ul ul ul a {
  padding-left: 118px;
  line-height: 1.2em;
}
.accordion ul ul ul label::before {
  left: 72px;
}
.accordion ul ul ul label::after,
.accordion ul ul ul a::after {
  left: 95px;
}
.accordion ul ul ul ul label,
.accordion ul ul ul ul a {
  padding-left: 118px;
    line-height: 1.2em;
}
.accordion ul ul ul ul label::before {
  left: 72px;
}
.accordion ul ul ul ul label::after,
.accordion ul ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .accordion label::before {
    left: 18px;
  }
  .accordion label::after {
    left: 53px;
  }
  .accordion ul label,
  .accordion ul a {
    padding-left: 61px;
  }
  .accordion ul label::before {
    left: 48px;
  }
  .accordion ul label::after,
  .accordion ul a::after {
    left: 77px;
  }
  .accordion ul ul label,
  .accordion ul ul a {
    padding-left: 100px;
  }
  .accordion ul ul label::before {
    left: 72px;
  }
  .accordion ul ul label::after,
  .accordion ul ul a::after {
    left: 101px;
  }
  .accordion ul ul ul label,
  .accordion ul ul ul a {
    padding-left: 154px;
  }
  .accordion ul ul ul label::before {
    left: 96px;
  }
  .accordion ul ul ul label::after,
  .accordion ul ul ul a::after {
    left: 125px;
  }
  .accordion ul ul ul ul label,
  .accordion ul ul ul ul a {
    padding-left: 154px;
  }
  .accordion ul ul ul ul label::before {
    left: 96px;
  }
  .accordion ul ul ul ul label::after,
  .accordion ul ul ul ul a::after {
    left: 125px;
  }
}
.accordion.animated label::before {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.accordion ul li a:only-child {
  color: #008e42;
  font-family: sans-serif;
  text-decoration: underline;
}
.caret {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #009440;
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  margin-right: 20px;
  padding-bottom: 5px;
  position: relative;
  top: 2px;
}
.right-caret {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 10px solid #174279;
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  margin-right: 15px;
  position: relative;
  top: 2px;
}
.toggle-caret.child .right-carat, .toggle-caret.child .carat {
  top: 5px;
}
.top-level {

}
.top-level a {
  text-decoration: none;
}
.top-level a:hover {
  text-decoration: underline;
}/*
.top-level.no-children:before,
.child.no-children:before,
.grandchild.no-children:before,
.great-grandchild:before {
  content: "■";
  color: #000;
  text-decoration: none !important;
  display: inline-block;
  position: relative;
  left: -10px;
  font-size: 24px;
  top: -1px;
}*/
.inner.great-grandchild:before {
    content: " ";
    display: none;
}
.no-children {
  color: #008e42;
}
.inner.child li .child {
    padding-left: 60px !important;
}
.inner.child li .child.no-children {
    font-size: 18px;

}
.inner.grandchild li .grandchild {
    padding-left: 90px !important;
}
.child {

}
.grandchild {

}
.great-grandchild {

}
.child.no-children {

}
.grandchild.no-children {

}
.great-grandchild {
  padding-left: 150px;
}

.child,
.grandchild,
.great-grandchild {
  font-size: 18px !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}