body {
	background:url(../new/images/stjo-homebg.png) repeat 0 0;
	font-family:"Lato",Helvetica,Arial,sans-serif;
	font-size:100%;
	line-height:100%;
	color:#0053a0;
}
h1, .h1 {
    font-size: 4.8em;
    margin: 20px 0px;
	color: #363636;
line-height: 105% !important;
}
h2, .h2 {
	font-size:3.6em;
}
h3, .h3 {
	font-size:2.5em;
	color:#363636;
}
h4, .h4 {
    font-size: 2.2em;
    line-height: 36px;
}
p {
	font-size:1.4em;
	line-height:1.8em;
}
.btn {
	color:#ffffff;
	text-transform:uppercase;
	border-radius:0px;
	font-weight:bold;
}
.btn:hover {
	color:#ffffff;
}
.container img {
	max-width:100%;
	height:auto;
}
P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-size: 10pt;
}
A:link {
	color:#007bdb;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
/****************** top nav custom CSS ***************************/
.navbar {
	border:none;
	min-height:50px;
}
.topNav {
	margin-bottom:0px;
}
.search input.form-control {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
.searchButton {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin-left: -32px;
}
.navbar-nav li a {
	font-size:1.1em;
	color:#707070;
}
.login {
	background:none repeat scroll 0 0 #b2b1b1;
	margin-right:5px;
}
.navbar-nav li.login a {
	color:#ffffff;
	text-transform:uppercase;
	padding:15px 30px;
	font-size:1.4em;
}
.nav .login a:hover, .nav .login a:focus {
	background:#9a9696;
}
.donate {
	background:none repeat scroll 0 0 #c80a1a;
}
.donate:hover {
	background:none repeat scroll 0 0 #980511;
	text-decoration:none;
}
.navbar-nav li.donate a {
	color:#ffffff;
	text-transform:uppercase;
	padding:15px 30px;
	font-size:1.4em;
}
.nav .donate a:hover, .nav .donate a:focus {
	background:#d91d42;
	text-decoration:none;
}
.sponsor {
	background:#f4cf27;
	color:#000000;
}
.sponsor:hover {
    background: none repeat scroll 0 0 #0055A1;
}
.submit {
    background: none repeat scroll 0 0 #FED51B;
	color:#000000;
}
.navbar .col-lg-4, .navbar .col-lg-8 {
    margin: 0;
    padding: 0;
}
.navbar-form.navbar-left {
    margin-left: 0;
    padding-left: 0;
}
.navbar .container {
	margin:0 auto;
	padding-left:0px;
	padding-right:0px;
}
/* top nav responsive */

/****************************mainNav CSS *************************/
#bigCarousel .container {
	position:relative;
}
nav {
	position:absolute;
	top:2px;
	left:0px;
	width:100%;
}
a.brand {
	float:left;
	opacity:1;
	margin-left:15px;
}
ul.meganav-mobile {
	display:none;
}
ul.meganav {
    background:#0053a0;
	background-color:rgba(0, 83, 160, 0.7);
	height:72px;	
	list-style:none;
}
.meganav li {
    color: #FFFFFF;
    float:left;
    font-size: 1.4em;
	line-height:22px;
	font-weight:bold;
    padding: 18px 20px 10px;
    text-transform: uppercase;
	width:167px;
	background: url(../new/images/meganav_border_03.png) no-repeat bottom left;
	position:relative;
}
.meganav li.first {
	padding-top:40px;
}
.meganav li.last {
	border-right:none;
	padding-top:40px;
}
.meganav li a {
	color:#ffffff;
	font-weight:300;
}
.meganav li:hover {
	background:#007bdb;
}
.meganav li:hover .nav_slide {
	display:block;
}
li.first .nav_slide {
    background: none repeat scroll 0 0 #007BDB;
    min-height: 240px;
    left: 0px;
    position: absolute;
    top: 72px;
    width: 830px;
	display:none;
}
li.second .nav_slide {
    background: none repeat scroll 0 0 #007BDB;
    min-height: 240px;
    left: -167px;
    position: absolute;
    top: 72px;
    width: 830px;
	display:none;
}
li.third .nav_slide {
    background: none repeat scroll 0 0 #007BDB;
    min-height: 240px;
    left: -334px;
    position: absolute;
    top: 72px;
    width: 830px;
	display:none;
}
li.fourth .nav_slide {
    background: none repeat scroll 0 0 #007BDB;
    min-height: 240px;
    left: -501px;
    position: absolute;
    top: 72px;
    width: 830px;
	display:none;
}
.nav_slide_image {
    height: 200px;
    margin: 20px;
    width: 265px;
}
.nav_slide img {
    border: 1px solid #0053A0;
}
.cta {
	float:left;
	width:260px;
}
.cta p {
    font-size: 18px;
    font-weight: 300;
    text-transform: none;
	margin-top:10px;
	color:#FFFFFF;
	line-height:30px;
}
.sub-nav ul {
    float: left;
    list-style: none outside none;
    width: 250px;
	padding:10px;
}
.sub-nav li {
    font-size: 13px;
    width: 250px;
	padding:5px 5px 5px 20px;
	background: url(../new/images/meganav_border_03.png) no-repeat bottom left;
}
.sub-nav li:hover {
	background: url(../new/images/meganav_border_03.png) no-repeat bottom left;
}



/**************************** slideshow css *********************/
.container.grayBgd {
    padding: 2px 0;
}
.carousel-caption {
    background-color: rgba(21, 27, 32, 0.6);
    height: 195px;
    left: 63%;
    margin: 0;
    padding: 0;
    top: 53%;
    width: 400px;
	text-shadow:none;
}
.bigpic-caption {
    background-color: rgba(21, 27, 32, 0.6);
    bottom: 20px;
    color: #FFFFFF;
    height: 240px;
    left: 1%;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 50%;
    width: 400px;
    z-index: 10;
}
.slide-cta {
    padding: 15px;
}
.slide-cta h2 {
    margin: 0;
    padding: 0;
	/* font-family:"Merriweather Sans", sans-serif; */
}
.slide-cta p {
	font-size:2.4em;
	line-height:1.7em;
	color:#ffffff;
	/* font-family:"Merriweather Sans", sans-serif; */
}
.bigpic-caption .slide-cta h2 {
	font-size: 1.8em;
	text-transform:uppercase;
	color:#dddbdb;
	margin-bottom:10px;
	/* font-family:"Merriweather Sans", sans-serif; */
}
.bigpic-caption .slide-cta p {
	font-size:3.0em;
	line-height:40px;
	color:#ffffff;
	/* font-family:"Merriweather Sans", sans-serif; */
}
.carousel-caption .blockLink.donate {
    color: #FFFFFF;
    display: block;
    font-size: 1.4em;
    padding: 5px;
    text-align: center;
	text-transform:uppercase;
}
.bigpic-caption .blockLink.donate {
    color: #FFFFFF;
    padding: 15px;
    text-align: center;
	text-transform:uppercase;
	margin-left:15px;
	text-decoration:none;
}
.item .bigpic {
    margin-top: 0;
}

/******** email Signup section of carousel ********/
.emailSignup {
    padding: 10px;
}
.emailSignup ol {
    margin: 0;
    padding: 0;
	float:left;
}
.emailSignup p {
    color: #FFFFFF;
    font-size: 1.7em;
    line-height: 1.2em;
    margin: 0;
    padding: 5px 0;
    text-transform: uppercase;
	letter-spacing:.025em;
}
.emailSignup input {
    background: none repeat scroll 0 0 #C9C9C9;
    border: 1px solid #807E7E;
    padding: 9px;
	font-family:'Merriweather', sans-serif;
	font-size:1.3em;
	margin-right:4px;
	width:23%
}
input#cons_email {
    width: 35%;
}
.emailSignup .emailAddress {
    width: 190px;
}
.btn.submit {
	line-height:1;
	padding:9px 12px;
	vertical-align:top;
	background: none repeat scroll 0 0 #FED51B;
}
.btn.submit:hover {
	background:#0055A1;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 0;
	margin-top:-20px;
	padding-top:25px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: transparent;
	background-image: url(../new/images/slideshow-current.png);
	background-repeat: no-repeat;
	background-position: 43px -1px;
    border-color: transparent;
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
}
.pagination > li > a, .pagination > li > span {
    background-color: transparent;
    border:transparent;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px;
    position: relative;
    text-decoration: none;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: transparent;
	background-image: url(../new/images/slideshow-current.png);
	background-repeat: no-repeat;
	background-position: 43px -1px;
	color:#ffffff;
}
.pagination > li > a, .pagination > li > span {
    background-color: none;
    border: none;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 6px;
    position: relative;
    text-decoration: none;
	margin-top:-20px;
	padding-top:25px;
}
.emailSignup .col-lg-6 {
    width: 55%;
	padding:0px;
}
/**************************** sections CSS ***********************/
section {
	margin:15px 0px 20px;
}
section p {
	font-size:1.8em;
	line-height:2em;
	color:#555;
	text-align:left;
}
#stories .carousel-inner {
	margin-left:4px;
}
#stories .col-lg-4 {
	text-align:center;
	margin:15px 0px;
}
.story {
	border:1px solid #e6e6e6;
	padding:15px;
}
.story h3 {
	text-align:left;
	font-weight:400;
}
.story p {
	line-height:24px;
}
#storiesCarouselDesktop .carousel-control.left {
    background: url("../new/images/our_stories_nav_07.png") no-repeat scroll 0 0 transparent;
    /* color: #E3DFDF;
    font-size: 150px; */
    height: 67px;
    left: -1%;
    position: absolute;
    top: 43%;
    width: 25px;
	text-shadow:none;
	opacity:1;
}
#storiesCarouselDesktop .carousel-control.right {
    background: url("../new/images/our_stories_nav_09.png") no-repeat scroll 0 0 transparent;
    color: #E3DFDF;
    font-size: 150px;
    height: 67px;
    left: 100%;
    position: absolute;
    top: 43%;
    width: 25px;
	text-shadow:none;
	opacity:1;
}
#storiesCarouselMobile .carousel-control.left {
    background: url("../new/images/our_stories_nav_07.png") no-repeat scroll 0 0 transparent;
    color: #E3DFDF;
    font-size: 170px;
    height: 67px;
    left: -3%;
    position: absolute;
    top: 43%;
    width: 25px;
	text-shadow:none;
	opacity:1;
}
#storiesCarouselMobile .carousel-control.right {
    background: url("../new/images/our_stories_nav_09.png") no-repeat scroll 0 0 transparent;
    color: #E3DFDF;
    font-size: 170px;
    height: 67px;
    left: 97%;
    position: absolute;
    top: 43%;
    width: 25px;
	text-shadow:none;
	opacity:1;
}
a.carousel-control:focus {
	outline:none;
}
#students .container.blueBkgd {
    padding: 20px;
}
#students h3.white {
	text-align:left;
	font-size:3em;
}
#students h4.off-white {
    width: 80%;
}
#students .row.ltBlueBkgd {
    padding: 10px 30px;
	text-align:center;
	margin:10px;
}
#students .row.ltBlueBkgd.fb-like {
    padding: 0 !important;
}
#students p.h4.off-white {
    margin-bottom: 0;
	font-size:2.4em;
}	
#students p.off-white {
	font-size:1.7em;
	line-height:1.5em;
}
#stories .blockLink {
    background: none repeat scroll 0 0 #E3DFDF;
    display: block;
    font-size: 1.8em;
    padding: 15px;
    text-align: center;
	color: #7D7D7D;
	text-transform:uppercase;
	font-weight:400;
}
#stories .blockLink:hover {
	background: none repeat scroll 0 0 #999999;
	color:#e3dfdf;
}
#help .col-lg-4 img {
	width:300px;
	height:300px;
	border-radius:150px;
	-moz-border-radius:150px;
	-webkit-border-radius:150px;
	margin:10px;
}
#help p {
    font-size: 2.3em;
    font-weight: 400;
    line-height: 33px;
    padding: 10px 15px;
}
#help a.btn.donate {
    display: inline;
    padding: 12px 40px;
}
#helpCarouselDesktop .carousel-control.left {
    background: url("../new/images/our_stories_nav_07.png") no-repeat scroll 0 0 transparent;
    color: #E3DFDF;
    font-size: 150px;
    height: 67px;
    left: 0%;
    position: absolute;
    top: 25%;
    width: 25px;
	text-shadow:none;
	opacity:1;
}
#helpCarouselDesktop .carousel-control.right {
    background: url("../new/images/our_stories_nav_09.png") no-repeat scroll 0 0 transparent;
    color: #E3DFDF;
    font-size: 150px;
    height: 67px;
    left: 98%;
    position: absolute;
    top: 25%;
    width: 25px;
	text-shadow:none;
	opacity:1;
}
#helpCarouselMobile .carousel-control.left {
    background: url("../new/images/our_stories_nav_07.png") no-repeat scroll 0 0 transparent;
    color: #E3DFDF;
    font-size: 170px;
    height: 67px;
    left: 0%;
    position: absolute;
    top: 25%;
    width: 25px;
	text-shadow:none;
	opacity:1;
}
#helpCarouselMobile .carousel-control.right {
    background: url("../new/images/our_stories_nav_09.png") no-repeat scroll 0 0 transparent;
    color: #E3DFDF;
    font-size: 170px;
    height: 67px;
    left: 93%;
    position: absolute;
    top: 25%;
    width: 25px;
	text-shadow:none;
	opacity:1;
}
a.btn.donate {
	background:none repeat scroll 0 0 #c80a1a;
	font-size:1em;
	padding:6px 12px;
	display:block;
	color:#FFFFFF;
	border:1px solid #bf002e;
}
a.btn.donate:hover {
	background:none repeat scroll 0 0 #980511;
	text-decoration:none;
}
/************************** custom Footer CSS  *********************/
footer .row {
	padding:0 15px;
}
p.ltBlueText.h4.text-right {
    margin-top: 50px;
}
ul.socialMedia {
	padding:0px;
	margin:30px 0px;
}
.socialMedia li {
	display:inline;
	padding:10px;
}
.socialMedia img {
    height: 45px;
    width: 45px;
}
.socialMedia img.facebook {
    height: 45px;
    width: 28px;
}
footer form#search {
	margin:35px;
	padding:1px;
}
footer form#search input {
	background:#1870c0;
	border:1px solid #004c93;
	width:300px;
	height:60px;
	color: #55ADFD;
    font-size: 2.4em;
}
footer .searchButton {
		margin-left:-38px;
}
.row.footerBottom {
    background:url(../new/images/footer-line-sh_03.png) repeat-x 0 0;
    margin: 30px auto;
	padding-top:20px;
}	
.blueBkgd {
	background:#00519c;
	background:url(../new/images/footer_bg_03.png) 0 0;
}
.ltrBlueBkgd {
	background:#085399;
	border: 1px solid #004C93;
	background:url(../new/images/footer_12.png) 0 0;
}
.ltBlueText {
	color:#2a91ef;
}
.ltBlueBkgd {
	background:#007bdb;
}
.white {
	color:#ffffff;
}
.off-white {
	color:#e6e3e3;
}
.grayBgd {
	background:#a7a7a7;
	background: url("../new/images/grayBkgd_03.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

footer A:link {
    color: #55adfd;
}
.footerBottom a {
	font-size:16px;
}
.form-control::-moz-placeholder {
    color: #55adfd ;
}
p.ltBlueText.h4 {
    font-size: 1.8em;
    line-height: 25px;
}
.footerBottom .col-lg-8 {
    padding-right: 30px;
}
/************************section navigation css **************************/
	#section-navigation {
		width:235px;
	}
	#section-navigation ul {
		list-style:none;
		padding:0px;
		margin:0px;
	}
	#section-navigation ul li {
		border-top:1px solid #d6d5d5;
		padding:0px 10px;
		font-size:14px;
		line-height:40px;
		text-transform:uppercase;
	}
	#section-navigation ul li a {
		text-decoration:none;
		color:#0053a0;
	}
	#section-navigation ul li:hover {
		background:	#f7f8f9;	
	}
	#section-navigation ul li a:hover {
		color:#007bdb;
	}	
	
	/* landing page basic styles */
		#landing h1 {
			font:36px/20px "Lato";
			color:#333333;
		}
		#landing p, #landing li {
			font:15px/24px "Lato";
			color:#454545;
		}
		#breadcrumbs, #breadcrumbs a {
			font:12px/20px "Lato"; 
			color:#7d7d7d;
		}
		.bigpic {
			margin-top:64px;
		}

       /* internal page basic styles */
	    #internal-page h1 {
			font:36px/20px "Lato";
			color:#333333;
		}
		#internal-page p, #internal-page li, #internal-page td {
			font:15px/24px "Lato";
			color:#454545;
		}
		section#internal-page {
			margin-top: 65px;
		}
		#internal-page #section-navigation {
			margin-top: 61px;
		}
section#internal-page {
    margin-top: 28px;
}

#internal-page #breadcrumbs {
    margin-bottom: 47px;
}


.addthis {
    color: #0000FF !important;
    float: right;
    position: absolute;
    right: 0;
    top: 1px;
}
.addthis span {
    color: #7D7D7D !important;
} 
<!-- ipad footer fix -->

    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        max-width:1170px;
}
<!-- storybuilder responsive fix -->
.col-lg-9 .appArea {
    max-width: 650px;
}

/******************************************* Begin media queries ********************/
@media(min-width: 992px) {
	.container {max-width:1200px;}	
}
@media(min-width:768px) and (max-width:979px){
	.meganav li {
    background: url("../new/images/meganav_border_03.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: left;
    font-size: 1em;
    font-weight: bold;
    line-height: 22px;
    padding: 18px 20px 10px;
    position: relative;
    text-transform: uppercase;
    width: 111px;
	}
	.meganav li.last {
		border-right: medium none;
		padding-top: 19px;
	}
	li.first .nav_slide {
		background: none repeat scroll 0 0 #007BDB;
		display: none;
		left: 0;
		min-height: 240px;
		position: absolute;
		top: 72px;
		width: 704px;
	}	
	.cta p {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    text-transform: none;
}
.brand img {
    width: 175px;
}
.nav_slide_image {
    display:none;
}
.cta {
    display: none;
}
.cta p {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    text-align: center;
    text-transform: none;
}
.sub-nav li {
    font-size: 1em;
    padding: 10px;
    width: 325px;
}
.sub-nav ul {
	width:325px;
}
li.first .nav_slide, li.second .nav_slide {
	width:400px;
	left: 0;
}
li.third .nav_slide {
	width:337px;
	left: 0;
}
li.fourth .nav_slide {
	left: -53px;
    width: 280px;
}
.nav_slide img {
    display:none;
}
.slide-cta h2 {
    font-size: 2.4em;
	/* font-family:"Merriweather Sans", sans-serif; */
}
.slide-cta p {
    font-size: 1.8em;
    line-height: 1.7em;
	/* font-family:"Merriweather Sans", sans-serif; */
}
.carousel-caption {
		height:100%;
		width:100%;
		position:static;
	}
	
	.carousel-caption p {
		margin-bottom:0px;
	}
	
/*.bigpic-caption {
		height:100%;
		width:100%;
		position:static;
	} */
	.bigpic-caption .slide-cta h2 {
		font-size: 1.8em;
		/* font-family:"Merriweather Sans", sans-serif; */
	}
	.bigpic-caption p {
		font-size: 1.2em;
		line-height: 1.7em;
		/* font-family:"Merriweather Sans", sans-serif; */
	}
ul.socialMedia {
    float: left;
    margin: 30px 30px 30px 0;
    padding: 0;
}
footer form#search {
    margin: 27px;
}
}

/* Landscape phone to portrait tablet */
@media(min-width:550px) and (max-width: 767px) {
		nav {
			position:static;
			background:#ffffff;
		}
		.navbar {
			margin-bottom:0px;
		}
		.container.grayBgd {
			padding: 0;
		}
		.navbar .brand {
			margin:0px;
			padding:0px;
		}
		a.brand {
			float:none;
		}
		.brand img {
			width: 175px;
			margin:10px 0px;
		}
		ul.meganav {
			padding-left:0px;
			height:73px;
		}
		.meganav li {
			background: url("../new/images/meganav_border_03.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
			color: #FFFFFF;
			float: left;
			font-size: 1em;
			font-weight: bold;
			line-height: 22px;
			padding: 18px 20px 10px;
			position: relative;
			text-transform: uppercase;
			width: 20%;
		}
		.meganav li.last {
			border-right: medium none;
			padding-top: 19px;
		}
		li.first .nav_slide {
			background: none repeat scroll 0 0 #007BDB;
			display: none;
			left: 0;
			min-height: 240px;
			position: absolute;
			top:72px;
			width: 250px;
		}	
		.cta p {
			color: #FFFFFF;
			font-size: 13px;
			font-weight: normal;
			margin-top: 10px;
			text-transform: none;
		}
	.nav_slide_image {
		display:none;
	}
	.cta {
		display: none;
	}
	.cta p {
		color: #FFFFFF;
		font-size: 13px;
		font-weight: normal;
		margin-top: 10px;
		text-align: center;
		text-transform: none;
	}
	.sub-nav li {
		font-size: 1em;
		padding: 10px;
		width: 325px;
	}
	.sub-nav ul {
		width:325px;
	}
	li.first .nav_slide{
		width: 250px;
		left: 0;
		top:72px;
	}
	li.second .nav_slide, li.third .nav_slide {
		width: 250px;
		left: 0;
		top:72px;
	}
	li.fourth .nav_slide {
		left: -53px;
		width: 250px;
		top:72px;
	}
	.nav_slide img {
		display:none;
	}
	.slide-cta h2 {
		font-size: 1.8em;
		/* font-family:"Merriweather Sans", sans-serif; */
	}
	.slide-cta p {
		font-size: 1.2em;
		line-height: 1.7em;
		/* font-family:"Merriweather Sans", sans-serif; */
	}
	.carousel-caption {
		height:100%;
		width:100%;
		position:static;
	}
	.carousel-caption p, .bigpic-caption p {
		margin-bottom: 0;
	}
	.bigpic-caption {
		height:100%;
		width:100%;
		position:static;
	}
	.bigpic-caption .slide-cta p {
		color: #FFFFFF;
		font-size: 2.5em;
		line-height: 30px;
	}
	.bigpic-caption .blockLink.donate {
		color: #FFFFFF;
		margin-left: 0;
		padding: 10px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: 100%;
	}
	a.blockLink.donate {
		display: block;
		width: 100%;
	}
	.emailSignup ol {
		float:none;
	}
	.emailSignup input {
		width:100%;
	}
	.emailSignup input#cons_email {
		width:100%;
		margin-bottom:5px;
	}
	ul.socialMedia {
		float: left;
		margin: 30px 30px 30px 0;
		padding: 0;
	}
	footer form#search {
		margin: 27px;
	}
	.ltBlueText.h4.text-right {
		text-align: left;
	}
	.footerBottom .text-right {
		text-align: left;
	}
	.bigpic {
		margin-top:0px;
	}
	#landing .bigpic {
		margin-top:-25px;
	}
	#stories .col-lg-4 {
    margin: 15px 0;
    text-align: center;
	}
	#storiesCarouselMobile .carousel-control.left {
    background: url("../new/images/our_stories_nav_07.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 67px;
    left: -2%;
    opacity: 1;
    position: absolute;
    text-shadow: none;
    top: 43%;
    width: 25px;
	}
	#storiesCarouselMobile .carousel-control.right {
    background: url("../new/images/our_stories_nav_09.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);777
    height: 67px;
    left: 99%;
    opacity: 1;
    position: absolute;
    text-shadow: none;
    top: 43%;
    width: 25px;
	}
		/* changes pagination from thumnails to dots in mobile */
	
	.pagination > li:first-child > a, .pagination > li:first-child > span {
		margin:0px;
		padding:0 25px;
		font-size:50px;
	}
	.pagination > li > a, .pagination > li > span {
		margin:0px;
		padding:0px 25px;
		font-size:50px;
	}
	.emailSignup .col-lg-6 {
		clear: both;
	}
}
/* Landscape phones and down */
@media (max-width: 550px) {
	nav {
		position:static;
		background:#ffffff;
	}
	.navbar {
			margin-bottom:0px;
	}
	.container.grayBgd {
		padding: 0;
	}
	a.brand {
		float:none;
	}
	.brand img {
		width: 175px;
		margin:10px 0px;
	}
	ul.meganav {
		display:none;
	}
	ul.meganav-mobile {
		display: block;
		list-style: none outside none;
		padding: 10px 0px;
    	background:#0053a0;
		background-color:rgba(0, 83, 160, 0.8);
		font-size:1em
	}
	.meganav-mobile li a {
		color: #FFFFFF;
		padding:0px 10px;
	}
	.meganav-mobile .sub-nav ul {
		padding:10px 0px;
		width:100%;
	}
	.meganav-mobile .sub-nav li {
		background:none;
		padding:10px;
		width:100%;
		display:none;
		font-size: 1em;
	}
	.meganav-mobile li:hover .sub-nav li {
		display:block;
		background:#007BDB;
	}
	.meganav-mobile .sub-nav-about ul {
		padding:10px 0px;
		width:100%;
	}
	.meganav-mobile .sub-nav-about li {
		background:none;
		padding:10px;
		width:100%;
		display:none;
		font-size: 1em;
	}
	.meganav-mobile li:hover .sub-nav-about li {
		display:block;
		background:#007BDB;
	}              
	.carousel-caption, .bigpic-caption {
		height:100%;
		width:100%;
		position:static;
	}
	.carousel-caption .blockLink.donate {
		font-size:1em;
	}
	.carousel-caption p, .bigpic-caption p {
		margin-bottom: 0;
	}

	.slide-cta h2 {
		font-size: 1.8em;
		/* font-family:"Merriweather Sans", sans-serif; */
	}
	.slide-cta p {
		font-size: 1.2em;
		line-height: 1.7em;
		/* font-family:"Merriweather Sans", sans-serif; */
	}
	.bigpic-caption .slide-cta h2 {
	}
	.bigpic-caption .slide-cta p {
		font-size:2em;
		line-height:30px;
	}
	.bigpic-caption .blockLink.donate {
		color: #FFFFFF;
		margin-left: 0;
		padding: 10px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: 100%;
	}
	a.blockLink.donate {
		display: block;
		width: 100%;
	}
	.emailSignup .col-lg-6 {
		padding: 0;
		width: 100%;
	}
	.emailSignup input {
		width:100%;
		margin:5px 0;
	}
	.emailSignup input#cons_email {
		width:100%;
	}
	.emailSignup .btn.submit {
		margin:5px 0;
	}
	#help .col-lg-4 img {
		border-radius: 100px 100px 100px 100px;
		height: 200px;
		margin: 10px;
		width: 200px;
	}
	.emailSignup ol {
		float:none;
	}
	h4, .h4 {
		font-size: 2.2em;
		line-height: 30px;
	}
	#students p.off-white {
		font-size: 1.4em;
		line-height: 1.4em;
	}
	ul.socialMedia {
		margin: 30px 30px 30px 0;
		padding: 0;
	}
	footer form#search {
		margin: 27px 6px;
	}
	footer form#search input {
    width: 200px;
	}
	.ltBlueText.h4.text-right {
		text-align: left;
	}
	.footerBottom .text-right {
		text-align: left;
	}
	.bigpic {
		margin-top:0px;
	}
	#landing .bigpic {
		margin-top:-25px;
	}
	.socialMedia li {
    display: inline;
    padding: 5px;
	}
	/* changes pagination from thumnails to dots in mobile */
	.pagination > li:first-child > a, .pagination > li:first-child > span {
		margin:0px;
		padding:0 25px;
		font-size:50px;
	}
	.pagination > li > a, .pagination > li > span {
		margin:0px;
		padding:0px 25px;
		font-size:50px;
	}
	.emailSignup .col-lg-6 {
		clear: both;
	}
	section#internal-page {
        margin-top: 125px;
        }
    #internal-page #breadcrumbs {
        margin-top: 20px;
        }
}
 
 /** missing nav-bar icon css from bootstrap **/
 .navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-right: 5px;
  margin-left: 5px;
  margin-top:22px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  *background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #cccccc \9;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

@media (max-width: 767px){
    .navbar .btn-navbar {
         display: block;
     }
	 .navbar-inner .col-lg-4 {
		width: 80%;
	}
}

@media (min-width: 767px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        max-width:1170px;
    }
	footer .row {
    min-width: 1170px;
	}
    footer .row.blueBkgd {
    padding: 0;
}

footer .blueBkgd .container {
    padding-left: 30px;
}
 }

.placeholdersjs {
   color:#666666 !important;
}