@font-face {
    font-family: 'oswaldregular';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rosarioregular';
    src: url('../fonts/rosario-regular-webfont.eot');
    src: url('../fonts/rosario-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rosario-regular-webfont.woff') format('woff'),
         url('../fonts/rosario-regular-webfont.ttf') format('truetype'),
         url('../fonts/rosario-regular-webfont.svg#rosarioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ledgerregular';
    src: url('../fonts/ledger-regular-webfont.eot');
    src: url('../fonts/ledger-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ledger-regular-webfont.woff') format('woff'),
         url('../fonts/ledger-regular-webfont.ttf') format('truetype'),
         url('../fonts/ledger-regular-webfont.svg#ledgerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: url('/images/body-bg.gif') repeat top left;
}

body, p {
	font-family: "rosarioregular",sans-serif;
/*	font-size: 1em;*/
}

h1, h2, h3, h4 {
	font-family: "oswaldregular",sans-serif;
	margin-bottom: 20px;
}

#wrapper {
	overflow: hidden;
}

.accessibility {
	border: medium none !important;
	display: block !important;
	position: absolute !important;
	text-indent: -999em !important;
}

#header {
	height: auto;
	position: relative;
	background-color: #ffffff;
}

#topnav { background-color: #1a374d; border-top: 1px solid #1a374d; }
#topnavinner { background-color: #1a374d; border-top: 1px solid #1a374d; border-bottom: 1px solid #1a374d; }

.nav-justified > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus,
.nav-justified > li > a:hover,
.nav-justified > li > a:focus  {
  background-color: #d7e6f1;
  background-image: none;
  color: #1a374d;
}

.sidenav {
	list-style: none outside none;
	padding-left: 0;
	border: 0 solid #1a374d;
	border-width: 0 0 1px 1px;
/*background-color: rgba(255,225,202,0.2);border: 1px solid #736019;*/
}
.sidenav li {
	border: 0 solid #1a374d;
	border-width: 1px 1px 0 0;
	background-color: #d7e6f1;
	color: #1a374d;
	padding: 0;
	list-style: none;
}

.sidenav li:hover {
	background-color: #1a374d;
	color: #ffffff;
}
.sidenav a {
	color: #1a374d;
	display: block;
	padding: 10px;
}
.sidenav a:hover, .sidenav a:active, .sidenav a:focus, .sidenav a.sidenav-active  {
	background-color: #1a374d;
	color: #ffffff;
	text-decoration: none;
}

.smicons { margin-bottom: 17px; text-align: right; }

.featured { background-color: #d7e6f1; border-top: 1px solid #1a374d; border-bottom: 1px solid #1a374d; }
.carousel-caption {
	bottom: 0;
	padding: 0;
	text-align: left;
}
.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4 {
	line-height: 1.5;
}

.flexslider {
	border: 0 !important;
	margin: 0 !important;
}

.flexslider .slides li {
    position:relative;
}

.flex-caption {
    position:absolute;
    left:20%;
    right:20%;
    bottom:0;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    z-index:1;
    padding:20px;
}

.flex-caption h1,.flex-caption h2, .flex-caption h3, .flex-caption h4 {
	line-height: 1.5;
}

/*.flex-caption h3 {
	 width: 80%;
	 float: left;
}

.flex-caption h4 {
	width: 20%;
	float: right;
	text-align: right;
	bottom: 0;
}*/

.flex-caption a:hover,.flex-caption a:focus { color: #ffffff; text-decoration: underline; }

.watch {
	color: #ffffff;
	/*background-color: rgba(215, 233, 205, 1.0);
	border: 1px solid #4F7A2B;*/
	padding: 10px;
    background-color: rgba(255, 0, 0, 0.6);
    border: 1px solid #5E2914;
}

.flex-direction-nav a {
	height: 45px;
}

#content-start {
	color: #ffffff;
	left: -200%;
	position: absolute;
}

#content p, #content li { font-size: 1.4em; }

#content .breadcrumb li { font-size: 14px; }

.contentbg { background: url('/images/logo-notag-semitransparent.png') no-repeat center center; }

.mainquote { color: #1a374d; /*background-color: #1a374d;*/ }

.l40 {
	float: left;
	width: 40px;
}
.r40 {
    float: right;
    text-align: right;
    width: 40px;
}

.quote { font-family: "ledgerregular",sans-serif; font-weight: 700; font-size: 21px; }
.quotedby { font-family: "rosarioregular",sans-serif; font-weight: 700; font-size: 21px; }

a {
	font-family: "rosarioregular",sans-serif;
    color: #479ccf;
    text-decoration: none;
    transition: all 0s ease 0s, all 0.15s ease 0s;
    outline: 0;
}

a:focus { outline: 0; }

/*.blocks { background-color: #d7e6f1; border-top: 1px solid #1a374d; border-bottom: 1px solid #1a374d; }*/
.blocks { background-color: #edf6e6; border-top: 1px solid #4f7a2b; border-bottom: 1px solid #4f7a2b; }

.boxBody { min-height: 240px; /*border: 1px solid #1a374d;*/ }
.boxBody p { padding: 3px; font-size: 1.4em; }

.missionbox { display: table-cell; min-height: 260px; background-color: rgba(255,0,0,0.2);border: 1px solid #5E2914; }
.emailbox { display: table-cell; min-height: 260px; background-color: rgba(215,233,205,0.2); border: 1px solid #4f7a2b; }
.donatebox { display: table-cell; min-height: 260px; background-color: rgba(255,225,202,0.2);border: 1px solid #736019; }
.boxlink { padding: 10px; font-size: 1.3em; font-weight: bold; }

a.homemission, a.homemission:visited,
a.homenewsletter, a.homenewsletter:visited,
a.homedonate, a.homedonate:visited
{ color: #000000; }

a.homemission:active, a.homemission:hover, a.homemission:focus { color: #5E2914; text-decoration: none; }
a.homenewsletter:active, a.homenewsletter:hover, a.homenewsletter:focus { color: #4f7a2b; text-decoration: none; }
a.homedonate:active, a.homedonate:hover, a.homedonate:focus { color: #736019; text-decoration: none; }

a.read-more-j, a.read-more-show, a.read-more-hide {
	font-size: 14px;
	text-transform: uppercase;
}

.supporters { background-color: #d7e6f1; border-top: 1px solid #1a374d; }

/*h1.title:before {
	content: "- ";
/ *    opacity: 0.5;* /
}

h1.title:after {
	content: " -";
/ *    opacity: 0.5;* /
}*/
h1.title {
	margin: 0 20px;
	text-align: center;
	line-height: 80px;
}

h4.title {
	color: #5e2914;
}
.image_carousel {
	padding: 15px;
}
#ic1 img {
/*	border: 1px solid #cccccc;
	background-color: #ffffff;
	display: block;
	float: left;*/
	margin: 7px;
	padding: 9px;
}

#footer {
/*
	background: url("/images/footer_bg.png") repeat scroll left top rgba(0, 107, 206, 0);
*/
	background-color: #1a374d;
	padding-top: 20px;
	color: #ffffff;
	height: auto;
	position: relative;
}

.footerleft { text-align: left; }
.footermiddle, .footerbottom { text-align: center; }
.footerright { text-align: right; }

#social-icons a {
    background: url("/images/icons-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 54px;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: 9999px;
    width: 54px;
}

#social-icons a.twitter {
    background-position: -54px 0;
}

.center { margin: 0 auto; text-align: center; }
.tmargin10 { margin-top: 10px; }
.tmargin20 { margin-top: 20px; }
.tmargin30 { margin-top: 30px; }
.tmargin40 { margin-top: 40px; }
.bmargin10 { margin-bottom: 10px; }
.bmargin20 { margin-bottom: 20px; }
.bmargin30 { margin-bottom: 30px; }
.bmargin40 { margin-bottom: 40px; }
.tbmargin10 { margin-top: 10px; margin-bottom: 10px; }
.tbmargin20 { margin-top: 20px; margin-bottom: 20px; }
.tbmargin30 { margin-top: 30px; margin-bottom: 30px; }
.tbmargin40 { margin-top: 40px; margin-bottom: 40px; }
.tpadding10 { padding-top: 10px; }
.tpadding20 { padding-top: 20px; }
.tpadding30 { padding-top: 30px; }
.tpadding40 { padding-top: 40px; }
.bpadding10 { padding-bottom: 10px; }
.bpadding20 { padding-bottom: 20px; }
.bpadding30 { padding-bottom: 30px; }
.bpadding40 { padding-bottom: 40px; }
.tbpadding10 { padding-top: 10px; padding-bottom: 10px; }
.tbpadding20 { padding-top: 20px; padding-bottom: 20px; }
.tbpadding30 { padding-top: 30px; padding-bottom: 30px; }
.tbpadding40 { padding-top: 30px; padding-bottom: 40px; }

.red { color: #ff0000; }

/********************************************************************************
Media Queries
********************************************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
/*
	337px at <1200px
	425px at <991px to >767px
	225px at <767px
*/
	.missionbox, .emailbox, .donatebox { min-height: 337px; }
}
@media (max-width: 992px) {
	.flex-caption {
		position: static;
		padding: 50px;
		min-height: 306px;
	}
	.watch {
		padding: 0;
	    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	}
	.footerleft, .footermiddle, .footerright, .footerbottom { text-align: center; padding: 10px; }
}
@media (max-width: 771px) {
	.flex-caption { min-height: 343px; }
}
@media (max-width: 767px) {
	.flexslider .slides img { display: none; }
	.logo {
		display: block;
		height: auto;
		max-width: 100%;
		margin: auto;
		padding-bottom: 20px;
	}
	.smicons { text-align: center; }
}
@media (min-width: 767px) and (max-width: 991px) {
	.missionbox, .emailbox, .donatebox { min-height: 425px; }
}
@media (max-width: 766px) {
	.missionbox, .emailbox, .donatebox { min-height: 225px; }
}
@media (max-width: 629px) {
	.flex-caption { min-height: 379px; }
}
/*
@media (max-width: 630px) {
	.flex-caption { min-height: 414px; }
}
@media (max-width: ???px) {
	.flex-caption { min-height: 522px; }
}
*/

/********************************************************************************
Admin CSS
********************************************************************************/

