/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222; }

body {
  width: 100%;
  margin: 0px;
  padding: 0px 0 0px 0;
  background-color: #F3F4F4; }

.outer {
  width: 1024px;
  margin: 0 auto; }

.inner {
  width: 95.117188%;
  /*974/1024*/
  margin: 0 auto; }

.wrap {
  position: relative;
  margin: 25px auto; }

.inner-wrap {
  width: 79.472693%;
  /*844px/1062*/
  margin: 0 auto; }

img {
  max-width: 100%;
  outline: none;
  vertical-align: middle; }

p img {
  width: auto !important;
  height: auto !important; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

/* =============================================================================
   Colors & Defaults
   ========================================================================== */
/* slide-box Default Theme
*********************************/
.slide-box {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  zoom: 1;
  width: 940px; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 600px; }

.carousel li {
  margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav a {
  width: 25px;
  height: 33px;
  margin: -20px 50px 0 50px;
  display: block;
  background: url(../img/slide-show-arrows.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: .5;
  z-index: 9999; }

.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -33px; }

.flex-direction-nav .flex-prev {
  left: -33px; }

.slide-box:hover .flex-next:hover, .slide-box:hover .flex-prev:hover {
  opacity: 1; }

.flex-direction-nav li {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.flex-direction-nav .disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default; }

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -17px;
  text-align: center;
  margin: 0px;
  padding: 0px; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  list-style: none; }

.flex-control-paging li a {
  width: 8px;
  height: 8px;
  display: block;
  background: #CCCCCC;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover {
  background: #6E909C; }

.flex-control-paging li a.flex-active {
  background: #6E909C;
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .active {
  opacity: 1;
  cursor: default; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0; } }
/* ==|== primary styles =====================================================
   Author: Ethan Sager, www.bebetterstudios.com
   ========================================================================== */
.logo {
  position: relative; }
  .logo .socialmedia-top {
    position: absolute;
    top: 0px;
    right: 20px; }

.primary {
  display: block;
  width: 1024px;
  background-color: #E6E7E8;
  padding-top: 5px;
  font-weight: 700;
  font-size: 12pt; }

.main {
  background-color: #FFFFFF; }

.quote-slide {
  padding: 25px 0 15px 0;
  border-bottom: 3px solid #bbbdbf; }
  .quote-slide .quotes {
    float: left;
    color: #EE3124;
    overflow: hidden;
    height: 325px;
    text-decoration: none;
    background-color: #80a1b6;
    max-width: 250px;
    width: 25.667351%;
    /*250/974*/ }
    .quote-slide .quotes .quotes-wrap {
      width: 80%;
      margin: 0 auto;
      padding: 25px 0; }
  .quote-slide .slide-box {
    float: left;
    max-width: 724px;
    width: 74.332649%;
    /*724/974*/ }

.middle-columns {
  padding: 25px 0;
  border-bottom: 3px solid #bbbdbf; }
  .middle-columns .middle-col-1, .middle-columns .middle-col-2, .middle-columns .middle-col-3 {
    float: left; }
  .middle-columns .middle-col-1, .middle-columns .middle-col-2 {
    width: 23.1006160164271%;
    /*225/974*/ }
  .middle-columns .middle-col-2 {
    margin: 0 0 0 2.5667351129363%;
    /*25/974*/ }
  .middle-columns .middle-col-3 {
    width: 48.6652977412731%;
    /*474/974*/
    margin: 0 0 0 2.5667351129363%;
    /*25/974*/
    padding: 25px 0;
    background-color: #e1e4d4;
    min-height: 154px; }
    .middle-columns .middle-col-3 .tweet-wrap {
      width: 87.341772%;
      /*414/474*/
      margin: 0 auto;
      padding: 15px 0; }
      .middle-columns .middle-col-3 .tweet-wrap ul.tweets li {
        font-size: 1.125em;
        font-weight: 600;
        text-transform: uppercase; }

.bottom-columns {
  padding: 25px 0;
  border-bottom: 3px solid #bbbdbf;
  margin: 0 0 25px 0; }
  .bottom-columns .bottom-col-1 {
    float: left;
    width: 48.7679671457906%;
    /*475/974*/ }
    .bottom-columns .bottom-col-1 .bottom-col-1-sub-1 {
      float: left;
      width: 47.3684210526316%;
      /*225/475*/ }
    .bottom-columns .bottom-col-1 .bottom-col-1-sub-2 {
      float: left;
      width: 47.3684210526316%;
      /*225/475*/
      margin: 0 0 0 5.2631578947368%;
      /*25/475*/ }
  .bottom-columns .bottom-col-2 {
    float: left;
    width: 48.6652977412731%;
    /*474/974*/
    margin: 0 0 0 2.5667351129363%;
    /*25/974*/ }
    .bottom-columns .bottom-col-2 .bottom-col-1-sub-1 {
      float: left;
      width: 47.4683544303797%;
      /*225/474*/ }
    .bottom-columns .bottom-col-2 .bottom-col-1-sub-2 {
      float: left;
      width: 47.2573839662447%;
      /*224/474*/
      margin: 0 0 0 5.2742616033755%;
      /*25/474*/ }
  .bottom-columns .bottom-sub-cols {
    border-top: 1px solid #bbbdbf;
    padding: 25px 0 0 0; }

.container1 {
  width: 100%;
  position: relative;
  border-bottom: 5px solid #d8d9da;
  background-color: #d0d1d3; }

.NewsAndEventsPage .container1 {
  background-color: #c0c4a6; }

.about .container1 {
  background-color: #80a1b6; }

.programs-and-services .container1 {
  background-color: #d0d1d3; }

.advocacy .container1 {
  background-color: #c0c4a6; }

.results .container1 {
  background-color: #cdbd9d; }

.law-enforcement .container1, .law-enforcement-voices .container1, .articles .container1 {
  background-color: #a0c4c6; }

.harm-reduction .container1 {
  background-color: #d8cd8e; }

.security .container1 {
  background-color: #FFFFFF; }
  .security .container1 .column-1 {
    width: 50px; }
  .security .container1 h4 {
    visibility: hidden; }

.container2 {
  background-color: #FFFFFF;
  float: left;
  width: 76.9%;
  /*749/974*/
  position: relative; }

.column-1 {
  position: relative;
  float: left;
  width: 23.1006160164271%;
  /*225/974*/
  height: 100%; }
  .column-1 .column-1-wrap {
    width: 82.222222%;
    /*185/225*/
    margin: 0 auto; }

.column-2 {
  postion: relative;
  float: left;
  width: 63.4178905206943%;
  /*475/749*/
  margin: 0 0 0 3.3377837116155%;
  /*25/749*/
  background-color: #FFFFFF;
  word-wrap: break-word; }

.column-3 {
  margin: 0 0 0 3.3377837116155%;
  /*25/749*/
  float: left;
  width: 29.9065420560748%;
  /*224/749*/
  background-color: #FFFFFF; }
  .column-3 .archive {
    width: 88.839286%;
    /*199/224*/
    margin: 0; }
    .column-3 .archive .archive-wrap {
      border-top: 5px solid #d8d9da;
      border-bottom: 5px solid #d8d9da;
      padding: 15px 0 5px 0;
      margin-bottom: 25px; }
  .column-3 .sidebar-right .calloutbox {
    background-color: #E2E4D5;
    border-top: 5px solid #939598;
    border-bottom: 5px solid #939598;
    padding: 20px 10px 20px 10px;
    margin-bottom: 25px;
    width: 81%; }
    .column-3 .sidebar-right .calloutbox .calloutbox-wrap {
      padding: 15px 0 5px 0;
      margin-bottom: 25px; }
  .column-3 .sidebar-right .sidebar-right-bottom {
    padding: 0px 10px 0px 10px;
    width: 80%; }

.footer {
  width: 100%;
  position: relative;
  clear: both; }
  .footer span.anchor-span {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%; }
  .footer .outer {
    padding: 25px 0;
    background-color: #e6e7e8; }
  .footer .footercol1 {
    float: left;
    width: 48.7679671457906%;
    /*475/974*/ }
  .footer .footercol2 {
    float: right;
    width: 48.6652977412731%;
    /*474/974*/ }

.content {
  padding: 0 0 25px 0; }

.subnavigation {
  display: block;
  margin: 0 0 25px 0;
  padding: 10px 0 5px 0;
  border-bottom: 2px solid #D1D3D4; }

.media-wrap .media-sidebar-left {
  float: left;
  width: 23.1006160164271%;
  /*225/974*/ }
.media-wrap .media {
  float: left;
  width: 48.7679671457906%;
  /*475/974*/
  margin: 0 0 0 2.5667351129363%;
  /*25/974*/ }
  .media-wrap .media h1 {
    margin-bottom: 10px; }
.media-wrap .gallery {
  float: left;
  width: 74.435318275154%;
  /*725/974*/
  margin: 0px; }
.media-wrap .media-sidebar-right {
  float: left;
  margin: 0 0 0 2.5667351129363%;
  /*25/974*/
  width: 22.9979466119097%;
  /*224/974*/ }
  .media-wrap .media-sidebar-right .calloutbox {
    background-color: #E2E4D5;
    border-top: 5px solid #939598;
    border-bottom: 5px solid #939598;
    padding: 20px 10px 20px 10px;
    margin-bottom: 25px;
    width: 81%; }
    .media-wrap .media-sidebar-right .calloutbox .calloutbox-wrap {
      padding: 15px 0 5px 0;
      margin-bottom: 25px; }
  .media-wrap .media-sidebar-right .sidebar-right-bottom {
    padding: 0px 10px 0px 10px;
    width: 80%; }

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/* ==|== Trumps =======================================================
	Trump styles
   ========================================================================== */
.left {
  float: left; }

.right {
  float: right; }

.center {
  display: block;
  margin: 0 auto; }

.hidden {
  display: none; }

.not-visibile {
  visibility: hidden; }

.no-border-top {
  border-top: none; }

.no-border-bottom {
  border-bottom: none; }

.no-boder-left {
  border-left: none; }

.no-border-right {
  border-right: none; }

.no-margin-top {
  margin-top: 0px; }

.no-margin-right {
  margin-right: 0px; }

.no-margin-bottom {
  margin-bottom: 0px; }

.no-margin-left {
  margin-left: 0px; }

.no-padding-top {
  padding-top: 0px; }

.no-padding-right {
  padding-right: 0px; }

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

.no-padding-left {
  padding-left: 0px; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto auto 10px auto;
  border: 0;
  display: block; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff; }

#colorbox {
  outline: none; }

#cboxTopLeft {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat 0 0; }

#cboxTopCenter {
  height: 25px;
  background: url(images/border1.png) repeat-x 0 -50px; }

#cboxTopRight {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat -25px 0; }

#cboxBottomLeft {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat 0 -25px; }

#cboxBottomCenter {
  height: 25px;
  background: url(images/border1.png) repeat-x 0 -75px; }

#cboxBottomRight {
  width: 25px;
  height: 25px;
  background: url(images/border1.png) no-repeat -25px -25px; }

#cboxMiddleLeft {
  width: 25px;
  background: url(images/border2.png) repeat-y 0 0; }

#cboxMiddleRight {
  width: 25px;
  background: url(images/border2.png) repeat-y -25px 0; }

#cboxContent {
  background: #fff;
  overflow: hidden;
  font-family: serif; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin-bottom: 50px; }

#cboxTitle {
  position: absolute;
  bottom: 18px;
  height: 33px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999; }

#cboxCurrent {
  position: absolute;
  bottom: -20px;
  left: 10px;
  color: #999; }

#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444; }

#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444;
  background: none;
  border: none;
  outline: none; }

#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 73px;
  color: #444;
  background: none;
  border: none;
  outline: none; }

#cboxLoadingOverlay {
  background: white url(images/loading.gif) no-repeat 5px 5px; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  color: #444;
  background: none;
  border: none;
  outline: none; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft {
  background: url(images/ie6/borderTopLeft.png); }

.cboxIE6 #cboxTopCenter {
  background: url(images/ie6/borderTopCenter.png); }

.cboxIE6 #cboxTopRight {
  background: url(images/ie6/borderTopRight.png); }

.cboxIE6 #cboxBottomLeft {
  background: url(images/ie6/borderBottomLeft.png); }

.cboxIE6 #cboxBottomCenter {
  background: url(images/ie6/borderBottomCenter.png); }

.cboxIE6 #cboxBottomRight {
  background: url(images/ie6/borderBottomRight.png); }

.cboxIE6 #cboxMiddleLeft {
  background: url(images/ie6/borderMiddleLeft.png); }

.cboxIE6 #cboxMiddleRight {
  background: url(images/ie6/borderMiddleRight.png); }

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
  _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }