@import url(http://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;
}

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;
}

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;
  height: 400px;
  color: white;
  padding: 0;
  position: relative;
  height: 501px;
}

.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;
  height: 400px;
  height: 501px;
}

.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: 400px;
}

.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: auto;
}

.slider.crossfade .slides li {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: auto;
  height: 400px;
}

.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;
}

.story {
  margin-bottom: 2em;
  position: relative;
  margin-bottom: 1em;
}

.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;
}

.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;
}

.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 (min-width: 1921px) {
  .slider {
    height: 505px;
  }
  .slider.slide {
    max-width: 1920px;
  }
  .slider.slide .slides li {
    height: 505px;
  }
  .slider img {
    height: 505px;
  }
}

@media only screen and (max-width: 1920px) {
  .slider {
    height: 501px;
  }
  .slider img, .slider.slide .slides li {
    height: 501px;
  }
  .slider.secondary {
    height: 353px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 353px;
  }
}

@media only screen and (max-width: 1650px) {
  .slider {
    height: 430px;
  }
  .slider img, .slider.slide .slides li {
    height: 430px;
  }
  .slider.secondary {
    height: 303px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 303px;
  }
}

@media only screen and (max-width: 1367px) {
  .slider {
    height: 350px;
  }
  .slider img, .slider.slide .slides li {
    height: 350px;
  }
  .slider.secondary {
    height: 247px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 247px;
  }
}

@media only screen and (max-width: 1300px) {
  .slider {
    height: 335px;
  }
  .slider img, .slider.slide .slides li {
    height: 335px;
  }
  .slider.secondary {
    height: 234px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 234px;
  }
}

@media only screen and (max-width: 1280px) {
  .slider {
    height: 335px;
  }
  .slider img, .slider.slide .slides li {
    height: 335px;
  }
  .slider.secondary {
    height: 234px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 234px;
  }
}

@media only screen and (max-width: 1200px) {
  .slider {
    height: 310px;
  }
  .slider img, .slider.slide .slides li {
    height: 310px;
  }
  .slider.secondary {
    height: 217px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 217px;
  }
  div.container, div.contain {
    max-width: 960px;
  }
  div.homeFeatureStoryFeed {
    width: 47%;
  }
  div.featStory {
    width: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .slider {
    height: 265px;
  }
  .slider img, .slider.slide .slides li {
    height: 265px;
  }
  .slider.secondary {
    height: 185px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 185px;
  }
}

/*@media only screen and (max-width: 1023px) {
}*/
@media only screen and (max-width: 995px) {
  .slider {
    height: 255px;
  }
  .slider img, .slider.slide .slides li {
    height: 255px;
  }
  .slider.secondary {
    height: 157px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 157px;
  }
  #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.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;
  }
  .slider {
    height: 245px;
  }
  .slider img, .slider.slide .slides li {
    height: 245px;
  }
  .slider.secondary {
    height: 171px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 171px;
  }
  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 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: 905px) {
  .slider {
    height: 230px;
  }
  .slider img, .slider.slide .slides li {
    height: 230px;
  }
  .slider.secondary {
    height: 161px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 161px;
  }
}

@media only screen and (max-width: 880px) {
  .slider {
    height: 225px;
  }
  .slider img, .slider.slide .slides li {
    height: 225px;
  }
  .slider.secondary {
    height: 158px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 158px;
  }
}

@media only screen and (max-width: 860px) {
  .slider {
    height: 220px;
  }
  .slider img, .slider.slide .slides li {
    height: 220px;
  }
  .slider.secondary {
    height: 154px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 154px;
  }
}

@media only screen and (max-width: 840px) {
  .slider {
    height: 215px;
  }
  .slider img, .slider.slide .slides li {
    height: 215px;
  }
  .slider.secondary {
    height: 151px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 151px;
  }
}

@media only screen and (max-width: 815px) {
  .slider {
    height: 210px;
  }
  .slider img, .slider.slide .slides li {
    height: 210px;
  }
  .slider.secondary {
    height: 147px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 147px;
  }
}

@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%;
    height: 185px;
  }
  .slider .slides {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 9999px;
  }
  .slider .slides li {
    float: left;
    margin: 0;
    position: relative;
    width: 720px;
  }
  .slider img, .slider.slide .slides li {
    height: 185px;
  }
  .slider.secondary {
    height: 130px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 130px;
  }
  .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: 640px) {
  .slider {
    height: 165px;
  }
  .slider img, .slider.slide .slides li {
    height: 165px;
  }
  .slider.secondary {
    height: 115px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 115px;
  }
}

@media only screen and (max-width: 630px) {
  .slider {
    height: 161px;
  }
  .slider img, .slider.slide .slides li {
    height: 161px;
  }
  .slider.secondary {
    height: 113px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 113px;
  }
}

@media only screen and (max-width: 620px) {
  .slider {
    height: 158px;
  }
  .slider img, .slider.slide .slides li {
    height: 158px;
  }
  .slider.secondary {
    height: 111px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 111px;
  }
}

@media only screen and (max-width: 600px) {
  .slider {
    height: 150px;
  }
  .slider img, .slider.slide .slides li {
    height: 150px;
  }
  .slider.secondary {
    height: 105px;
  }
  .slider.secondary img, .slider.secondary.slide .slides li {
    height: 105px;
  }
  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;
  }
}

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

.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;
}

/*# sourceMappingURL=stollery.css.map */* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */