/*
	This file overrides bootstrap defaults
	and adds new, custom classes that we need
*/


body {
  font-family: 'Open Sans', sans-serif;
}

a {
	-o-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-webkit-transition: all .15s linear;
	transition: all .15s linear;
}

header {
	padding: 10px 0;
	}
	
header .donate a {
	font-size: 18px;
	font-weight: 600;
	margin-top: 25px;
	}
	
.social {
	font-size: 20px;
	padding-top: 50px;
	}
	
div.social > div {
	margin-top: 3px;
	}

	
li.social {
	padding-top: 0;
	text-align: center;
	}
	
li.social a {
	display: inline-block;
	}
	
.social a {
	text-decoration: none;
	color: #7b1115;
	}
	
.social a:hover, .social a:active {
	text-decoration: none;
	opacity: .6;
	color: #7b1115;
	}
	

.navbar {
	background: #fff;
	font-size: 14px;
	/* make navbar bottom margin flush with jumbotron - kevin */
	/* I commented this out. Some day, the jumbotron might 
	be one clickable element. You don't want clickable elements that close together 
	MJ 7/20/14 */
	/* margin-bottom: 0px; */
	}
	
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
	background-color: #7b1115;
	color: #fff;
	}
	
.navbar-default .navbar-nav li:hover > a {
	color: #555;
	background-color: #e7e7e7;
	}

.navbar-brand {
	float: none;
	}

.navbar-toggle{
	background: #7b1115;
	border-color: transparent !important;
	}
.navbar-toggle:hover, .navbar-toggle:focus {
	background-color: rgba(123, 17, 21, .6) !important;
	}
navbar-toggle:active {
	background-color: rgba(123, 17, 21, .6) !important;
	border-color: #7b1115;
	
	}	
.navbar-toggle .icon-bar {
	background: #fff !important;
	}
	
.navbar-collapse {
	max-height: inherit;
	}
	
.navbar-form {
	margin-top: 0;
	}
	
.navbar .list-unstyled li {
	padding-left: 10px;
	}
	
.navbar .list-unstyled li:first-child {
	padding-left: 0px;
	}
	
.navbar .list-unstyled li p {
	margin-bottom: 5px;
	}
	
.navbar .list-unstyled a {
	display: block;
	padding: 5px 5px 5px 10px;
	}
	
.navbar-default .navbar-nav li.social:hover > a {
	background: transparent;
	}
	
.social li {
	float: left;
	margin-right: 5px;
	}
	
.social li:last-child {
	margin-right: 0;
	}
	
.navbar-collapse {
	overflow-x: hidden;
	}
	
ul#menu-social-icons-1 li {
	float: left;
	}
	
ul#menu-social-icons-1 li a {
	display: inline-block;
	border-radius: 35x;
	color: #7b1115;
	}
	
ul#donate li a {
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 7px;
	color: #fff;
	font-weight: 600;
	}
	
.yamm-content h4 {
	border-bottom: 1px solid #ccc;
	}
	
.home-features a.feature-image {
	border-radius: 50%;
	border: 1px solid transparent;
	color: #fff;
	background: #666;
	font-size: 40px;
	display: inline-block;
	height: 60px;
	width: 60px;
	}
	
.home-features a.feature-image:hover {
	background: #869435;
	border-color: #5d681d;
	}
	
.home-features i {
	font-size: 36px;
	margin-right: -3px;
	}
	
.home-features p {
	text-align: left;
	}
	
.bg {
	position: absolute;
	width: 100%;
	/*max-height: 380px; */
	height: 100%;	
	top:0;
	left:0;
	z-index: -1;
	/*overflow-y: hidden;*/
	
	/* border: 5px solid #333; 
	border-left: none;
	border-right: none; */
}
@media (min-width: 1200px) {
	.bg > img {
		top: -162px;
	}
}
@media (min-width: 768px) and (max-width: 1200px){
	.bg > img {
		top: -75px !important;
	}
	
}
@media (max-width: 768px) {
	.bg > img {
		top: -30px;
	}
}

.bg-top-shadow {
	background: url(/img/top-shadow.png) repeat-x 50% 0;
	height: 9px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	}

.bg > img {
	width: 100%;
	position: absolute;
	
	}
	
.jumbotron {
	max-height: 380px;
	min-height: 172px;
	color: #FFF;
	text-shadow: #000 0.3em 0.3em 0.3em;
	background: transparent; 
	margin-bottom: 30px;
  }
  
.jumbotron a {
	text-shadow: none;
	}
  
 .jumbotron-container {
	position: relative;
	border: 5px solid #333;
	border-left: none;
	border-right: none;
	overflow: hidden;
	height: 454px;
	margin-bottom: 50px;
	}
	
.jumbotron-container .row-fluid {
	overflow: hidden;
	}
	
.jumbotron h1 {
	font-weight: normal;
	text-shadow: 1px 1px 11px #FFF;
	color: #000;
	padding-top: 50px;
	}
	
	
.jumbotron p {
	font-weight: 600;
	text-shadow: #000 0em 0em .6em;
	}
	
	/*possible fix on mobile incompatibility of original jumbotron */
	
.mobilejumbo {
	background: transparent;
	/* max-height: 380px; */
	/*min-height: 172px; */
	/*width: 100%; */
	color: #FFF;
	text-shadow: 1px 1px .7px #000;
	margin-bottom: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	/* Make the width and height 100% so it will take up entire area no matter what size it is */
	width: 100%;
	height: 100%;
			}	
.mobilejumbo h2 {
	margin-top: 20px;
	margin-bottom: 5px;
	color: #000;
	text-shadow: 1px 1px 1px #FFF;
	}
.mobilejumbo p {
	font-size: small;
	margin-bottom: 10px;

	}
	
.relative {
	position: relative !important;
	}


	
	
	
#secondary {
	float: right !important;
	width: 100% !important;
	display: none;
	}
	
footer {
	background: #666;
	color: #eee;
	padding: 50px 0 10px 0;
	font-size: 14px;
	clear: both;
	}
	
footer .row > div {
	padding-bottom: 20px;
	}
	
footer .row > div:last-child {
	padding-bottom: 0;
	}
	
footer li {
	padding: 0 0 5px 10px;
	}
	
footer li:first-child {
	padding-bottom: 0;
	}
	
footer h4 {
	/* border-bottom: 1px solid #ccc;
	padding: 0 0 5px 5px; */
	margin-top: 0;
	overflow: hidden;
	line-height: 23px;
	font-size: 18px;
	}
	
footer h4:after {
	background: #ccc;
	content: "";
	width: 100%;
	height: 1px;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
	margin: 0 -200% 0 0;
	left: 20px;
	bottom: 12px;
}

footer h5 {
	display: inline;
	}
	
footer a {
	color: #eee;
	text-decoration: underline;
	}
	
footer a:hover {
	color: #bbb;
	}
	
footer .blog-posts small {
	display: block;
	}
	
footer .blog-posts li {
	height: auto;
	padding-bottom: 5px;
	overflow: hidden;
	}
	
footer .blog-posts li:last-child a {
	text-decoration: none;
	}

footer .blog-posts h5 {
	margin-top: 0;
	font-size: 14px;
	font-weight: normal;
	}
	
footer .blog-posts a:hover img {
	opacity: .8;
	}
	
footer .blog-posts img {
	float: left;
	}
	
footer .twitter {
	font-size: 12px;
	}
	
footer .twitter li {
	height: auto;
	overflow: hidden;
	}
	
footer .twitter small {
	font-size: 75%;
	color: #999;
	}
	
footer .twitter small a {
	color: #999;
	}
	
footer .twitter li:first-child {
	padding-bottom: 17px;
	}
	
.sub-footer {
	background: #333;
	color: #fff;
	padding: 15px 0 0 0;
	font-size: 12px;
	}
	
.sub-footer a, .sub-footer a:hover {
	color: #fff;
	}
	
.sub-footer .social {
	padding-top: 0;
	}
	
/* 3-level menu */ 
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-left-color: #666;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
	
.visible-xs .navbar-form {
	border: 0;
	}
.btn.btn-families {
	background: #7b1115;
	color: #fff;
	}
	
.btn.btn-families:hover, .btn.btn-families:active {
		background: #7b1115 !important;
	color: #fff !important;
	opacity: .6;

	}
	
.btn.btn-success {
	/*background: #869435 !important;   --new button color matches old page color layout better */
	background: #9ca457 !important;
	}
	

	
.btn.btn-success:hover {
	background: #9aab3a !important;
	color: #fff !important;
	border: 1px solid #54c354;
	
	/* test buzz */
	-webkit-animation-name: buzz;
  animation-name: buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
	}
	
/* Buzz Button Properties Copied From Hover.css - Kevin */	
/* Buzz */
@-webkit-keyframes buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.buzz {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.buzz:hover, .buzz:focus, .buzz:active {
  -webkit-animation-name: buzz;
  animation-name: buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*End Buzz */	

.inner-headline {
	background: #7b1115;
	color: #fff;
	}
	
.inner-headline h2 {
	margin: 0;
	font-weight: normal;
	text-transform: none;
	}
	
.breadcrumbs, .breadcrumbs a, .breadcrumbs, .breadcrumbs a:hover {
	color: #fff;
	font-size: 13px;
	}
	
.breadcrumbs, .breadcrumbs a:hover {
	opacity: .6;
	}
	
.breadcrumbs li {
	float: left;
	}
	
.breadcrumbs > span {
	float: left;
	}
	
.breadcrumbs li.breadcrumb-active {
	color: #ccc;
	font-size: 12px;
	padding-top: 1px;
	}
	
.custom-knobs {
	height: auto;
	overflow: hidden;
	background: url('../img/knob-bg.png') repeat-x;
	background-position: bottom;
	}
@media (min-width: 768px){
	.custom-knobs{
		background-color: #82a83d;
	}
}
.custom-knobs > div {
	text-align: center;
	/* border-right: 1px solid #333 */
	}

.custom-knobs > div:last-child {
	border-right: none;
	}
	
.custom-knobs p {
	margin-top: -50px;
	margin-bottom: 0;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	text-align: left;
	}
	
	
	/* custom tabs for "our story" page */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
  padding-left: 0;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
	-webkit-box-shadow: 0 0 8px rgba(148, 148, 148, 0.7);
	-moz-box-shadow: 0 0 8px rgba(148, 148, 148, 0.7);
	box-shadow: 0 0 8px rgba(148, 148, 148, 0.7);
	padding: 15px; 
	padding-left: 30px;
	z-index: 1;
	background: #FFF;
	
}

.tabs-below > .nav-tabs {
  /*border-top: 1px solid #ddd;*/
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
    color: #FFF;
  background: #799797;
  font-weight: 500;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}


.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
    color: #FFF;
  background: #799797;
  font-weight: 500;
}


.tabs-left > .nav-tabs {
  float: left;
  /*margin-right: 19px;	*/
  margin-right: 0px;
  margin-left: 0px;
  padding-right:0px; /*margin and padding changed for history chart */
  /*border-right: 1px solid #ddd; */
  padding-right: 1;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
 /* -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px; */
	-webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
  background: #799797;				/* change hover colors for tabs */
  text-shadow: .6px .6px 3px #FFF;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
  color: #FFF;
  background: #799797;
  font-weight: 500;
  -webkit-border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
          border-radius: 5px 5px 5px 5px;
	
	z-index: 2;
	min-width: 110px;
}



.nav-tabs > li > a {
	color: #FFF;
	/* background: rgba(123, 17, 21, .4); */
	background: rgba(121, 151, 151, .6);
}

.historychart{
	font-family: 'Open Sans', sans-serif;
	
}
.historychart img {
	/* margin-bottom: 10px; */
	padding: 20px; 
	display: block;
	max-width: 100%;
	/*height: auto; */
}
.historychart h1 {
	text-shadow: .5px .5px .5px #799797 !important;
	color: #9ca457 !important;
	text-align: center;
	
}
.historychart.panel-heading {
	/*background: rgba(121, 151, 151, .6); */
	background: red !important;
	color: #FFF;
}
@media (min-width: 992px) and (max-width: 1200px) {
	.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
		min-width: 100px;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
		min-width: 80px;
	}
}
@media (min-width: 1200px) {
	.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
		min-width: 115px;
	}
}

.panel-history {
  border-color: #ddd;
}
.panel-history > .panel-heading {
  color: #FFF;
  background-color: rgba(121, 151, 151, .6);
  border-color: #ddd;
  
}
.panel-history > .panel-heading a:hover {
	text-decoration: none;
	color: #FFF;
	text-shadow: .6px .6px 3px #FFF;
}
.panel-history > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd;
}
.panel-history > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}
.panel-history i {

	color: #9ca457;
	text-shadow: .6px .6px 4px #799797;
}


.tabs-top > .nav-tabs .active > a,
.tabs-top > .nav-tabs .active > a:hover,
.tabs-top > .nav-tabs .active > a:focus {
  /*border-color: #ddd transparent #ddd #ddd; */
  *border-right-color: #ffffff;
  color: #FFF;
  background: #799797;
  font-weight: 500;
}
.tabs-left{
	z-index: -1;
}

.tabs-left > .nav-tabs .active > a:after {
font-size: 30px;
color: #9ca457;
font-family: FontAwesome;
content: "\f06c";
display: block;
height: 62px;
width: 30px;
background: transparent;
position: absolute;
top: 0px;
right: -15px;
z-index: 3;
text-shadow: .6px .6px 4px #799797;
}


.mobiletabs {
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	font-size: 95% !important;
}




.main-contact-col{
	border: solid #000 1px;
	background: #799797;
	color: #FFF;
	margin-bottom: 30px;
	text-align: center;
	height: 400px;
	text-shadow: 1px 1px 1px #000;
	padding: 60px 30px 40px 30px;
}
.emergency-contact-col {
border: solid #000 1px;
background: #799797;
color: #FFF;
margin-bottom: 30px;
/*height: 400px; */
text-shadow: 1px 1px 1px #000;
padding: 20px 20px 30px 30px;
}
.emergency-contact-col p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

.contact-col {
	margin-top: 20px;
	margin-bottom: 20px;
	border: solid #000 1px;
	background: #799797;
	color: #FFF;
	padding: 20px;
	text-align: center;
	min-height: 300px;
	text-shadow: 1px 1px 1px #000;
	}
@media (min-width: 768px){
	.last-contact-col {
		margin-left: 30%;
	}
}
.officeloc {

}
.officedirectory {
	
}
@media (max-width: 768px){
	.officedirectory {
		font-size: 75%;
		word-wrap: break-word;
	}
}


.officedirectory3 {
	background: #a7c5c5;
}
.officedirectory2 {
	background: #e7e7e7;
	
	}

.officedirectory1 {
	background: #FFF;
}
.officeloc h1{
	border: solid #000 1PX;
text-align: center;
text-shadow: 1px 1px 1px #000;
color: #FFF;
background: #7b1115;
}
hr.team {
	display: block !important;
    border: 0 !important;
    height: 1px !important;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)) !important; 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)) !important; 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)) !important; 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)) !important; 
}
.teamthumbs{
}
.teamthumbs a {
	text-decoration: none;
	color: #000;
}
.teamthumbs a:hover, .teamthumbs a:active {
	text-decoration: none;
	color: #000;
	opacity: .6;
}
.teamthumbs p{
	
	padding-top: 25px;
	
	
}
.teamthumbs img{
	margin-right: 15px;
	border: 1px solid #000;
	max-height: 150px;
}

.board {
}
.board p {
	color: #666666;
}
.board h1{
	text-align: center;
	font-weight: 500;
}
.board h3 {
	font-weight: 500;
	margin-top: 10px;
	color: #7b1115;
}
.board strong {
	font-weight: 600 !important;
}
.employee-contact{
	
	max-width: 100%;
	color: #000;
	font-size: 80%;
	padding-right: 0px;
}
.employee-contact a{
	text-decoration: none;
	color: #000;
}
.employee-contact a:hover, .employee-contact a:active {
	text-decoration: none;
	color: #000;
	opacity: .8;
}
.employee-contact h6{
	margin-top: 10px;
	margin-bottom:0px;
}
.employee-contact p {
	margin-bottom: 10px;
}
.employee-contact .well {
	padding-top: 0px;
	padding-bottom: 0px;
}
.more-about {
	border: 1px solid #000;
	padding: 25px;
	padding-top: 30px;
	font-size: 15px;
	margin-top: 30px;
	}
@media (max-width: 768px) {
	.more-about {
		margin-top: -20px;
	}
}
.more-about-title {
	
	position: absolute;
	top: -25px;
	left: 10%;
	border: 1px solid #000;
	background: #FFF;
	font-size: 18px;
	padding: 5px;
}	
	
.more-about .row {
	margin-bottom: 20px;
}
.more-about p {
	margin-bottom: 0px;
}

.bioIMG {
	border: 1px solid #000;
	float: left;
	margin-right: 20px;
	
}
.bio {
	max-width: 300px;
}

.employee-title{
	margin-top: -20px;
	padding-left: 10%;
	
}
.employee-title h6{
	margin-top: 0px !important;
}
.employee-title h1{
	margin-bottom: 0px !important;
}
.nocontact {
	height: 30px !important;
	color: transparent !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
}

.get-involved-thumbs {
	width: 100% !important;
	display: inline-block;
	max-width: 100%;
	text-align: center;

}
.get-involved-thumbs img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: solid 1px #000;
	max-height: 250px;
	background: #7b1115;
	
	}
.get-involved-thumbs img:hover {
	background: #7b1115;
	opacity: .4;
}
div.get-involved-thumbs-title {
	text-align: center;
	width: 100%;
	word-wrap: break-word;
    /* width: 250px; ----commented out for bootstrap compatibility! */
	font-size: 20px;	font-weight: 600;	/*font-size: 14px; */
	/* border: 1px solid #777; */
	max-width:250px;
}

	div.get-involved-thumbs-title {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	.GI-thumb-image {
		margin-left:auto;
		margin-right:auto;
		max-width: 100%;
	}




.get-involved-thumbs a, .get-involved-thumbs a:hover {
	color: #799797;   /*	color: #777;*/
	text-shadow: 1px 1px #9ca457;
    text-decoration: none;
    /*text-overflow:ellipsis; */
    display: block;
    
    /* overflow: hidden;  commented out for new styling -- outside of box now so does not need to hide*/
	text-transform: uppercase;
}

/*.get-involved-thumbs p {
	font-size:14px;
	
	top: 20%;
	margin-left: auto;
	margin-right: auto;
	color: white;
	font-family: 'Open Sans', sans-serif;
	position: absolute;
	border: 0;
	 
	opacity: 0; 
	font-weight: 400;
	background: transparent;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}
*/
.GI-thumb-col p:hover{
	opacity: 1;
}
.GI-thumb-col col{
	
	float: left;
/*	width: 250px;*/
/*height: 250px;*/
	/* margin: 30px;  ----! commented for bootstrap compatibility */
	/* border: 1px solid #777; ---------! commented out for bootstrap*/
	position: relative;
	max-width: 250px !important;
	max-height: 250px !important;
	}
.GI-thumb-col{
	/* max-width: 280px !important; */
	 padding-bottom: 20px; 
	}
	
	
	

.GI-thumb-col img:hover { /*changed from .griditemleft:hover to griditemleft img:hover */
	background: rgba(123, 17, 21, .4);
	color: #FFF;
	}
.GI-thumb-image {
	position: relative;
	}

.GI-thumb-image,
.GI-thumb-image img {
	/*width: 250px; 
	height: 250px;  commented out for bootstrap compatibility! */
	background: #7b1115; 
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	max-width: 100%;
}


.GI-thumb-image:hover img{
	background: #7b1115;
	opacity: .4;
	

	}

div.GI-thumb-image /*:hover*/
	{
	max-width: 250px;
	max-height: 250px;
	/*background-color: #7b1115; */
	
	
	}
.GI-thumb-image p {
	padding: 15px;
	font-size: 14px;
	/* bottom: 0%; */
	top: 20%;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	position: absolute;
	border: 0;
	/* width: 80%; */
	opacity: 0;
	font-weight: 400;
	background: transparent;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	
	}
/*.GI-thumb-image img:hover{
	opacity:.4;
	}*/
.GI-thumb-image img:hover + p{
	opacity: 1;
	}
.GI-thumb-image p:hover
	{
	opacity: 1;
	}
.GI-thumb-image p:hover ~ img{
	opacity: .4;
	background: #7b1115;
	}
.GI-thumb-image p:hover 
/*.GI-thumb-image p:hover + div.GI-thumb-image{
	background-color:#7b1115;
	
	}
	*/
.GI-thumb-image p:hover ~ img
{
	opacity: .4;
}







.greenblock{
	background: #89b041;
	padding: 20px;
	width: 100%;
	border-radius: 10px;
	color: #FFF;
	font-weight: 600;
	text-shadow: 1px 1px 1px #000;
	padding-bottom: 1px;
}
.testimonial{
	background: #799797; 
	color: #FFF; 
	max-width: 75%; 
	float: right; 
	font-size: 85%;
	border-bottom: none;
	border-radius: 15px;
}
.testimonial p {
	position: relative;
	margin-bottom: 5px;
}
.testimonial p:after {
	content: "";
	position: absolute;
	bottom: -38px;
	left: 5%;
	border-width: 15px 15px 0;
	border-style: solid;
	border-color: #799797 transparent;
	display: block;
	width: 0;
}

.caption {
	font-size: 80%;
}


.volunteertop {
	border: 1px solid #000;
	border-radius: 15px;
	/*background: #82a83d;
	color: #FFF;
	text-shadow: 1px 1px 1px #000; */
	
	background: #e7e7e7;
	color: #799797;
	text-shadow: 1px 1px 1px #FFF;
	
	}
.volunteertop p {
	padding: 15px;
}
.volunteerbottom iframe {
	padding: 15px;
}

.volunteersocial {
	font-size: 250%;
	text-align: center;
	
}
.volunteersocial a 
{
	color: #799797;
}
.volunteersocial a:active, .volunteersocial a:hover {
	text-decoration: none;
	color: #e7e7e7;
	text-shadow: 1px 1px 1px #FFF;
}
.volunteercauserow {
	min-height:100px;
}

.volunteerbottom {
		/*border: 1px solid #000;
		border-radius: 15px; */
}

.volunteertop img {
	margin: 40px 10px 20px 0px;
	border: 1px solid transparent;
	border-radius: 15px;
	
}
@media only screen and (max-width: 480px) {
	.volunteertop img {
		margin: 0px;
	}
	.volunteertop p {
		padding: 5px !important;
	}
	.volunteerbottom iframe {
		padding: 0px;
	}
}
.volunteerbottom p {
	padding: 20px;
	font-size: 95%;
}
.volunteerabout{
	padding: 30px;
	border: 1px solid #000;
	border-radius: 15px;
	/*background: #82a83d;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	*/
		background: #e7e7e7;
	color: #799797;
	text-shadow: 1px 1px 1px #FFF;
}
.volunteerabout a{ 
	text-decoration: none;
	color: #799797;
}
.volunteerabout a:hover, .volunteer a:active {
	color: #e7e7e7;
}

.volunteerlinks {
	padding: 10px;
	margin-top: 30px;
	/*google dev color scheme playaround */
	/* background: #e7e7e7; */
	border-top: solid 1px #799797;
	border-right: solid 1px #799797;
	border-bottom: solid 1px #799797;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
		
	background: #82a83d;
	color: #FFF;
	/* text-shadow: 1px 1px 1px #000; */
}
.volunteerlinks h3 {
	text-shadow: 1px 1px 1px #000;
}
.volunteerlinks a {
	text-decoration: none;
	/* color: #000; */
	color: #FFF;
	
}
.volunteerlinks a:hover, .volunteerlinks a:active {
	text-decoration: none;
	color: #e7e7e7;
}
.volunteerlinks li:before {
	font-size: 20px;
	color: darkkhaki;
	font-family: FontAwesome;
	content: "\f06c";
	display: block;
	height: 62px;
	width: 30px;
	background: transparent;
	text-shadow: .6px .6px 4px #FFF;
	position: absolute;
	left: 2%;
}
@media(max-width:767px){
	.volunteerlinks {
		border: solid 1px #799797;
		border-radius: 15px;
	}
}

.donation-input {
	
}
.donation-input .tooltip-inner {
	max-width: 500px !important;
	min-width: 300px !important;
	font-size: 10px;
}
.donatesidebar {
	color: #799797;
	text-align: center;
	margin-top: -60px;
	}
.donatesidebar p {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 80%;
}
.donatesidebar h1 {
	
	margin-top: 0px;
	margin-bottom: 0px;
	color: gold;
	font-size: 22px;
}
.donatesidebar hr {
	margin-top:10px;
	margin-bottom: 10px;
	
}
@media (max-width: 480px) {
	.donatesidebar {
		margin-top: 20px;
	}
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
   -webkit-appearance: none !important;
   margin: 0 !important;
   display: none !important;
}
.donatenote {
	padding: 0px;
margin: 0;
margin-top: 5px;
position: absolute;
white-space: pre-wrap;
font-size: 12px;
color: #799797;
margin-left: -120px;
margin-right: -80px;
}

.nojobfeed {
	color: #799797;
	padding-left: 40px;
	font-size:90%;
}
.career-sidelinks {
	border: 1px solid #799797;
	border-radius: 15px;
	padding: 20px;
	
	}
.career-sidelinks ul {
	margin-bottom: 0px;
}
.career-sidelinks a {
	text-decoration: none;
	color: #799797;

}
.career-sidelinks a:hover, .career-sidelinks a:active {
	color: #e7e7e7;
	text-decoration: none;
}
.nonlink-button, .nonlink-button:hover, .nonlink-button:active, .nonlink-button:focus {

 cursor: default !important;

}
	
	
.EEO {
	font-size: 80%;
	margin: 20px;
	color: #799797;
}
.center-margin {
	margin-left:auto;
	margin-right: auto;
	display:block;
}
@media (max-width: 768px){
	.give-descriptions p {
		padding:15px;
	}
}

.give-buttons {
	margin-left:auto;
	margin-right:auto;
}
.give-title {
	background: #e7e7e7;
	border: 1px solid #799797;
}
.give-title h1 {
	margin: 0px;
	font-weight: 400;
	font-size: 24px;
	text-shadow: 1px 1px 1px #000;
}

.give-descriptions {
	
}
.give-descriptions p {
	color: #799797;
	font-size: 85%;
}
.give-descriptions img {
	border: 1px solid #000;
	max-width:250px;
}

.career-jumbotron {
	border-bottom: 2px solid #000;
	width: 100%;
}
.internships p {
	margin-top: 10px;
}



/*copied from thumbnailgrid.css */
.postimage {
	position: relative;
	}

.postimage,
.postimage img {
	/*width: 250px; 
	height: 250px;  commented out for bootstrap compatibility! */
	background: #7b1115; 
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}


.postimage:hover img{
	background: #7b1115;
	opacity: .4;
	

	}

div.postimage /*:hover*/
	{
	max-width: 250px;
	max-height: 250px;
	/*background-color: #7b1115; */
	border: 1px solid #777;
	/*border-bottom: 0;    changed for new styling...*/
    position: relative;
    margin: 0 auto;
	
	}
.postimage p 
	{
	font-size:14px;
	/*bottom: 0%; */
	top: 20%;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	position: absolute;
	border: 0;
	/*width:80%; */  
	/*opacity: 0; */
	font-weight: 400;
	background: transparent;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	
	}
	
	
	
	
	
	
/*.postimage img:hover{
	opacity:.4;
	}*/
#thumbnail {}
div.postimage:hover .hovertext {
	opacity: 1;
	}
.hovertext {
	opacity: 0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	
}
.postimage p:hover
	{
	opacity: 1;
	}
.postimage p:hover ~ img{
	opacity: .4;
	background: #7b1115;
	}
.postimage p:hover 
/*.postimage p:hover + div.postimage{
	background-color:#7b1115;
	
	}
	*/
.postimage p:hover ~ img
{
	opacity: .4;
}
div.postimage-title
{
 	text-align: center;
	width: 100%;
	word-wrap: break-word;
    /* width: 250px; ----commented out for bootstrap compatibility! */
	font-size: 20px;	font-weight: 600;	/*font-size: 14px; */
	/* border: 1px solid #777; */
	/*max-width:250px;*/
	
}
@media (max-width: 480px) {
	/*div.postimage-title {
		font-size: 16px;
	} 
	.postimage p:hover {
		display: none;
	} */
}
/*
@media (max-width: 400px) {
	div.postimage-title {
		font-size: 12px;
	}
}*/


div.postimage-title a
{
    
	color: #799797;   /*	color: #777;*/
	text-shadow: 1px 1px #9ca457;
    text-decoration: none;
    /*text-overflow:ellipsis; */
    display: block;
    white-space: nowrap;
    /* overflow: hidden;  commented out for new styling -- outside of box now so does not need to hide*/
	text-transform: uppercase;
	
}
div.postimage-title a:hover{
		/* background-color: rgba(123, 17, 21, .4);
		color: white; commented out for new styling */

	}
.griditem
{
    /*width: 250px;*/
    /* height: 250px; ----commented out for bootstrap compatibility*/
     
}
.griditemleft col{
	
	float: left;
/*	width: 250px;*/
/*height: 250px;*/
	/* margin: 30px;  ----! commented for bootstrap compatibility */
	/* border: 1px solid #777; ---------! commented out for bootstrap*/
	position: relative;
	max-width: 250px !important;
	max-height: 250px !important;
	}
.griditemleft{
	/* max-width: 280px !important; */
	 padding-bottom: 20px;
	}
	
	
	}

.griditemleft img:hover { /*changed from .griditemleft:hover to griditemleft img:hover */
	background: rgba(123, 17, 21, .4);
	color: #FFF;
	}
/*.griditemleft:hover a
	{
	background: transparent;
	color:white;
	}*/

/*2.0 Enable center thumbnail grid*/
.thumbnailblock
{
    width: 100%;
    text-align: center;
}
.thumbnailgridcontainer
{
	width: 100%;
    display: inline-block;
}
.thumbnailgridcontainer col 
{
max-height: 250px;
max-width: 250px;
}


.thumbnailgridcontainer:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 0; }

@media (max-width: 480px) {
	.postimage p {
		visibility: hidden !important;
	}
	div.postimage-title {
		font-size: 12px !important;
		}
	
}

/*End center thumbnail grid*/




.searchpage img {
	display: none !important;
}
.searchpage article {
	margin-bottom: 0px !important;
}
.searchpage h1 {
	font-weight: 500;
}
.searchpage a {
	color: #7b1115 !important;
	text-decoration: none !important;
}
.searchpage a:hover, .searchpage a:active {
	color: #7b1115 !important;
	opacity: .5 !important;
}
.twitterwidget img {
	display: none !important;
}
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
  display: none;
}
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.programbenefits {
		
		padding: 15px;
		
}
.program {
	max-width: 100%;
}
.program img {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000;
}

.programfaqs a {
	text-decoration: none;
	color: #7b1115;
}
.programfaqs a:hover, .program a:focus, .program a:active {
	text-decoration: none;
	color: #7b1115;
	opacity: .6;
}
.programbenefits a {
	text-decoration: none;
	color: #7b1115;
}
.programbenefits a:hover, .program a:focus, .program a:active {
	text-decoration: none;
	color: #7b1115;
	opacity: .6;
}
.programresources li:before {
	content: none !important;
}
.programresources a {
	text-decoration: none;
	color: #7b1115;
}
.programresources:hover, .program a:focus, .program a:active {
	text-decoration: none;
	color: #7b1115;
	opacity: .6;
}
.program h6 {
	color: #7b1115;
	margin-top: 0px;
}
.program h5 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.program li:before {
	font-family: 'FontAwesome';
	content: '\f06c';
	color: #9ca457;
	margin: 0 5px 0 -15px;
}
.programrequirements {
	border: 1px solid #000;
	padding: 15px;
}
@media (max-width: 768px) {
	.programrequirements {
		border: none;
		padding: 0;
		font-size: 90%;
	}
}
.ways-contact {
	margin-top: 0px;
	
	color: #000;
}
.ways-contact img {

	margin-bottom: 10px;
}
@media (max-width: 768px) {
	.ways-contact img {
			margin-left: auto;
	margin-right: auto;
	}
}

.ways-contact h6 {
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: 500;
font-size: 110%;

}
.ways-contact a, .ways-contact a:hover, .ways-contact a:active, .ways-contact a:focus {
	text-decoration: none;
	color: #000;
}
.programresources {
	
}
.programresources ul:before {
		display: none;
}
.programgraphic-container {
	text-shadow: 1px 1px 1px #000;
	width: 100%;
	padding: 15px;
	background: #e7e7e7;
	color: #FFF;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.programgraphic-container h3 {
	text-align: center;
}
.programgraphic-container h1 {
	font-size: 100px;
	margin-top: 100px;
	display: inline-block;
}
.programgraphic-box {
	box-shadow: 5px 5px 30px #000;
	text-align: center;
	/* min-height: 250px; */
	background: #799797;
	padding-top: 25%;
	padding-bottom: 20%;
}
.programgraphic-container>.col {
	padding: 30px !important;
}

@media (min-width: 1200px){
	.box-col {
		padding: 30px;
	}
	.programgraphic-box {
		/* min-height: 250px; */
		padding-left: 30px;
		padding-right: 30px;
	}
	.programgraphic-box:before {
		text-shadow: 1px 1px 8px #000;
		position: absolute;
		top: 30%;
		right: 94%;
		font-size:75px;
	}
	.lastbox {
		font-size: 150%;
		}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.box-col {
		padding: 25px;
	}
	.programgraphic-box {
		padding-left: 20px;
		padding-right: 20px;
		min-height: 200px;
	}
	.programgraphic-box:before {
		
		position: absolute;
		top: 30%;
		right: 94%;
		font-size:65px;
	}
	.lastbox {
		font-size: 120%;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.box-col {
		padding: 25px;
	}
	.programgraphic-box {
		min-height: 150px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 12px;
	}
	.programgraphic-box:before {
		
		position: absolute;
		top: 30%;
		right: 94%;
		font-size:50px;
	}
	.lastbox {
		font-size: 100%;
	}
}
@media (min-width: 480px) and (max-width: 768px) {
	.box-col {
		margin-bottom: 40px;
		padding: 40px;
	}
	.programgraphic-box {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 25%;
		padding-bottom: 20%;
		font-size: 130%;
	}
	.programgraphic-box:before {
		
		position: absolute;
		top: -30%;
		right: 45%;
		font-size:100px;
	}
	.lastbox {
		font-size: 175%;
	}
}
@media (max-width: 480px) {
	.box-col {
		margin-bottom: 40px;
		padding: 30px 0px 30px 0px;
		
	}
	.programgraphic-box {
		padding-left: 20px;
		padding-right: 20px;
		min-height:200px; 
		padding-top: 25%;
		padding-bottom: 20%;
	}
		.programgraphic-box:before {
		
		position: absolute;
		top: -35%;
		right: 40%;
		font-size:100px;
	}
}
.lastbox {
	font-weight: 600;
}
.firstbox:before {
	content: " ";
}
.middlebox:before {
	content: "+";
}
.lastbox:before {
	content: "=";
}



.program-partners {
	color: #7b1115;
	margin: 30px;
	padding: 20px;
	max-width: 100%;
	/* border: 1px solid #000; */
	text-shadow: 1px 1px 1px #799797;
}
.program-partners h6{
	font-size: 26px;
	text-align: center;
}
.program-partners img {
	margin: 10px;
	max-width: 125px;
	max-height: 75px;
	display: inline;
}
.article-vid-container {
width: 100%;
max-width: 100%;
/*background: #799797; */
color: #FFF;

margin-bottom: 40px;
padding-bottom: 30px;
margin-left: 0px;
margin-right: 0px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;

/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #799797 0%, #E7E7E7 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #799797 0%, #E7E7E7 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #799797 0%, #E7E7E7 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #799797), color-stop(1, #E7E7E7));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #799797 0%, #E7E7E7 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #799797 0%, #E7E7E7 100%);
}

.article-vid-container h1 {
	text-shadow: 1px 1px 1px #000;
}	

.article-vid-container i {
	color: #7b1115;
	font-size: 500%;
	
}
.article-vid-container img {
border: 1px solid #000;
	
	
}
.article-play {
	text-align: center;
}
.article-vid-container a {
	text-decoration: none;
	color: #FFF;
}
.article-vid-container a:hover, .article-vid-container a:focus, .article-vid-container a:active {
	color: #e7e7e7;
	text-shadow: 1px 1px 1px #FFF;
}

#placeholder {
    width: 500px;
    height: 300px;
}

.finance-chart {}

.finance-chart h1 {
	/*font-size: 16px;
border: 1px solid black;
margin: 0px;
font-weight: 600;
color: lightslategrey;
text-align: center;
box-shadow: 1px 1px 8px #000;
*/
font-weight: 600;
color: #7b1115;
text-shadow: 1px 1px 1px #000;
font-size: 20px;
}
.finance-chart h2 {
	margin: 10px;
text-decoration: underline;
font-size: 18px;
font-weight: 600;
color: #e7e7e7;
text-shadow: 1px 1px 1px #000;
}

.finance-chart p {
	font-size: 80%;
	margin-top:10px;
	
}
/*.finance-chart p:before {
	font-family: FontAwesome;
	content: "\f0eb";
	font-size: 800%;
	float: left;
	display: inline-block;
	margin-right: 15px;
}
*/
.finance-chart .pieLabel {
	/*border:1px solid black;font-size:8pt;text-align:center;padding:2px;color:white;
	background: grey; */
	
}
/*.finance-chart .legend {
	position: relative;
	top: 50%;
	left: 60%;
	font-size:80%;
}*/
.finance-chart table, .finance-chart caption, .finance-chart tbody, .finance-chart tfoot, .finance-chart thead, .finance-chart tr, .finance-chart th, .finance-chart td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


.annual-report {
	
}
.annual-report p {
color: #FFF;
text-shadow: 1px 1px 1px #000;
padding: 0px 5px 0px 5px;
margin:0;
}


.legendColorBox {
	width: 1px;
}
.legendLabel {
	padding-left: 4px !important;
}

.annual-report-container {
	width: 100%;
max-width: 100%;
box-shadow: 1px 1px 13px;
background: #799797;
padding-bottom: 30px;
}


.report-container {
	margin-bottom: 5px;
	text-align: center;
	/*max-width:85%;*/
	margin-left: auto;
	margin-right:auto;
	border: 1px solid #000;
	background: #e7e7e7;
	}
.report-container img {
	border-top: 1px solid #000;
}
.outcomes-header  {
	/*text-shadow: 1px 1px 1px#000;
margin-bottom: 30px;
border: 1px solid black;
margin: 0px;
font-weight: 600;
color: lightslategrey;
text-align: center;
box-shadow: 1px 1px 8px #000;
display: inline-block;
padding: 5px;
*/
font-weight: 600;
color: #7b1115;
text-shadow: 1px 1px 1px #000;
}

.program-numbers {
	margin-top: 10px;
	
background: #799;
color: #FFF;
border-radius: 20px;
padding: 20px;
padding-top: 0px;
box-shadow: 1px 1px 15px #000;
}
.program-numbers h5 {
	font-weight: 600;
	text-shadow: .6px .6px .6px #000;
}
.program-value {
font-weight: 600;
font-size: 130%;
text-align: center;

color: #7b1115;
text-shadow: 1px 1px 1px #FFF;
}
.outcomes-title {
	/*
display: inline;
margin-bottom: 30px;
border: 1px solid black;
margin: 0px;
font-weight: 600;
color: lightslategrey;
text-align: center;
box-shadow: 1px 1px 8px #000;
padding: 5px;
text-shadow: .6px .6px .6px black;
*/
color: #7b1115;
text-shadow: 1px 1px 1px #000;

font-size: 154%;
font-weight: 600;
}


.demographics {
	
}
.finance-testimonials img {
	float: left;
	max-height:250px;
	border: 1px solid #000;
}
.finance-testimonial-right-image {
	float: right !important;
	margin-top:-30px;
	margin-bottom:-30px;
}
.fin-test {
	
}
@media (min-width: 1200px) {
	.fin-test {
		float: left !important;
	}
	.fin-test img {
		border: 1px solid #000;
		float: left;
		max-height: 250px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.fin-test {
		float: left !important;
	}
	.fin-test img {
		border: 1px solid #000;
		float: left;
		max-height: 250px;
	}
	.fin-test p {
		margin-top: 40px !important;
	}
}
@media (min-width: 768px) and (max-width: 992px) {

}
@media (max-width: 768px) {

}

.finance-testimonials p {
	background: #799797;
	padding: 15px;
	color: #FFF;
	border: 1px solid #000;
	border-radius: 15px;
	margin-top:50px;
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #799797 0%, #E7E7E7 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #799797 0%, #E7E7E7 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #799797 0%, #E7E7E7 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #799797), color-stop(1, #E7E7E7));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #799797 0%, #E7E7E7 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #799797 0%, #E7E7E7 100%);

	text-shadow: .6px .6px .6px #000;
}
.center {
	text-align: center;
}
.fin-test-p {
	font-size: 85%;
}


.fin-test-image {
	border-radius: 75px;
}
.pieLabelBackground {

}

#chartLegend .legendLabel {
	padding:5px;
}
.annual-report a {
	font-weight: 600;
	color: #7b1115;
}
.annual-report a:hover, .annual-report a:active, .annual-report a:focus {
	color: #7b1115;
	text-decoration: none;
	opacity: .5;
}
.report-container a, .report-container a:hover, .report-container a:focus, .report-container a:active {
	color: #000;
	text-decoration: none;
	opacity: 1;
	font-weight: normal;
	font-size: 85%;
}
.statbox {
	border: 1px solid #000;
	color: #FFF;
	background: #799797;
	padding: 25px;
	
}
.statbox p{
	margin: 0px;
	
}
.statbox strong {
	color: #7b1115;
}
.adoptafamthumbs img {
	border: 1px solid #000;
	
	}
.adoptafamthumbs a, .adoptafamthumbs a:hover, .adoptafamthumbs a:focus, .adoptafamthumbs a:active {
	text-decoration: none;
	color: #000;
	text-align: center;
	display: block;
}
.adoptafamcontent {
	
}
.adoptafamcontent strong{
	color: #7b1115 !important;
}
.adoptafamcontent p{
	margin: 10px !important; 
}
.adoptafam-links {
	padding: 10px;
	
	/*google dev color scheme playaround */
	/* background: #e7e7e7; */
	border: solid 1px #799797;
	border-radius: 15px;
	
		
	background: #799797;
	color: #FFF;
	/* text-shadow: 1px 1px 1px #000; */
}
.adoptafam-links h3 {
	text-shadow: 1px 1px 1px #000;
}
.adoptafam-links a {
	text-decoration: none;
	/* color: #000; */
	color: #FFF;
	
}
.adoptafam-links a:hover, .volunteerlinks a:active {
	text-decoration: none;
	color: #e7e7e7;
}
.adoptafam-links li:before {
	font-size: 20px;
	color: darkkhaki;
	font-family: FontAwesome;
	content: "\f06c";
	display: block;
	height: 62px;
	width: 30px;
	background: transparent;
	text-shadow: .6px .6px 4px #FFF;
	position: absolute;
	left: 2%;
}
.holiday-checklist {}
.holiday-checklist p {
	margin-bottom: 10px !important;
	}

