﻿@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
h1, h2, h3, h4, h5, h6 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 200; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  color: inherit; }

blockquote {
  font-size: 15px;
  line-height: 24px;
  font-style: italic;
  background-color: #edf8fc;
  border: none;
  border-left: none; }
  blockquote p {
    font-size: 15px;
    line-height: 24px;
    font-style: italic;
    background-color: #edf8fc;
    border: none;
    border-left: none; }

a {
  color: #333;
  text-decoration: underline;
  outline: 0; }
  a:visited {
    color: #333;
    text-decoration: underline;
    outline: 0; }

.slider .left, .slider .right {
  height: 56px;
  width: 64px;
  background-color: transparent;
  overflow: hidden;
  text-indent: -100px;
  border: none;
  display: block;
  position: absolute;
  background-image: url("/images/slider-controls.png");
  background-repeat: no-repeat;
  top: 40%;
  opacity: 0.4; }

.box, .cutebox, .sitemap li.dir > a {
  color: white;
  margin-left: 0;
  margin-right: 5px;
  padding: 14px 10px;
  background-color: #4c4d4f; }

#sidenav .arrow, .icon-arrow {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -576px;
  background-position-x: 0px;
  background-position-y: -576px; }

#sidenav .arrow.open, .icon-arrow-open {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -624px;
  background-position-x: 0px;
  background-position-y: -624px; }

#sidenav .arrow:hover, .icon-arrow-hover {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -574px;
  background-position-x: 0px;
  background-position-y: -574px; }

#sidenav .arrow.open:hover, .icon-arrow-open-hover {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -626px;
  background-position-x: 0px;
  background-position-y: -626px; }

.pagination:before, .pagination:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

.button, .button-green, .button-purple, .button-blue, .button-pink, .button-yellow, .button-grey {
  border-radius: 4px;
  padding: 8px 15px 9px;
  font-size: 13px;
  cursor: pointer;
  text-decoration: none; }

a.pixel-button-green, .pixel-button-green {
  text-decoration: none;
  font-weight: 800;
  font-size: 15px;
  padding: 8px 15px 9px;
  color: #51a12f;
  background-color: transparent;
  border: 1px solid #51a12f;
  display: inline-block; }

a.pixel-button-purple, .pixel-button-purple {
  text-decoration: none;
  font-weight: 800;
  font-size: 15px;
  padding: 8px 15px 9px;
  color: #5c3092;
  background-color: transparent;
  border: 1px solid #5c3092;
  display: inline-block; }

a.pixel-button-blue, .pixel-button-blue {
  text-decoration: none;
  font-weight: 800;
  font-size: 15px;
  padding: 8px 15px 9px;
  color: #048abf;
  background-color: transparent;
  border: 1px solid #048abf;
  display: inline-block; }

a.pixel-button-pink, .pixel-button-pink {
  text-decoration: none;
  font-weight: 800;
  font-size: 15px;
  padding: 8px 15px 9px;
  color: #df0065;
  background-color: transparent;
  border: 1px solid #df0065;
  display: inline-block; }

a.pixel-button-yellow, .pixel-button-yellow {
  text-decoration: none;
  font-weight: 800;
  font-size: 15px;
  padding: 8px 15px 9px;
  color: #f2cb05;
  background-color: transparent;
  border: 1px solid #f2cb05;
  display: inline-block; }

a.pixel-button-grey, .pixel-button-grey {
  text-decoration: none;
  font-weight: 800;
  font-size: 15px;
  padding: 8px 15px 9px;
  color: #4c4d4f;
  background-color: transparent;
  border: 1px solid #4c4d4f;
  display: inline-block; }

.filter:before, .filter:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

.gallery-control:before, .gallery-control:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

.gallery-control .thumbnails:before, .gallery-control .thumbnails:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

.sign-up input[type="text"], .sign-up input[type="password"], .sign-up input[type="email"] {
  border: 1px solid white;
  padding: 7px 4px;
  outline: none;
  border-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font: 13px HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: white;
  margin: 0;
  width: 231px;
  display: block;
  margin-bottom: 20px;
  background: #323232; }

.sign-up textarea, .sign-up select {
  border: 1px solid white;
  padding: 7px 4px;
  outline: none;
  border-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font: 13px HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: white;
  margin: 0;
  width: 231px;
  display: block;
  margin-bottom: 20px;
  background: #323232; }

input[type="text"], input[type="password"], input[type="email"] {
  border: 1px solid #222;
  padding: 7px 4px;
  outline: none;
  border-radius: 2px;
  font: 13px HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #777;
  margin: 0;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: white; }

textarea, select {
  border: 1px solid #222;
  padding: 7px 4px;
  outline: none;
  border-radius: 2px;
  font: 13px HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #777;
  margin: 0;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: white; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
  border: 1px solid #048abf;
  color: #444;
  box-shadow: none;
  margin: 0 -1px 18px 0; }

textarea:focus {
  border: 1px solid #048abf;
  color: #444;
  box-shadow: none;
  margin: 0 -1px 18px 0; }

ul.dropdown:before, ul.dropdown:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

header nav:before, header nav:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

header:before, header:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

ul.dropdown:before, ul.dropdown:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

header nav:before, header nav:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

header:before, header:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

ul.dropdown:before, ul.dropdown:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

.womenNt-event-listing {
  margin-left: 50px; }

header nav:before, header nav:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

header:before, header:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

.columns:before, .columns:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

.stories .storybutton:before, .stories .storybutton:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

body {
  font-size: 14px;
  font-family: Open Sans;
  font-weight: 400;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  background-position: bottom center;
  background-repeat: repeat-x; }

h1 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 14px;
  color: #5c3092; }
  h1 a, h1 strong {
    color: #5c3092; }

h2 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 10px;
  color: #048abf; }
  h2 a, h2 strong {
    color: #048abf; }

h3 {
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 8px;
  color: #df0065; }
  h3 a, h3 strong {
    color: #df0065; }

h4 {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 4px;
  color: #51a12f; }

h5 {
  font-size: 16px;
  line-height: 24px;
  color: #048abf; }
  h5 a, h5 strong {
    color: #048abf; }

h6 {
  font-size: 15px;
  line-height: 21px;
  color: #4c4d4f; }
  h6 a, h6 strong {
    color: #4c4d4f; }

.subheader {
  color: #777; }

p {
  margin: 0 0 20px 0; }
  p img {
    margin: 0; }
  p.lead {
    font-size: 21px;
    line-height: 27px;
    color: #777; }
  p a {
    line-height: inherit;
    color: #048abf; }
    p a:visited {
      line-height: inherit; }
    p a strong {
      color: #048abf; }

em {
  font-style: italic; }

strong, b {
  font-weight: 700;
  color: #333; }

small {
  font-size: 80%; }

blockquote {
  margin: 0 0 20px;
  padding: 14px 25px 1px 15px;
  background-color: #edf8fc; }
  blockquote cite {
    display: block;
    font-size: 13px;
    color: #555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a {
      color: #555; }
      blockquote cite a:visited {
        color: #555;
        color: #555; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0; }
  hr.big-clear {
    height: 20px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none; }

a {
  color: #048abf; }
  a:visited {
    color: #048abf; }
    a:visited strong {
      color: #048abf; }
  a strong {
    color: #048abf; }
  a.pixel-button-green:hover, a.pixel-button-purple:hover, a.pixel-button-blue:hover, a.pixel-button-pink:hover, a.pixel-button-yellow:hover, a.pixel-button-grey:hover {
    background-color: #f0f0f0; }
  a.boxHeader {
    text-decoration: none;
    color: white; }

ul {
  margin-bottom: 20px;
  padding-left: 25px;
  list-style: none outside; }
  ul.square {
    margin-left: 30px;
    list-style: square outside; }
  ul.circle {
    margin-left: 30px;
    list-style: circle outside; }
  ul.disc {
    margin-left: 30px;
    list-style: disc outside; }
  ul ul, ul ol {
    margin: 4px 0 5px 30px;
    font-size: 90%; }
    ul ul li, ul ol li {
      margin-bottom: 6px; }
  ul.dynamic {
    background: #5c3092;
    padding: 0;
    position: absolute;
    width: 220px; }
    ul.dynamic li {
      display: block;
      border-top: 1px #b396c8 solid;
      position: relative;
      margin: 0; }
      ul.dynamic li a {
        display: block; }
        ul.dynamic li a span {
          display: block; }
  ul.home-events-list {
    padding: 0;
    width: 10000px;
    overflow: hidden;
    float: left;
    list-style: none outside; }
    ul.home-events-list li.event {
      width: 239px;
      margin-right: 1px;
      display: inline-block; }
    ul.home-events-list .event .eventInfo p {
      line-height: 16px;
      padding: 0 10px; }
  ul.large li {
    line-height: 21px; }

ol {
  margin-bottom: 20px;
  padding-left: 25px;
  list-style: decimal;
  margin-left: 30px; }
  ol ol, ol ul {
    margin: 4px 0 5px 30px;
    font-size: 90%; }
    ol ol li, ol ul li {
      margin-bottom: 6px; }

li {
  line-height: 18px;
  margin-bottom: 0; }
  li p {
    line-height: 21px; }
  li:hover .sliderPreview {
    display: block; }

.topContent {
  padding: 10px 0 0;
  position: relative;
  margin-bottom: -4px;
  float: right; }
  .topContent ul {
    margin: 0;
    float: right; }
    .topContent ul li {
      display: inline;
      margin: 0;
      float: left;
      padding: 0 4px 0 10px; }
    .topContent ul.social {
      clear: right;
      margin-top: 10px;
      padding: 0; }
    .topContent ul.menu li {
      font-size: 11px;
      padding: 0 3px; }
      .topContent ul.menu li a {
        color: #5c3092; }
  .topContent a {
    text-decoration: none; }

header {
  background-color: white; }

.topNav {
  background: none repeat scroll 0 0 #5c3092;
  clear: both; }
  .topNav ul {
    list-style: none;
    z-index: 99999;
    margin: 0;
    padding: 0; }
    .topNav ul.root > li {
      display: table-cell;
      border-right: 1px solid #bda0d3; }
      .topNav ul.root > li:first-child {
        border-left: 1px solid #bda0d3; }
      .topNav ul.root > li > a {
        color: white;
        margin: 0;
        padding: 10px 15px;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        text-decoration: none; }
        .topNav ul.root > li > a span.menu-item-text {
          display: table-cell;
          vertical-align: middle;
          white-space: normal; }
      .topNav ul.root > li.current > a {
        background: none repeat scroll 0 0 #9259bd;
        color: #FFFFFF; }
    .topNav ul.root > .navDonate {
      border-right: 0;
      position: absolute;
      right: 15px;
      top: -10px;
      z-index: 200; }
      .topNav ul.root > .navDonate > a {
        padding: 20px 35px; }
        .topNav ul.root > .navDonate > a > span.menu-item-text {
          font-size: 20px;
          font-weight: normal; }
    .topNav ul.root li:hover > a + ul.dynamic {
      display: block !important; }
    .topNav ul.root span.menu-item-text {
      font-size: 14px;
      font-family: Open Sans; }
    .topNav ul li a:hover, .topNav ul li.current a:hover {
      background: none repeat scroll 0 0 #9259bd;
      color: #FFFFFF; }
    .topNav ul.dynamic li a {
      color: white;
      margin: 0;
      padding: 10px;
      vertical-align: middle;
      text-decoration: none; }
  .topNav a:focus {
    color: white; }
  .topNav nav ul.root li:last-child ul.dynamic ul.dynamic {
    left: -200px;
    border-right: 1px solid #b396c8; }

.subSiteTopNav {
  background: none repeat scroll 0 0 #9259bd;
  clear: both; }
  .subSiteTopNav ul {
    list-style: none;
    z-index: 99999;
    margin: 0;
    padding: 0; }
    .subSiteTopNav ul.root {
      /*li:hover > a + ul.dynamic {
                display: block !important;

            }

                span.menu-item-text {
                font-size: 14px;
                font-family: Open Sans;
            }
            */ }
      .subSiteTopNav ul.root > {
        /*.navDonate {
                    border-right: 0;
                    position: absolute;
                    right: 15px;
                    top: -10px;
                    z-index: 200;

                    > a {
                        padding: 20px 35px;

                        > span.menu-item-text {
                            font-size: 20px;
                            font-weight: normal;
                        }
                    }
                }*/ }
        .subSiteTopNav ul.root > li {
          display: table-cell;
          border-right: 3px solid #ffffff; }
          .subSiteTopNav ul.root > li:last-child {
            border-right: none; }
          .subSiteTopNav ul.root > li > a {
            color: white;
            margin: 0;
            text-align: center;
            vertical-align: middle;
            display: inline-block;
            text-decoration: none; }
            .subSiteTopNav ul.root > li > a span.menu-item-text {
              padding: 14px 28px;
              text-transform: uppercase;
              font-size: 23px;
              font-weight: 600;
              display: table-cell;
              vertical-align: middle;
              white-space: normal; }
            .subSiteTopNav ul.root > li > a img {
              padding-left: 5px; }
          .subSiteTopNav ul.root > li.current > a {
            background: none repeat scroll 0 0 #5c3092;
            color: #FFFFFF; }
    .subSiteTopNav ul li a:hover, .subSiteTopNav ul li.current a:hover {
      background: none repeat scroll 0 0 #5c3092;
      color: #FFFFFF; }
    .subSiteTopNav ul li:last-child a:hover, .subSiteTopNav ul li:last-child.current a:hover {
      background: none repeat scroll 0 0 #9259bd;
      color: #FFFFFF; }
    .subSiteTopNav ul.dynamic li a {
      color: white;
      margin: 0;
      padding: 10px;
      vertical-align: middle;
      text-decoration: none; }
  .subSiteTopNav a:focus {
    color: white; }
  .subSiteTopNav nav ul.root li:last-child ul.dynamic ul.dynamic {
    left: -200px;
    border-right: 1px solid #b396c8; }

nav li {
  position: relative; }

nav ul.root ul.dynamic li > a:hover + ul.dynamic {
  display: block !important; }

nav ul.root ul.dynamic ul.dynamic {
  position: absolute;
  left: 200px;
  top: -1px;
  border-left: 1px solid #b396c8; }

div.featuredStoryArea {
  position: relative;
  clear: both;
  padding-bottom: 20px; }

div.storyHeader {
  padding: 5px 10px;
  color: white;
  clear: both; }
  div.storyHeader + a {
    float: left;
    height: 175px;
    display: block; }

div.featStory {
  float: left;
  margin: 0 5px 0 10px;
  width: 345px; }
  div.featStory p, div.featStory h3 strong {
    color: black; }
  div.featStory a.readMore {
    float: right; }

div.homePageCrossTitle {
  width: 100%;
  background: #39bb9d;
  padding: 5px 0;
  color: white; }
  div.homePageCrossTitle > div {
    margin: 0 auto; }

div.footer h2 {
  color: white;
  padding-top: 20px;
  font-size: 20px; }

div.footer .quicklinks.five.columns {
  width: 280px; }

div.footer .sign-up input[type="text"]:focus {
  border: 1px solid white;
  margin: 0 !important;
  outline: none !important;
  color: white !important; }

div.logo {
  padding: 10px 0 0 10px; }

div.pawContentArea {
  text-align: center;
  padding: 25px 0;
  background: #ee368b; }

div.contain {
  max-width: 1200px;
  margin: 0 auto; }

div.footer_right {
  position: relative;
  top: 75px; }
  div.footer_right a.facebook {
    display: block;
    height: 45px;
    width: 45px;
    background-image: url("/images/facebookFooter.png");
    background-position: 0 0;
    background-repeat: no-repeat; }
    div.footer_right a.facebook:hover {
      display: block;
      height: 45px;
      width: 45px;
      background-image: url("/images/facebookFooter.png");
      background-position: 0 -45px;
      background-repeat: no-repeat; }
  div.footer_right a.twitter {
    display: block;
    height: 45px;
    width: 45px;
    background-image: url("/images/twitterFooter.png");
    background-position: 0 0;
    background-repeat: no-repeat; }
    div.footer_right a.twitter:hover {
      display: block;
      height: 45px;
      width: 45px;
      background-image: url("/images/twitterFooter.png");
      background-position: 0 -45px;
      background-repeat: no-repeat; }
  div.footer_right a.instagram {
    display: block;
    height: 45px;
    width: 45px;
    background-image: url("/images/instagramFooter.png");
    background-position: 0 0;
    background-repeat: no-repeat; }
    div.footer_right a.instagram:hover {
      display: block;
      height: 45px;
      width: 45px;
      background-image: url("/images/instagramFooter.png");
      background-position: 0 -45px;
      background-repeat: no-repeat; }

div.Events {
  clear: both; }

div.slider.slide {
  max-width: 1920px; }

div.container.welcome, div.contentArea iframe {
  width: 100%; }

.paw {
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  height: 200px;
  width: 200px;
  margin: 0 auto;
  text-decoration: none; }

.mobileMenu {
  margin-top: 1em;
  width: 100%;
  padding: 8px;
  font-size: 16px;
  border-radius: 8px;
  color: #a01525;
  display: block;
  clear: none; }

.slider {
  width: auto;
  max-width: 1924px;
  margin: 0 auto;
  overflow: hidden;
  color: white;
  padding: 0;
  position: relative; }
  .slider .info {
    position: absolute;
    top: 125px;
    left: 70px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.2);
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
    display: none; }
    .slider .info h1 {
      color: white;
      font-size: 40px;
      line-height: 44px;
      margin-right: 30px;
      margin-bottom: 0.2em;
      display: inline; }
    .slider .info p {
      margin: 0;
      font-weight: 700; }
    .slider .info a {
      color: white;
      font-weight: 700;
      text-decoration: none;
      padding: 4px;
      border-radius: 8px; }
  .slider .left {
    left: 10px;
    background-position: left top; }
    .slider .left:hover {
      background-position: left -56px; }
  .slider .right {
    right: 10px;
    background-position: right top; }
    .slider .right:hover {
      background-position: right -56px; }
  .slider img {
    margin: 0;
    padding: 0;
    width: auto; }
  .slider .slides {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 9999px;
    list-style: none; }
    .slider .slides li {
      float: left;
      margin: 0;
      position: relative;
      width: auto;
      height: auto; }
  .slider .indicator {
    position: absolute;
    width: 100%;
    bottom: 12px;
    background-color: transparent;
    margin: 0;
    height: auto;
    text-align: center; }
    .slider .indicator li {
      width: 16px;
      height: 16px;
      background-image: url("/images/slider-controls.png");
      background-repeat: no-repeat;
      background-position: -32px bottom;
      background-color: transparent;
      display: inline-block;
      margin: 0; }
      .slider .indicator li:hover {
        cursor: pointer; }
      .slider .indicator li.selected {
        background-position: left bottom; }
  .slider.crossfade .slides {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100%; }
    .slider.crossfade .slides li {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      width: 100%;
      height: 400px; }
      .slider.crossfade .slides li img {
        width: 100%; }
  .slider.slide .slides {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 9999px; }
    .slider.slide .slides li {
      float: left;
      margin: 0;
      position: relative;
      width: auto;
      height: 400px;
      height: 501px; }

.sliderPreview {
  top: -50px;
  margin-left: -100px;
  width: 200px;
  height: 40px;
  display: none;
  z-index: 1000;
  position: absolute; }

.featReadMore {
  position: absolute;
  right: 20px;
  bottom: 10px; }

.siteHeader {
  color: white;
  padding: 5px 10px;
  background: #5c3092; }

#sidenav ul {
  padding: 0; }

#sidenav .arrow {
  font-family: Courier, monospaced;
  font-size: 13px;
  position: absolute;
  border-left: 3px double #f6f6f6;
  top: -3px;
  right: -3px;
  display: block;
  margin: 3px;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer; }
  #sidenav .arrow:hover {
    background-color: #e3f7fe; }

#sidenav li {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin: 0;
  margin-bottom: -1px; }
  #sidenav li a {
    padding: 8px;
    padding-top: 11px;
    padding-bottom: 11px;
    display: block;
    text-decoration: none;
    font-size: 14px; }
  #sidenav li.dir a {
    padding-right: 40px; }
  #sidenav li.current > a {
    background-color: #9259bd;
    color: white; }
    #sidenav li.current > a .arrow {
      border-left: 3px double white; }

#sidenav .first {
  border-top: none; }

#sidenav .last {
  border-bottom: none; }

#sidenav a:hover {
  background-color: #9259bd;
  color: white; }
  #sidenav a:hover .arrow {
    border-left: 3px double white; }

#sidenav a:focus {
  background-color: #9259bd;
  color: white; }

#sidenav .current .arrow {
  border-left: 3px double white; }

#sidenav .dir ul {
  padding: 0;
  margin: 0; }
  #sidenav .dir ul li {
    padding-left: 0; }
    #sidenav .dir ul li a {
      padding-left: 3em; }
    #sidenav .dir ul li.dir ul li a {
      padding-left: 4em; }

.eventInfo a {
  display: inline-block;
  font-family: Open Sans; }
  .eventInfo a:focus, .eventInfo a:hover {
    color: white; }

.eventInfo p {
  display: inline-block;
  font-family: Open Sans; }

.icon {
  width: 18px;
  height: 18px;
  display: block;
  float: left; }

.cutebox {
  font-family: Open Sans;
  font-size: 22px; }

.sitemap {
  margin-left: 30px;
  margin-top: 60px; }
  .sitemap ul {
    margin-left: 0;
    margin-bottom: 2em; }
  .sitemap li.dir {
    margin-right: 20px;
    width: 280px;
    float: left;
    display: block;
    margin-bottom: 2em;
    font-size: 15px; }
    .sitemap li.dir .dir {
      margin: 0;
      float: none;
      width: auto;
      margin-bottom: 2em; }
    .sitemap li.dir > a {
      font-family: Open Sans;
      font-size: 22px;
      color: white;
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 2em;
      display: block;
      text-decoration: none;
      text-shadow: 2px 2px 0 #036a92;
      box-shadow: 5px 5px 0 #df0065;
      background-color: #048abf;
      border: none;
      margin-bottom: 27px; }

article {
  margin-right: 12px; }
  article img {
    margin: 16px; }
  article blockquote.pullquote {
    color: #5c3092;
    width: 300px;
    padding: 40px;
    padding-bottom: 24px;
    float: right;
    position: relative;
    margin-right: -22px;
    box-sizing: border-box;
    margin-left: 32px;
    *background-image: url("../images/pullquote.png");
    *background-repeat: no-repeat;
    *width: 220px;
    *height: 124px;
    *background-color: transparent;
    *overflow: hidden; }
    article blockquote.pullquote p {
      font-weight: bold;
      color: #5c3092;
      margin: 0;
      line-height: 18px; }
    article blockquote.pullquote:after {
      background-image: url("../images/pullquote.png");
      background-repeat: no-repeat;
      background-position: bottom right;
      content: " ";
      width: 300px;
      height: 24px;
      display: block;
      position: absolute;
      bottom: -24px;
      right: 0; }

.smallest {
  font-size: 0.8em; }

.small {
  font-size: 0.9em; }

.event, .news {
  margin-bottom: 2em;
  position: relative; }
  .event p, .news p {
    font-size: 0.9em;
    margin-bottom: 0; }
  .event strong, .news strong {
    font-size: 1em; }
  .event h3, .news h3 {
    color: #5c3092;
    margin: 0;
    line-height: 1.4em;
    font-size: 18px; }
  .event h4, .news h4 {
    color: #4c4d4f;
    margin: 0;
    line-height: 1.4em;
    font-size: 15px;
    margin-bottom: 0.8em; }
  .event .fold-over, .news .fold-over {
    top: -10px; }

.subSiteEvent {
  color: #5c3092;
  padding-bottom: 40px; }
  .subSiteEvent a {
    color: #5c3092;
    text-decoration: none; }
  .subSiteEvent p {
    margin-bottom: 0; }

.noPadding p {
  margin: 0; }

.story {
  margin-bottom: 2em;
  position: relative;
  margin-bottom: 1em; }
  .story.floatbox-314 {
    height: 400px !important; }
  .story p {
    font-size: 0.9em;
    margin-bottom: 0;
    width: auto; }
  .story strong {
    font-size: 1em; }
  .story h3 {
    color: #5c3092;
    margin: 0;
    line-height: 1.4em;
    font-size: 18px;
    font-size: 16px;
    color: #df0065;
    line-height: 22px;
    margin-bottom: 0; }
    .story h3 a {
      color: inherit; }
  .story h4 {
    color: #4c4d4f;
    margin: 0;
    line-height: 1.4em;
    font-size: 15px;
    margin-bottom: 0.8em;
    font-size: 16px;
    line-height: 22px; }
  .story img {
    margin: 0; }

a.storyReadMeBtn {
  background-color: #ee368b;
  color: white;
  font-weight: 600;
  text-decoration: none;
  margin: 0;
  padding: 1px 33px;
  font-size: 12px;
  float: right;
  border-radius: 8px; }

p.storyDescription {
  margin: 12px 0; }

.normal {
  font-size: 1em; }

.large {
  font-size: 1.1em; }

.largest {
  font-size: 1.2em; }

.push-in {
  margin-left: 10px;
  margin-right: 10px; }

.sign-up {
  position: relative;
  height: 32px; }
  .sign-up input {
    position: absolute;
    top: 0;
    left: 0;
    width: 138px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 7px 5px;
    border: 1px solid #51a12f; }
  .sign-up button {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    color: white;
    border: 1px solid white;
    background: #323232;
    height: 32px;
    width: 60px;
    cursor: pointer; }
  .sign-up .confirm {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.event-details {
  margin-bottom: 0.8em; }
  .event-details li {
    padding-left: 30px;
    margin-top: 6px;
    position: relative;
    line-height: 1.4em; }
    .event-details li .icon {
      position: absolute;
      left: 4px;
      top: 4px;
      height: 30px; }
  .event-details.green {
    color: #51a12f; }
    .event-details.green strong {
      color: #51a12f; }
  .event-details.big {
    margin-bottom: 2em;
    font-size: 18px;
    margin-left: 10px; }
    .event-details.big li {
      margin-bottom: 20px; }

.news-details, .story-details {
  margin-bottom: 0.8em; }
  .news-details li, .story-details li {
    padding-left: 30px;
    margin-bottom: 2px; }
  .news-details.green, .story-details.green {
    color: #51a12f; }
    .news-details.green strong, .story-details.green strong {
      color: #51a12f; }
  .news-details.big, .story-details.big {
    margin-bottom: 2em;
    font-size: 18px; }
    .news-details.big li, .story-details.big li {
      margin-bottom: 20px; }

.videos, .gallery {
  position: relative;
  font-family: Open Sans; }
  .videos h2, .gallery h2 {
    font-size: 18px; }
  .videos h3, .gallery h3 {
    color: #4c4d4f;
    font-size: 18px; }
  .videos img, .gallery img {
    margin: 0; }

.video {
  position: relative;
  margin-bottom: 3em; }
  .video h3 {
    font-size: 16px;
    color: #048abf;
    line-height: 22px;
    margin-bottom: 0; }
  .video h4 {
    font-size: 16px;
    line-height: 22px; }
  .video p {
    width: auto; }
  .video img {
    margin: 0; }

.pagination {
  margin: 0 auto;
  padding: 4px;
  background-color: transparent;
  border: 1px solid #048abf;
  font-family: Open Sans;
  font-weight: 800;
  display: block;
  color: #048abf;
  text-align: center; }
  .pagination li {
    zoom: 1;
    display: inline-block;
    margin: 0;
    text-align: center;
    line-height: 1.5em; }
    .pagination li a {
      padding: 3px;
      width: 24px;
      height: 24px;
      text-decoration: none;
      font-weight: normal;
      color: #048abf;
      display: block; }
      .pagination li a:hover {
        background-color: #e4e4e4; }
    .pagination li.current a {
      color: white;
      background-color: #048abf; }
    .pagination li.first a, .pagination li.last a {
      width: auto;
      font-weight: 800; }
      .pagination li.first a:hover, .pagination li.last a:hover {
        text-decoration: underline;
        background-color: transparent; }

.green-yellow {
  text-shadow: 2px 2px 0 #3f7d25;
  box-shadow: 5px 5px 0 #f2cb05;
  background-color: #51a12f;
  border: none;
  margin-bottom: 27px; }

.blue-pink {
  text-shadow: 2px 2px 0 #036a92;
  box-shadow: 5px 5px 0 #df0065;
  background-color: #048abf;
  border: none;
  margin-bottom: 27px; }

.pink-yellow {
  text-shadow: 2px 2px 0 #b10050;
  box-shadow: 5px 5px 0 #f2cb05;
  background-color: #df0065;
  border: none;
  margin-bottom: 27px; }

.purple-blue {
  text-shadow: 2px 2px 0 #4a1656;
  box-shadow: 5px 5px 0 #048abf;
  background-color: #5c3092;
  border: none;
  margin-bottom: 27px; }

.purple-yellow {
  text-shadow: 2px 2px 0 #4a1656;
  box-shadow: 5px 5px 0 #f2cb05;
  background-color: #5c3092;
  border: none;
  margin-bottom: 27px; }

.icon-stay-informed {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position-x: 0px;
  background-position-y: 0px;
  width: auto;
  height: auto;
  padding: 14px 10px 14px 50px; }

.icon-events {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -64px;
  background-position-x: 0px;
  background-position-y: -64px;
  width: auto;
  height: auto;
  padding: 14px 10px 14px 50px; }

.icon-paws {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -128px;
  background-position-x: 0px;
  background-position-y: -128px;
  width: auto;
  height: auto;
  padding: 14px 10px 14px 50px; }

.icon-date {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -192px;
  background-position-x: 0px;
  background-position-y: -192px;
  width: auto;
  height: auto; }

.icon-time {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -224px;
  background-position-x: 0px;
  background-position-y: -224px;
  width: auto;
  height: auto; }

.icon-location {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -256px;
  background-position-x: 0px;
  background-position-y: -256px;
  width: auto;
  height: auto; }

.icon-social-email {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -288px;
  background-position-x: 0px;
  background-position-y: -288px;
  width: auto;
  height: auto; }

.icon-social-facebook {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -320px;
  background-position-x: 0px;
  background-position-y: -320px;
  width: auto;
  height: auto; }

.icon-social-twitter {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -352px;
  background-position-x: 0px;
  background-position-y: -352px;
  width: auto;
  height: auto; }

.icon-social-print {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -384px;
  background-position-x: 0px;
  background-position-y: -384px;
  width: auto;
  height: auto; }

.icon-facebook {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -416px;
  background-position-x: 0px;
  background-position-y: -416px;
  width: auto;
  height: auto; }

.icon-twitter {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -448px;
  background-position-x: 0px;
  background-position-y: -448px;
  width: auto;
  height: auto; }

.icon-video {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -480px;
  background-position-x: 0px;
  background-position-y: -480px;
  width: 24px;
  height: 24px; }

.icon-image {
  background-image: url("../images/icon-sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -528px;
  background-position-x: 0px;
  background-position-y: -528px;
  width: 24px;
  height: 24px; }

.fold-blue-pink {
  background-image: url("../images/fold-over.png");
  background-repeat: no-repeat;
  background-position: right 0px;
  background-position-x: right;
  background-position-y: 0px;
  width: auto;
  height: auto; }

.fold-blue-yellow {
  background-image: url("../images/fold-over.png");
  background-repeat: no-repeat;
  background-position: right -36px;
  background-position-x: right;
  background-position-y: -36px;
  width: auto;
  height: auto; }

.fold-pink-green {
  background-image: url("../images/fold-over.png");
  background-repeat: no-repeat;
  background-position: right -72px;
  background-position-x: right;
  background-position-y: -72px;
  width: auto;
  height: auto; }

.fold-over {
  padding: 4px 10px;
  height: 28px;
  position: absolute;
  top: 16px;
  right: -6px;
  font-family: Open Sans;
  font-size: 16px;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  color: white; }

.button-green {
  color: white;
  background-color: #51a12f;
  border: none;
  text-shadow: 1px 1px 0 #3f7d25; }
  .button-green:hover, .button-green:visited {
    background-color: #3f7d25;
    text-shadow: 1px 1px 0 #295218;
    color: white; }

.button-purple {
  color: white;
  background-color: #5c3092;
  border: none;
  text-shadow: 1px 1px 0 #4a1656; }
  .button-purple:hover, .button-purple:visited {
    background-color: #4a1656;
    text-shadow: 1px 1px 0 #230a2a;
    color: white; }

.button-blue {
  color: white;
  background-color: #048abf;
  border: none;
  text-shadow: 1px 1px 0 #036a92; }
  .button-blue:hover, .button-blue:visited {
    background-color: #036a92;
    text-shadow: 1px 1px 0 #02425b;
    color: white; }

.button-pink {
  color: white;
  background-color: #df0065;
  border: none;
  text-shadow: 1px 1px 0 #b10050; }
  .button-pink:hover, .button-pink:visited {
    background-color: #b10050;
    text-shadow: 1px 1px 0 #790037;
    color: white; }

.button-yellow {
  color: white;
  background-color: #f2cb05;
  border: none;
  text-shadow: 1px 1px 0 #c5a504; }
  .button-yellow:hover, .button-yellow:visited {
    background-color: #c5a504;
    text-shadow: 1px 1px 0 #8e7703;
    color: white; }

.button-grey {
  color: white;
  background-color: #4c4d4f;
  border: none;
  text-shadow: 1px 1px 0 #353638; }
  .button-grey:hover, .button-grey:visited {
    background-color: #353638;
    text-shadow: 1px 1px 0 #1a1a1b;
    color: white; }

.pixel-button-green:hover, .pixel-button-purple:hover, .pixel-button-blue:hover, .pixel-button-pink:hover, .pixel-button-yellow:hover, .pixel-button-grey:hover {
  background-color: #f0f0f0; }

.top-3px-green {
  background-color: #e4e4e4;
  border-top: 3px solid #51a12f; }

.top-3px-purple {
  background-color: #e4e4e4;
  border-top: 3px solid #5c3092; }

.top-3px-blue {
  background-color: #e4e4e4;
  border-top: 3px solid #048abf; }

.top-3px-pink {
  background-color: #e4e4e4;
  border-top: 3px solid #df0065; }

.top-3px-yellow {
  background-color: #e4e4e4;
  border-top: 3px solid #f2cb05; }

.top-3px-grey {
  background-color: #e4e4e4;
  border-top: 3px solid #4c4d4f; }

.top-2px-green {
  background-color: #e4e4e4;
  border-top: 2px solid #51a12f; }

.top-2px-purple {
  background-color: #e4e4e4;
  border-top: 2px solid #5c3092; }

.top-2px-blue {
  background-color: #e4e4e4;
  border-top: 2px solid #048abf; }

.top-2px-pink {
  background-color: #e4e4e4;
  border-top: 2px solid #df0065; }

.top-2px-yellow {
  background-color: #e4e4e4;
  border-top: 2px solid #f2cb05; }

.top-2px-grey {
  background-color: #e4e4e4;
  border-top: 2px solid #4c4d4f; }

.bottom-3px-green {
  background-color: #e4e4e4;
  border-bottom: 3px solid #51a12f; }

.bottom-3px-purple {
  background-color: #e4e4e4;
  border-bottom: 3px solid #5c3092; }

.bottom-3px-blue {
  background-color: #e4e4e4;
  border-bottom: 3px solid #048abf; }

.bottom-3px-pink {
  background-color: #e4e4e4;
  border-bottom: 3px solid #df0065; }

.bottom-3px-yellow {
  background-color: #e4e4e4;
  border-bottom: 3px solid #f2cb05; }

.bottom-3px-grey {
  background-color: #e4e4e4;
  border-bottom: 3px solid #4c4d4f; }

.bottom-2px-green {
  background-color: #e4e4e4;
  border-bottom: 2px solid #51a12f; }

.bottom-2px-purple {
  background-color: #e4e4e4;
  border-bottom: 2px solid #5c3092; }

.bottom-2px-blue {
  background-color: #e4e4e4;
  border-bottom: 2px solid #048abf; }

.bottom-2px-pink {
  background-color: #e4e4e4;
  border-bottom: 2px solid #df0065; }

.bottom-2px-yellow {
  background-color: #e4e4e4;
  border-bottom: 2px solid #f2cb05; }

.bottom-2px-grey {
  background-color: #e4e4e4;
  border-bottom: 2px solid #4c4d4f; }

.breadcrumbs {
  font-family: Open Sans, sans-serif;
  margin-bottom: 8px;
  color: #048abf;
  height: 28px;
  font-size: 15px; }
  .breadcrumbs li {
    float: left;
    margin-right: 5px; }
    .breadcrumbs li.current {
      font-weight: 800; }
      .breadcrumbs li.current a {
        font-weight: 800; }
  .breadcrumbs a {
    text-decoration: none;
    color: #048abf; }
    .breadcrumbs a:hover {
      text-decoration: underline; }

.filter {
  text-shadow: none;
  font-size: 13px;
  color: white;
  padding: 12px;
  width: 300px; }
  .filter span {
    float: left; }
  .filter select {
    margin: 0;
    margin-left: 1em;
    float: left;
    width: 50%; }
  .filter label {
    float: left; }

.gallery-control {
  margin: 10px; }
  .gallery-control .imagebox {
    margin-bottom: 2em;
    background-image: url("/images/loading.gif");
    background-position: center center;
    background-repeat: no-repeat; }
    .gallery-control .imagebox img {
      margin: 0;
      padding: 0;
      width: 100%; }
  .gallery-control .thumbnails {
    position: relative;
    overflow: hidden;
    height: 80px;
    margin-bottom: 2em; }
  .gallery-control a.left {
    z-index: 600;
    position: absolute;
    left: 0;
    height: 80px;
    width: 50px;
    display: block;
    background-image: url("/images/gallery-controls.png");
    background-position: top left;
    background-repeat: no-repeat; }
    .gallery-control a.left:hover {
      background-position: bottom left; }
  .gallery-control a.right {
    z-index: 600;
    position: absolute;
    right: 0;
    height: 80px;
    width: 50px;
    display: block;
    background-image: url("/images/gallery-controls.png");
    background-position: top right;
    background-repeat: no-repeat; }
    .gallery-control a.right:hover {
      background-position: bottom right; }
  .gallery-control .thumbs {
    z-index: 400;
    position: absolute;
    top: 0;
    left: 47px;
    height: 80px; }
    .gallery-control .thumbs li {
      float: left;
      margin-left: 20px; }
    .gallery-control .thumbs img {
      width: 120px;
      height: 80px; }

select {
  padding: 0; }

input[type="submit"] {
  font-family: Open Sans;
  font-size: 14pt;
  border: none;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 5px;
  background-color: #4c4d4f;
  color: white;
  text-shadow: 1px 1px 2px black;
  cursor: pointer; }
  input[type="submit"].submit {
    background-color: #048abf;
    color: white; }

input[type="button"] {
  font-family: Open Sans;
  font-size: 14pt;
  border: none;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 5px;
  background-color: #4c4d4f;
  color: white;
  text-shadow: 1px 1px 2px black;
  cursor: pointer; }
  input[type="button"].button, input[type="button"].button-green, input[type="button"].button-purple, input[type="button"].button-blue, input[type="button"].button-pink, input[type="button"].button-yellow, input[type="button"].button-grey {
    background-color: #048abf;
    color: white; }

input[type="reset"] {
  font-family: Open Sans;
  font-size: 14pt;
  border: none;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 5px;
  background-color: #4c4d4f;
  color: white;
  text-shadow: 1px 1px 2px black; }
  input[type="reset"].button, input[type="reset"].button-green, input[type="reset"].button-purple, input[type="reset"].button-blue, input[type="reset"].button-pink, input[type="reset"].button-yellow, input[type="reset"].button-grey {
    background-color: #048abf;
    color: white; }

.dvForm td {
  padding-bottom: 0.5em; }

.dvForm #ContentPlaceHolderDefault_MasterContentPlaceHolder_SubMasterContentPlaceHolder_Item2_ucFundraiserCalendar_5_rblAgeRange td {
  padding-top: 1em;
  width: 120px; }
  .dvForm #ContentPlaceHolderDefault_MasterContentPlaceHolder_SubMasterContentPlaceHolder_Item2_ucFundraiserCalendar_5_rblAgeRange td input, .dvForm #ContentPlaceHolderDefault_MasterContentPlaceHolder_SubMasterContentPlaceHolder_Item2_ucFundraiserCalendar_5_rblAgeRange td label {
    float: left; }

.stories {
  margin-top: 32px; }
  .stories p {
    width: auto;
    float: left; }
  .stories .storybutton {
    position: relative;
    display: block;
    float: left;
    width: 209px;
    margin-left: 5px;
    clear: both;
    background-color: #df0065;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 16px; }
    .stories .storybutton .image {
      position: absolute;
      display: block;
      height: 94px;
      width: 209px;
      top: -5px;
      left: -5px;
      background-color: black;
      background-image: url(/images/stories-images.jpg); }
    .stories .storybutton .title {
      display: block;
      font-weight: bold;
      text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
      margin-top: 94px;
      color: white;
      font-size: 19px;
      line-height: 24px;
      margin-left: 9px;
      margin-right: 9px;
      margin-bottom: 9px; }
    .stories .storybutton.our-history .image {
      background-position: 0 -470px; }
    .stories .storybutton.our-history:hover .image {
      background-position: 100% -470px; }
    .stories .storybutton.what-we-fund .image {
      background-position: 0 -376px; }
    .stories .storybutton.what-we-fund:hover .image {
      background-position: 100% -376px; }
    .stories .storybutton.our-people .image {
      background-position: 0 -282px; }
    .stories .storybutton.our-people:hover .image {
      background-position: 100% -282px; }
    .stories .storybutton.our-sponsors .image {
      background-position: 0 -188px; }
    .stories .storybutton.our-sponsors:hover .image {
      background-position: 100% -188px; }
    .stories .storybutton.media-center .image {
      background-position: 0 -94px; }
    .stories .storybutton.media-center:hover .image {
      background-position: 100% -94px; }
    .stories .storybutton.annual-reports .image {
      background-position: 0 0; }
    .stories .storybutton.annual-reports:hover .image {
      background-position: 100% 0; }

.floatbox-280 {
  width: 280px;
  float: left;
  margin-right: 64px;
  height: 360px;
  overflow: hidden; }

.floatbox-314 {
  width: 314px;
  float: left;
  margin-right: 64px;
  height: 360px;
  overflow: hidden; }

.social-widget {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  text-align: right;
  background-color: white;
  list-style: none;
  margin: 0;
  width: 24px; }
  .social-widget li {
    position: relative;
    display: block;
    right: 0;
    float: right;
    margin: 0;
    height: 30px; }
    .social-widget li span {
      display: none; }
      .social-widget li span.end {
        display: none;
        position: absolute;
        left: -29px;
        *left: -17px;
        top: 0;
        background-image: url(/images/social-item.png);
        height: 30px;
        width: 17px; }
      .social-widget li span.icon {
        width: 18px;
        height: 18px;
        display: block; }
    .social-widget li a {
      text-decoration: none;
      display: block;
      width: 100%;
      width: 16px;
      height: 16px;
      padding: 6px;
      right: 0;
      float: right;
      margin: 0; }
    .social-widget li:hover {
      width: 140px;
      text-align: left;
      right: 0;
      *margin-left: -138px; }
      .social-widget li:hover a {
        width: 100%;
        text-decoration: none;
        background-image: none;
        cursor: pointer;
        background-color: #df0065;
        height: 18px; }
      .social-widget li:hover span {
        display: block;
        color: white; }
        .social-widget li:hover span.icon {
          display: none; }
        .social-widget li:hover span.end {
          display: block;
          position: absolute; }

.footerDonate {
  background-color: #6AB4FF;
  text-align: center;
  height: 100px;
  width: 150px;
  margin-top: -20px;
  z-index: 100;
  position: relative;
  float: right; }
  .footerDonate:hover {
    background-color: #9259bd; }
    .footerDonate:hover:before {
      bottom: -100px;
      border: solid 75px #9259bd;
      border-bottom-color: transparent; }
  .footerDonate:before {
    content: "";
    position: absolute;
    bottom: -100px;
    left: 0;
    height: 0;
    width: 0;
    border: solid 75px #6ab4ff;
    border-bottom-color: transparent; }
  .footerDonate a {
    height: 130px;
    display: block;
    padding: 0 35px;
    position: relative;
    z-index: 9999; }

.navDonate {
  background-color: #6AB4FF;
  font-weight: bold; }

.homeFeatureStoryFeed {
  width: 560px;
  display: inline-block;
  padding: 10px;
  vertical-align: top; }

@media only screen and (max-width: 460px) {
  .slider {
    display: none; }
    .slider img, .slider.slide .slides li {
      display: none; } }

@media only screen and (max-width: 1200px) {
  div.container, div.contain {
    max-width: 960px; }
  div.homeFeatureStoryFeed {
    width: 47%; }
  div.featStory {
    width: auto; } }

@media only screen and (max-width: 995px) {
  #eventBtnR {
    right: 0; }
  #eventBtnL {
    left: 0; } }

@media only screen and (max-width: 960px) {
  div.topNav nav.opened ul.root li ul.dynamic {
    display: none; }
  div.topNav li.current > ul.dynamic {
    display: block !important; }
  div.topNav a.nav-toggle {
    color: white; }
  div.subSiteTopNav nav.opened ul.root li ul.dynamic {
    display: none; }
  div.subSiteTopNav li.current > ul.dynamic {
    display: block !important; }
  div.subSiteTopNav a.nav-toggle {
    color: white; }
  div.subSiteTopNav ul.root > li > a span.menu-item-text {
    padding: 0;
    font-size: 14px; }
  div.container {
    max-width: 720px; }
  div.featureStoryArea {
    padding-bottom: 20px;
    position: relative; }
  div.home-events {
    margin: 0 auto; }
  div.homeFeatureStoryFeed {
    width: auto; }
  div.storyHeader + a {
    float: none; }
  div.footer .quicklinks.five.columns {
    width: auto; }
  div.featuredStoryArea div.featStory {
    width: 100%; }
  .container {
    width: auto; }
  .home-events {
    width: 480px; }
  .cutebox {
    font-size: 16px; }
  header {
    width: auto; }
    header nav {
      width: auto;
      position: relative;
      left: 0;
      top: 0; }
      header nav .dropdown-menu {
        display: none; }
  .sign-up input[type="text"], .sign-up input[type="password"], .sign-up input[type="email"] {
    width: 136px; }
  .sign-up textarea, .sign-up select {
    width: 136px; }
  nav ul.root li.current ul.dynamic {
    display: block; }
  .topNav ul.root > li {
    display: block; }
    .topNav ul.root > li:last-child {
      top: -120px;
      right: 20px; }
  body .topNav .subSiteTopNav nav ul.root li a:hover + ul.dynamic {
    display: none !important; }
  .sitemap li.dir > a {
    font-size: 16px; }
  ul.dropdown {
    width: auto; }
  footer p br {
    display: none; } }

@media only screen and (max-width: 720px) {
  .home-events {
    width: 240px; }
  div.container {
    max-width: 460px; }
  div.footerDonate {
    float: left;
    box-shadow: none;
    margin: 0; }
  div.footer_right {
    padding-bottom: 20px;
    text-align: left !important; }
  div.featuredStoryArea {
    position: static; }
  div.sidenav, div.siteHeader {
    margin: 0; }
  .homeFeatureStoryFeed {
    width: auto; }
  body {
    background-image: none;
    overflow-x: hidden; }
  header {
    width: auto; }
    header nav {
      width: auto;
      position: relative;
      left: 0;
      top: 0; }
  article {
    margin: 0; }
  .row {
    margin-bottom: 0; }
  .slider {
    width: 100%; }
    .slider .slides {
      position: absolute;
      padding: 0;
      margin: 0;
      width: 9999px; }
      .slider .slides li {
        float: left;
        margin: 0;
        position: relative;
        width: 720px; }
  .sign-up {
    width: 250px; }
    .sign-up input[type="text"], .sign-up input[type="password"], .sign-up input[type="email"] {
      width: 181px; }
    .sign-up textarea, .sign-up select {
      width: 181px; }
  ul.dropdown {
    width: auto; }
  .stories .storybutton {
    position: relative;
    display: block;
    float: left;
    width: 209px;
    margin-left: 0;
    margin-right: 10px;
    clear: both;
    background-color: #DF0065;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 16px; }
  .middle .container {
    padding: 20px 10px; }
  .column.omega, .columns.space-before {
    margin: 0; } }

@media only screen and (max-width: 600px) {
  div.middle div.container.welcome {
    width: 90%;
    padding: 20px 5%; } }

@media only screen and (max-width: 480px) {
  body {
    background-image: none;
    overflow-x: hidden; }
  header {
    width: auto; }
    header nav {
      width: auto;
      position: relative;
      left: 0;
      top: 0; }
  .columns {
    margin-bottom: 2em; }
    .columns.space-before, .columns.space-after {
      margin-right: 0;
      margin-left: 0; }
  .column.omega, .column.alpha {
    margin-right: 0;
    margin-left: 0; }
  .slider {
    width: 320px;
    margin: 0 auto;
    overflow: hidden;
    height: 150px;
    color: white;
    padding: 0;
    position: relative;
    display: none; }
    .slider .purple-gradient {
      width: 100%;
      height: 150px; }
    .slider .info {
      position: absolute;
      bottom: 12px;
      left: 10px;
      font-size: 10px;
      width: 380px;
      text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); }
      .slider .info h1 {
        color: white;
        font-size: 16px;
        line-height: 20px;
        margin-right: 30px;
        margin-bottom: 0.2em; }
      .slider .info p {
        margin: 0;
        font-weight: 700; }
      .slider .info a {
        color: white;
        font-weight: 700; }
    .slider .left {
      top: 0;
      left: 0;
      background-position: left top; }
    .slider .right {
      top: 0;
      right: 0;
      background-position: right top; }
    .slider img {
      margin: 0;
      padding: 0;
      position: absolute;
      bottom: 0;
      width: 100%; }
    .slider .slides {
      position: absolute;
      padding: 0;
      margin: 0;
      width: 9999px; }
      .slider .slides li {
        float: left;
        margin: 0;
        position: relative;
        width: 320px;
        height: 150px; }
    .slider .indicator {
      position: absolute;
      bottom: 10px;
      right: 5px;
      background-color: transparent;
      margin: 0;
      height: auto; }
      .slider .indicator li {
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: -32px bottom;
        background-color: transparent;
        display: block;
        float: left;
        margin: 2px;
        cursor: pointer; }
        .slider .indicator li.selected {
          background-position: left bottom; }
  .home-events-list {
    margin: 0 auto;
    width: 240px; }
  ul.dropdown {
    width: auto; }
  .stories .storybutton {
    position: relative;
    display: block;
    float: none;
    height: 127px;
    width: 209px;
    clear: both; }
    .stories .storybutton .title {
      bottom: 0;
      position: absolute; }
  .bearyLandArea img {
    width: auto;
    max-width: 320px; }
  div.featuredStoryArea {
    position: relative; } }

.contentArea .row ul, .contentArea ul.event-details {
  list-style: none;
  padding-left: 0; }

.footer {
  background: none repeat scroll 0 0 #323232;
  clear: both;
  color: white;
  padding: 10px 30px 80px;
  margin-top: 10px; }
  .footer h1, .footer a {
    color: white;
    text-decoration: none; }

hgroup h1 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 50px;
  padding-bottom: 20px;
  margin-bottom: 14px;
  color: #5c3092;
  border-bottom: 3px dotted #5c3092;
  clear: both; }

.search .search-button {
  cursor: pointer; }

.home-events-list .event .eventInfo h2 {
  padding: 5px 10px; }
  .home-events-list .event .eventInfo h2 + h2 {
    font-weight: bold; }
    .home-events-list .event .eventInfo h2 + h2 + p + h2 {
      font-weight: bold; }

.middle .container {
  background-image: none;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 20px; }

.featuredStoryArea img {
  width: 200px;
  height: 190px;
  float: left;
  border-radius: 10px;
  margin-top: 5px; }

.row img {
  margin: 0; }

td label.toplabel {
  width: 170px; }

.listTable td {
  padding: 0 3px; }

span.underline {
  text-decoration: underline; }

span.italic {
  font-style: italic; }

div.image_tn {
  float: left;
  margin-left: 12px; }

div.image_tn img {
  margin: 0px;
  max-width: none; }

/*alpha donors list styles*/
.listNav {
  margin: 0 0 10px; }

.ln-letter-count {
  text-align: center;
  font-size: 0.8em;
  line-height: 1;
  margin-bottom: 3px;
  color: #336699;
  top: 135px !important; }

.donorListWrapper {
  margin: 25px 15px 15px 15px; }
  .donorListWrapper .listNav .ln-letters {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #5c3092;
    clear: both;
    overflow: hidden; }
    .donorListWrapper .listNav .ln-letters a {
      font-size: 0.9em;
      display: block;
      float: left;
      padding: 3px 8px;
      /*border:1px solid silver;*/
      border: 1px solid white;
      border-right: none;
      text-decoration: none; }
    .donorListWrapper .listNav .ln-letters a.ln-last {
      /*border-right:1px solid silver;*/
      border-right: 1px solid white; }
    .donorListWrapper .listNav .ln-letters a:hover, .donorListWrapper .listNav .ln-letters a.ln-selected {
      /*background-color:#eaeaea;*/
      background: #5c3092;
      color: white; }
    .donorListWrapper .listNav .ln-letters a.ln-disabled {
      color: #ccc; }
    .donorListWrapper .listNav .ln-letters a.ln-disabled:hover {
      color: #ccc;
      background: white;
      cursor: default; }
    .donorListWrapper .listNav .ln-letters a.ln-disabled.ln-selected {
      background: white;
      border: 1px dotted #5c3092; }
  .donorListWrapper #donorList {
    padding: 3px;
    margin-bottom: 20px;
    margin-top: 20px; }
    .donorListWrapper #donorList div {
      float: left;
      width: 200px;
      padding: 3px; }
    .donorListWrapper #donorList li.ln-no-match {
      list-style: none; }

pre.chili {
  margin-bottom: 2em; }

/*alpha donors list styles*/
.videoDiv {
  top: 3%;
  left: 50%;
  z-index: 1002;
  display: inline-block;
  position: fixed;
  border-style: solid;
  border-width: 5px; }

.videoBackground {
  background: #000;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1001; }

div.textPageBody ul li {
  list-style-type: disc; }

.subContents {
  display: flex;
  flex-wrap: wrap;
  padding-left: 90px;
  max-width: 950px;
  margin: auto; }

.subContent {
  min-width: 280px; }

.subContent img {
  margin: 0;
  max-width: 100%;
  height: auto; }

.subContent p {
  margin: 0; }