.holiday-header {
	margin-top: -30px;
	margin-bottom: 30px;
	width:100%;
	max-width: 100%;
	border-bottom: 1px solid #000;
}
@media (min-width: 992px)
{
	.holiday-header {
		max-width:40%;
		margin:20px;
		margin-top:0px;
		border: 1px solid #000;
		float:left;
	}
}
.holiday-box {
	border: 1px solid #000;
	box-shadow: 1px 1px 20px;
	margin: 10px;
	padding:10px;
}
.holiday-box button {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.holiday-checkbox {
	
	border-radius: 4px !important;
	margin: 15px !important;
}
.holiday-headline {
margin-bottom: 10px;
margin-left: -10px;
font-weight: 600;
color: #7b1115;
}
.bottom-text {
	color: #799797;
	font-size: 90%;
	margin-top: 20px;
}
.holiday-panel {}
.holiday-panel h4 {}

.holiday-panel a:hover, .holiday-panel a:active, .holiday-panel a:focus {
	color: #799797 !important;
	text-decoration: none;
}
@media (max-width: 480px){
	.holiday-panel {
		font-size: 90%;
	}
	.holiday-panel h4 {
		font-size: 14px !important;
	}
}

.program-numbers .g text {
	font-size: 70% !important;
}
#mapcontainer {
    /*height: 500px; 
	min-width: 310px; 
    max-width: 800px; */ 
	width: 100%;
	height:auto;
    margin: 0; 
}
.loading {
    margin-top: 10em;
    text-align: center;
    color: gray;
}
.program-block {
	
}
.program-block p {
	margin-bottom: 10px;
}
.program-block ul {
	margin-left: 30px;
}
.program-block h6 {
	color: #7b1115;
	margin: 0px;
	margin-bottom: 5px;
	font-size: 20px;
	
}
.program-contact{
	background: #799797;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	padding: 20px;
	text-align: center;
	border-radius: 20px;
	box-shadow: 1px 1px 20px #000;
}
.program-list {}
.program-list h1 {
	border: 1px solid #000;
	background: #799797;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	padding: 5px 10px 5px 10px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
.program article {
	margin: 0 auto 0px;
}


.program-map {
	width: 100%;
background: #799797;
padding-bottom: 35px;
}
.program-map #maptext {
	text-align: center;
/* padding: 20px 20px 30px 40px; */
color: #FFF;
text-shadow: 1px 1px 1px #000;
font-size: 110%;
}
.program-map #maptext-header {
	text-align: center;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	font-weight: 600;
	margin-bottom: 20px;
}
.program-map #maptext a{
	text-align: center;
padding: 20px 20px 30px 40px;
color: #FFF;
text-shadow: 1px 1px 1px #000;
font-size: 110%;
}
.program-map #maptext p {
	margin-bottom: 10px;
}
.program-map #maptext a:hover {
	text-align: center;
/*padding: 20px 20px 30px 40px; */
color: #e7e7e7;
text-shadow: 1px 1px 1px #000;
font-size: 110%;
}


.program-counties {
	margin: 0px;
	width: 100%;
	padding:30px 30px 30px 30px;
	background: #799797;

}

.program-counties p {
	text-align: center;
	color: #FFF;
	text-shadow:1px 1px 1px #000;
	
}


.program-counties h1 {
	color: #FFF;
	margin-bottom: 10px;
	margin-top: 0px;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
}
.program-counties img {
	margin-bottom: 5px;
	box-shadow: 1px 1px 20px #000;
	display:block;
	border: 1px solid #000;
	max-height: 250px;
	margin-left:auto; margin-right: auto;
	margin-top: 5px;
	}
.foster-top {
	

}
.foster-top img {
	border: 1px solid #000;
	margin-right: auto;
	margin-left:auto;
}
.foster-top a {
	text-decoration: none;
	color: #FFF;
	
}
.foster-top a:hover, .foster-top a:active, .foster-top:focus {
	text-decoration: none;
	opacity: .6;
	color: #FFF;
}

.foster-top li {
	
	margin-bottom: 5px;
	border-radius: 15px;
margin-bottom: 5px;
background: olivedrab;
padding: 10px;
text-align: center;
color: #FFF;
text-shadow: 1px 1px 1px #000;
box-shadow: 1px 1px 1px sandybrown; 
}
.steps {}
.steps h5 {
	color: #7b1115;
	text-align: center;
	text-shadow: 1px 1px 1px black;
	font-size: 22px;
}
.steps h6 {
	color: #7b1115;
}
.foster {}
.foster article {
	margin-bottom: 0px;
}
.foster-testimonial-p {
	font-size: 85%;
position: absolute;
bottom: -30px;
background: #7b1115;
padding: 5px;
border-radius: 10px;
color: #FFF;
padding-left: 15px;
padding-right: 15px;
text-shadow: 1px 1px 1px #000;
box-shadow: 1px 1px 5px #000;
margin-left: 20px;
}
.program2{}
.program2 h6 {
	font-weight: 600;
	text-shadow: .6px .6px .6px #000;
	color: #7b1115;
	text-align: center;
}
.program2 p {
	font-size: 95%;
}
.program2-imgbox {
	height: auto;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.program2-imgbox {
		height: 240px;
	}
	.program2-imgbox img {
		max-height: 100% !important;
	}
}
.program2 img {
	border: 1px solid #000;
	margin-right: auto;
margin-left: auto;
max-height: 300px; 
}
.program2-bottom {
	color: #FFF;
font-size: 85%;
margin-top: 20px;
background: #799797;
padding: 30px;
border: 1px solid #000;
text-align: center;
}
.articlemargin0 article {
	margin: 0px !important; 
}

.top-contact {
	margin-top: 0px;
	
	color: #000;
}
.top-contact h6 {
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: 500;
font-size: 110%;

}
.top-contact a, .top-contact a:hover, .top-contact a:active, .top-contact a:focus {
	text-decoration: none;
	color: #000;
}


@media (max-width: 768px) {
	.top-contact {
		font-size: 90%;
	}

}
@media(max-width: 350px){
	.top-contact {
			font-size: 80%;
			margin-left: -30%;
		}
	
}


.get-help {
	color: #FFF;
	border: 1px solid #000;
	background: #799797;
	padding: 50px 50px 20px 50px;
	margin-bottom: 30px;
}
.get-help p {
	margin: 0px;
}

.help-box {
	border: 1px solid #000;
	padding: 0px 30px 0px 30px;
	margin: 20px 0px 20px 0px;
}
.help-box h6 {
	margin: 20px 0px 0px 0px;
	font-weight: 600;
}
.help-link, .help-link:hover, .help-link:active, .help-link:focus {
	text-decoration: none;
	color: #000;
}


.img-border {
	border: 1px solid #000;
}
.advocacy-content {}
.advocacy-content strong {
font-weight: 600;
color: #7b1115;
text-shadow: 1px 1px 1px #000;
margin-bottom: 12px;
}
.advocacy-header {
font-weight: 600;
color: #7b1115;
text-shadow: 1px 1px 1px #000;
margin-top: 15px;
}
.advocacy-content article {
	margin-bottom: 20px;
}
.advocacy-content p {
	margin-bottom: 10px;
}
.advocacy-search form {
	margin-top: 10px;

}
.advocacy-search {
		margin-bottom: 20px;
}
.adoption-box {
	margin-bottom:20px;

}
@media (min-width: 768px) {
.col-sm-3:not(:first-child) .adoption-box, .col-sm-4:not(:first-child) .adoption-box, .col-sm-6:not(:first-child) .adoption-box {
	padding: 0px 20px 20px 30px;
    border-left: 1px solid #ddd;   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

}

.adoption-box img {
	max-height: 150px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.adoption-box p {
	margin-bottom: 0px;
}
.adoption-box strong {
color: #799797;
text-shadow: 1px 1px 1px #000;
}
.adoption-box li:before {
	font-family: 'FontAwesome';
	content: '\f06c';
	color: #9ca457;
	margin: 0 5px 0 -15px;
}
.PAS {
	display: block;
}
.PAS h6 {
color: #799797;
text-shadow: 1px 1px 1px #000;
font-size: 20px;
}

.PAS-sponsor {
display: inline-block;
background: #7b1115;
border-radius: 10px;
padding: 5px 10px 5px 10px;
color: #FFF;
margin: 5px;
text-shadow: .6px .6px .6px #000;
font-size: 90%;
}

.PAS-image {
	
	max-width: 100%;
	max-height: 100%;
	margin: 10px;
	border: 1px solid #000;
	margin-left:auto;
	margin-right:auto;
	
}
.inkind {}
.inkind h1 {
text-align: center;
margin: 20px 0px 5px;
color: #7b1115;
text-shadow: 1px 1px 1px #000;
}
.program-panel a:hover, .program-panel a:active {
	color: #799797 !important;
}
.program-panel p {
	margin-bottom: 5px;
}
.program-panel li:before {
font-family: 'FontAwesome';
content: '\f06c';
color: #9ca457;
margin: 0 5px 0 -15px;
}
.gallery-thumb {
	max-width: 72px;
	max-height: 72px;
}



.btn-help {
  color: #FFF;
  background-color: #799797;
  border-color: #ccc;
}

.btn-help:hover,
.btn-help:focus,
.btn-help:active,
.btn-help.active,
.open .dropdown-toggle.btn-help {
  color: #FFF;
  background-color: #93a7a7 !important;
  border-color: #adadad;
}
.btn-help:active,
.btn-help.active,
.open .dropdown-toggle.btn-help {
  background-image: none;
}
.btn-help.disabled,
.btn-help[disabled],
fieldset[disabled] .btn-help,
.btn-help.disabled:hover,
.btn-help[disabled]:hover,
fieldset[disabled] .btn-help:hover,
.btn-help.disabled:focus,
.btn-help[disabled]:focus,
fieldset[disabled] .btn-help:focus,
.btn-help.disabled:active,
.btn-help[disabled]:active,
fieldset[disabled] .btn-help:active,
.btn-help.disabled.active,
.btn-help[disabled].active,
fieldset[disabled] .btn-help.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-help .badge {
  color: #fff;
  background-color: #799797;
}
.dining-galleries h5 {
	text-align: center;
text-shadow: 1px 1px 4px #FFF;
background: #808080;
font-weight: 600;
padding: 10px;
border: 1px solid #000;
box-shadow: 1px 1px 10px;
}

/* NEW JUMBOTRON CLASSES */

.jumbotron-text {
	position: absolute;
	max-width: 50%;
}
.jumbotron-text h1 {
	font-weight: normal;
	color: #000; 
	margin: 0px;
}
.jumbotron-img {
	width: 100%;
	border-bottom: 5px solid #000; 
	border-top: 5px solid #666666;
}
.jumbotron-button {
	position: absolute;
}

@media (max-width: 400px) {
	.jumbotron-text {
		max-width: 65%;
		top: 4%;
	}
	#jumbo-left {
		left: 1% !important;
	}
	#jumbo-right {
		right: 1% !important;
	}
	.jumbotron-text h1 {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 5px;
		text-shadow: 1px 1px 1px #FFF;
		
	}
	.jumbotron-button {
		left: 10%;
	}
	
}

@media (min-width: 400px) and (max-width: 480px) {
	.jumbotron-text {
		top: 10%;
		
	}
	#jumbo-left {
		left: 3% !important;
	}
	#jumbo-right {
		right: 3% !important;
	}
	
	.jumbotron-text h1 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 10px;
		text-shadow: 1px 1px 1px #FFF;
	}
	.jumbotron-button {
		left: 20%;
	}
}

@media (min-width: 480px) and (max-width: 768px) {
	.jumbotron-text {
		
		top: 15%;
	}
	#jumbo-left {
		left: 5% !important;
	}
	#jumbo-right {
		right: 5% !important;
	}
	.jumbotron-text h1 {
		font-size: 20px;
		margin-bottom: 10px;
		text-shadow: 1px 1px 2px #FFF;
	}
	.jumbotron-button {
		left: 20%;
	}
}


@media (min-width: 768px) and (max-width: 992px) {
	.jumbotron-text {
		
		top: 20%;
	}
	#jumbo-left {
		left: 5% !important;
	}
	
	#jumbo-right {
		right: 5% !important;
	}
	.jumbotron-text h1 {
		font-size: 28px;
		margin-bottom: 10px;
		text-shadow: 1px 1px 6px #FFF;
	}
	.jumbotron-button {
		left: 20%;
	}
}



@media (min-width: 992px) {
	.jumbotron-text {
		
		top: 20%;
	}
	#jumbo-left {
		left: 5% !important;
	}
	
	#jumbo-right {
		right: 5% !important;
	}
	.jumbotron-text h1 {
		text-shadow: 1px 1px 11px #FFF;
		font-size: 42px;
		margin-bottom: 20px;
	}
	.jumbotron-button {
		left: 20%;
	}
}

@media (min-width: 1200px) {

	.jumbotron-text h1 {
		
		font-size: 50px !important;
		
	}

}

@media (min-width: 768px) {
	#board-accordion {
		margin-top: 50px;
	}

}
@media (min-width: 768px) {
	.demographics ul {
		padding: 0px;
	}
	.demographics li {
		font-size: 95%;
	}
}
.finance-chart text, .demographics text {
	opacity: 1 !important;
	font-weight: 600;
	text-shadow: 1px 1px 5px #FFF;
	/* font-size: 95%; */
	font-size: 75%;
}
@media (min-width: 768px) {
.col-sm-3:not(:first-child) .program2-borderbox, .col-sm-4:not(:first-child) .program2-borderbox, .col-sm-6:not(:first-child) .program2-borderbox {
	padding: 0px 20px 20px 30px;
    border-left: 1px solid #ddd;   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.program2-col {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
}
.infowindow {
	    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
}
.infowindow a, .infowindow a:hover, .infowindow a:focus, .infowindow a:active {
	text-decoration: none;
	color: #799797;
}
.border-box {
border: 1px solid #000;
margin: 10px 0px 10px 0px;
padding: 10px;
}

.border-box h1 {
	margin: 0px;
}
.border-box h2 {
	color: #7b1115;
	margin: 0px;
}
.border-box p {
	margin: 0px;
}




@media (min-width: 1200px){
.border-box h2 {
	color: #7b1115;
	margin: 10px 0px 10px 0px;
	}
.border-box h1 {
	margin: 10px 0px 10px 0px;
}
.border-box p {
	margin: 10px 0px 10px 0px;
}
}
.event-info {}
.event-info img {
	border: 1px solid #000;
}
@media (min-width: 768px) and (max-width: 992px) {
.border-box {
	border: 1px solid #000;
	margin-top: 0px !important;
/* margin: 10px 0px 10px 0px; */
padding: 10px;
border-radius: 0px 0px 20px 20px;
border-top: 0px;
}
}
@media (max-width: 768px) {
	.border-box {
		border: none;
		margin-top: 0px;
		margin-bottom:0px;
	}
	.border-box hr {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.border-box h2 {
		margin-bottom: 10px;
	}
}
.event-info a, .event-info a:hover, .event-info a:active, .event-info a:focus {
	color: #000;
	text-decoration: none;
}

.success-box {
	
	border-radius: 20px;
	padding: 10px;
	/*margin: 5px;*/
	background: #e7e7e7;
	margin: 5px -10px 5px -10px;
}
.success-box img {
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
}
.success-box h5 {
	margin-top: 20px;
}
.success-box a{
	display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.success-box p {
	margin-bottom: 10px;
}
.success-box a, .success-box a:hover, .success-box a:focus, .success-box a:active {
	text-decoration: none;
}

.cochairs {}
.cochairs h1 {
	text-align: center;
	color: #7b1115;
	text-shadow: 1px 1px 1px #000;
	margin-top: 10px;
	}

.cochairs h5 {
	margin: 20px 0px 10px 0px;
	color: #7b1115;
	text-shadow: 1px 1px 1px #000;
	}

.cochairs p {
	margin: 0;
	color: #666666;
}


.left-caption {
	float: left;
	margin-left: 20%;
	color: #666666;
}
.right-caption {
	float: right;
	margin-right: 20%;
	color: #666666;
}
@media (max-width: 768px) {
	.left-caption {
		margin-left: 0;
	}
	.right-caption {
		margin-right: 0;
	}
}



.cochair-imagebox {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.cochair-imagebox  img{
	border: 1px solid #000;
}




#map-canvas {
	color: #000;
}
#map-canvas p {
	margin: 0;
}
.vol-graphic {
	font-size: 120%;
	text-align: center;
}
.vol-graphic  img{
	margin-left: auto;
	margin-right: auto;

}
.vol-graphic a {
	color: #799797;
	text-shadow: 1px 1px 1px #000;
}

.vol-graphic a:hover, .vol-graphic a:active, .vol-graphic a:focus {
	text-decoration: none;
	color: #a1baba;
}

@media (max-width: 480px) {
	.vol-graphic {
		font-size: 90%;
	}
}


.vol-groups {
	/*border: 1px solid #000; */
}
.vol-groups img {
	border: 1px solid #000;
}
.oppHeader {
	color: #7b1115;
	text-shadow: 1px 1px 1px #000;
	font-size: 30px;
	text-align: center;
}
#groupsHeader {
	color: #799797;
text-shadow: 1px 1px 1px #000;
font-size: 22px;
}

#home-stat-section {
	background-color: #82a83d;
	margin-top:20px;
	margin-bottom: 40px;
}
#home-stat-container h1 {
	padding-top: 30px;
color: #FFF;
text-shadow: 1px 1px 1px #000;
margin-top: 0px;
text-align: center;
font-size: 30px;
}
.border {
	border: 1px solid #000;
}

@media (min-width: 768px) {
.col-sm-3:not(:first-child) .numbers-borderbox, .col-sm-4:not(:first-child) .numbers-borderbox, .col-sm-6:not(:first-child) .numbers-borderbox {
	padding: 0px 10px 10px 20px;
    border-left: 1px solid #ddd;   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}
#map-canvas { 
height: 100%; 
margin: 0; 
padding: 0;
}
.donation-drive{
	max-width: 100%;

}
.donation-drive h3 {
color: #666;
font-weight: 600;
text-shadow: 1px 1px 1px #000;
margin-bottom: 15px;
}
.donation-drive img {
	margin-left: auto !important;
	margin-right: auto !important;
}
@media (max-width: 768px){
	.donation-drive h3 {
		text-align: center;
	}
	}
	
.wwd-box {
	border: 1px solid #000;
	margin-bottom:30px;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	padding:35px 35px 0px 35px;
}
.wwd-box h2 {
	margin-top: 0px;
	text-align: center;
}
@media (max-width: 768px){
	.wwd-box {
		border-left: none;
		border-right: none;
		padding-left: 20px;
		padding-right: 20px;
	}
}
#sustain-box {
	background: #799797;
}
#sustain-box .get-involved-thumbs-title a, #sustain-box .get-involved-thumbs-title a:hover, #sustain-box .get-involved-thumbs-title a:active, #sustain-box .get-involved-thumbs-title a:focus {
	color: #7b1115;
text-shadow: 1px 1px 1px #FFF;
}

#connect-box {
	background: #666666;
}
#strengthen-box {
	background: #e7e7e7;
	color: #799797;
	text-shadow: 1px 1px 1px #000;
}
.impact-areas {}
.impact-areas img { 
	border: 1px solid #000;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.impact-areas p {}


.volunteer-partner img {
	max-height: 150px;
	max-width: 200px;
}

a.btn.btn-families {
text-shadow: none;
}

.historytab {
	overflow: auto;
}

.historychart table, .historychart tr, .historychart td {
	border: none;
}
.historychart table {
	margin-left: auto;
	margin-right: auto;
}

#adoptionform {
	
}
@media (max-width: 768px){
	#adoptionform {
		padding-left: 0;
		padding-right: 0;
		border-radius: none;
		
	}
	div.foster-form {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding-top: 10px;
		padding-bottom: 10px;
		border-radius: 0;
		
	}
}
@media (min-width: 768px){
	div.foster-form {
		border: 1px solid black;
		border-radius: 20px;
	}
}
div.foster-form {
padding: 0px 30px 20px 30px;

background: #e7e7e7;
}

.success-storyIMG {
	text-align: center;
}
@media (min-width: 768px){
.success-storyIMG {
	max-width: 33%;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
}
@media (max-width: 768px){
	.success-storyIMG {
		max-width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.success-storyIMG img {
		margin-left: auto;
		margin-right: auto;
	}
}


#successboxes {
    width: 1200px;
    margin: 0 auto;
}
 
/*Media Queries*/
@media only screen and (max-width : 1199px),
only screen and (max-device-width : 1199px){
    #successboxes {
        width: 1000px;
    }
}
 
 
@media only screen and (max-width : 999px),
only screen and (max-device-width : 999px){
    #successboxes {
        width: 800px;
    }
}
 
@media only screen and (max-width : 799px),
only screen and (max-device-width : 799px){
    #successboxes {
        width: 600px;
    }
}
 
@media only screen and (max-width : 599px),
only screen and (max-device-width : 599px){
    #successboxes {
        width: 400px;
    }
}
 
@media only screen and (max-width : 399px),
only screen and (max-device-width : 399px){
    #successboxes {
        width: 200px;
    }
}

.foster-form h5, .foster-form h6 {
	margin-top: 0px;
}

div.chadwick-bubble {
background: #e7e7e7;
border-radius: 30px;
padding: 30px;
margin-bottom: 30px;

}
.chadwick-bubble img {
	border-radius: 15px;
	}

.partners-section {}
.partners-section p{
	margin-bottom: 10px;
}
.partners-section ul {
	margin-left: auto;
margin-right: auto;
/* text-align: center; */
max-width: 400px;
}

.chart-topimg {
	text-align: center;
}
.chart-topimg .chartimg{
	display: inline-block;
}
.chartimg div {
	font-size: 12px;
	color: #333333;
	text-align: center;
	margin-bottom: 5px;
}
.chartimg img {
	margin-left:auto;
	margin-right: auto;
	max-height: 250px;
}

@media (min-width: 530px) and (max-width: 768px){
	.chartimg img {
		max-width: 250px;
	}
}
@media (max-width: 530px){
	.chartimg img {
		max-width: 100%;
	}
	.historychart .pull-left, .historychart .pull-right {
		float: none !important;
	}
}




/*Merged CSS FILES FOR SEO HERE */

/* pizza.css styles */
[data-pie-id] > *:nth-child(7n+1), [data-bar-id] > *:nth-child(7n+1), [data-line-id] > *:nth-child(7n+1) {
  color: #f23d3d; }
[data-pie-id] > *:nth-child(7n+2), [data-bar-id] > *:nth-child(7n+2), [data-line-id] > *:nth-child(7n+2) {
  color: #f02121; }
[data-pie-id] > *:nth-child(7n+3), [data-bar-id] > *:nth-child(7n+3), [data-line-id] > *:nth-child(7n+3) {
  color: #e61010; }
[data-pie-id] > *:nth-child(7n+4), [data-bar-id] > *:nth-child(7n+4), [data-line-id] > *:nth-child(7n+4) {
  color: #cf0e0e; }
[data-pie-id] > *:nth-child(7n+5), [data-bar-id] > *:nth-child(7n+5), [data-line-id] > *:nth-child(7n+5) {
  color: #ba0d0d; }
[data-pie-id] > *:nth-child(7n+6), [data-bar-id] > *:nth-child(7n+6), [data-line-id] > *:nth-child(7n+6) {
  color: #a70c0c; }
[data-pie-id] > *:nth-child(7n+7), [data-bar-id] > *:nth-child(7n+7), [data-line-id] > *:nth-child(7n+7) {
  color: #960b0b; }

#pie, #donut, #bar {
  max-height: 450px; }


svg {
  width: 100%;
  height: auto; }

.tooltip {
  margin-left: -5px;
  border-radius: 3px;
  padding: 5px; }

ul[data-pie-id] {
  list-style: none;
  padding: 10px; }

  /*!
 * Yamm!3
 * Yet another megamenu for Bootstrap 3
 * 
 * http://geedmo.github.com/yamm3
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.yamm .yamm-content {
  padding: 20px 30px;
  width: 550px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
/*--------------------------------------------------------------------*/


/*Styles-responsive.css */
@media (max-width: 500px) {
	header .donate a {
		font-size: 12px;
		margin-top: 40px;
		}
	}
	
@media (max-width: 768px) {
	.yamm-content {
		width: 100% !important;
		}
		
	.yamm-content .list-unstyled {
		border-right: 1px solid #ccc;
		}
		
	.yamm-content .list-unstyled * {
		padding-left: 0 !important;
		}
		
	.yamm-content .col-xs-4:last-child .list-unstyled {
		border: none;
		}
		
	.navbar .list-unstyled  li {
		padding-right: 5px;
		}
		
	.yamm-content .nav-tabs > li {
		border-bottom: none;
		float: none;
		padding: 0 3px;
	}
	
	.jumbotron-container {
		height: auto;
		}
	
	.bg > img {
		min-height: 100%;
		}
}

@media (max-width: 991px) and (min-width: 768px){
	.navbar-nav > li > a {
		padding: 15px 10px;
		}
		
	ul#donate li a {
		/* margin-top: 0; */
		}
}

@media (max-width: 1007px) {

	.custom-knobs {
		background: #82a83d;
		}

}

@media (max-width: 783px) {

	.custom-knobs > div {
		padding-bottom: 20px;
		}

}


/* normalize.css for pizza pie charts */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: yellow;
  color: black; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button, select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

div#soliloquy-container-3039 {
	margin-left: auto;
	margin-right: auto;
}

div#soliloquy-container-3039 li:before {
	content: '';
}

.homepage-slider article.hentry {
	margin: 0;
	padding: 0;
}

.homepage-slider {
	background: #000;
	
}