@font-face {
	font-family: 'Comic Sans MS';
	src: url('Fonts/ComicSansMS-Bold.eot');
	src: url('Fonts/ComicSansMS-Bold.eot?#iefix') format('embedded-opentype'),
		url('Fonts/ComicSansMS-Bold.woff') format('woff'),
		url('Fonts/ComicSansMS-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Comic Sans MS';
	src: url('Fonts/ComicSansMS.eot');
	src: url('Fonts/ComicSansMS.eot?#iefix') format('embedded-opentype'),
		url('Fonts/ComicSansMS.woff') format('woff'),
		url('Fonts/ComicSansMS.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
em {
	font-family: Comic Sans MS; font-weight: bold; font-style: normal; color:#ED1C23;
}
header {background-color: #fff;}
header img {
	width: 100%;
	height: 25px;
}
header a.logo { display: block;  width:200px; height: 50px;
  background: url(../images/SAADDLogo.svg) no-repeat 0 0; background-size: contain;  float:left;
  }
header a.logo span {display: none;}
header a.button { display: block;  width:175px; height: 59px;
  background: url(../images/pledgeButton3.svg) no-repeat 0 0; background-size:contain;  float:left; margin: 0 10px;
  }
header a.button span { display: none; }
body { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 200; }
h1 { margin: 0 0 0.5em 0; font-size: 2.5em; font-weight: 700; line-height: 1.1em; }
h2 { margin: 0 0 0.5em 0; font-size: 2em; font-weight: 500; }
h3 { margin: 0 0 0.2em 0; font-size: 1.2em; font-weight: 600; color: #2e3192;}
h4 { margin: 0 0 0.5em 0; font-size: 0.9em; font-weight: 500; }
nav {
	margin: auto;
	width: 1000px;
}

nav ul { list-style:none; margin:0px; padding: 0px;	
}
nav ul li {
	font-weight:600;
	line-height: 1em;
	float: left;
	text-align:center;
	width: 100px;
	height: 50px;
	display:flex;
	align-items:center;
	border-radius: 5px;
	}
nav ul li.active { background-color: #ed1c24;}
nav ul li:hover { border-bottom-width: 5px; border-bottom: 5px solid #ed1c24}
nav ul li.active:hover { border-bottom-width: 5px; border-bottom: 5px solid #fff}
nav ul li a.active { color:#fff; }
nav ul li a {
	display: inline-block;
	text-decoration: none;
	width: 100%;
	position: relative;
}

section#main {
	margin: auto;
	width: 1000px;
	margin-top: 30px;
	clear: both;
}

#main > h1, #addContent > h1 {
	color: #2e3192;
	text-align: center;
}
#main > h2, #addContent > h2 {
	color: #2e3192;
	text-align: center;
	font-style: italic;
	font-weight: 600;
}
article.oneThird {
	width: 40%;
	float: left;
	margin-right: 30px;
}
article.oneThird h1{
	color: #2e3192;	
}
article.twoThird {
	width: 55%;
	float: left;
}
article.thirdCol {
width: 33%;
float: left;
margin-bottom: 30px;
text-align:center;
}

article.thirdCol div {
}
article.fourthCol {
	width: 25%;
	height: 200px;
	float: left;
}
.pledgeWrapper {
	height: 600px;
}
article.fourthCol a.agbu { display: block; margin-left: auto; margin-right: auto; margin-top: 65px; width: 175px; height: 135px;
  background: url(../images/agbu.gif) no-repeat 0 0; background-size:contain; 
}
article.fourthCol a.feedingAmerica { display: block; margin-left: auto; margin-right: auto; margin-top: 30px; width: 175px; height: 170px;
  background: url(../images/feedingamerica.gif) no-repeat 0 0; background-size:contain; 
}
article.fourthCol a.makeAWish { display: block; margin-left: auto; margin-right: auto; margin-top: 55px; width: 175px; height: 135px;
  background: url(../images/makeawish.gif) no-repeat 0 0; background-size:contain; 
}
article.fourthCol a.noKidHungry { display: block; margin-left: auto; margin-right: auto; margin-top: 45px; width: 185px; height: 135px;
  background: url(../images/nokidhungry.gif) no-repeat 0 0; background-size:contain; 
}
article.fourthCol a.theSalvationArmy { display: block; margin-left: auto; margin-right: auto; margin-top: 65px; width: 115px; height: 135px;
  background: url(../images/salvationarmy.gif) no-repeat 0 0; background-size:contain; 
}
article.fourthCol a.standUpToCancer { display: block; margin-left: auto; margin-right: auto; margin-top: 65px; width: 185px; height: 135px;
  background: url(../images/standuptocancer.gif) no-repeat 0 0; background-size:contain; 
}
article.fourthCol a.stJude { display: block; margin-left: auto; margin-right: auto; margin-top: 40px; width: 175px; height: 150px;
  background: url(../images/stjude.gif) no-repeat 0 0; background-size:contain; 
}
article.fourthCol a.woundedWarriorProject { display: block; margin-left: auto; margin-right: auto; margin-top: 30px; width: 175px; height: 160px;
  background: url(../images/woundedwarriorproject.gif) no-repeat 0 0; background-size:contain; 
}
article.fourthCol a.boysAndGirlsClub { display: block; margin-left: auto; margin-right: auto; margin-top: 65px; width: 115px; height: 135px;
  background: url(../images/BGCNWLogo.gif) no-repeat 0 0; background-size:contain; 
}
article.fourthCol a span { display: none; }
article.getSticker {
	width: 31%;
	height: 400px;
	float:left;
    margin: 20px auto;
    position: relative;
    border: 10px solid #2e3192;
	background: #2e3192;
	color: #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}
article.getSticker > div {
	padding: 25px;	
}
article.getSticker > div > p {
	height: 120px;
	width: 250px;	
}
article.getSticker > div > div {
	background: #ed1c24;
	width: 250px;
	height: 60px;
	border-radius: 5px;
	margin-top: 20px;
}
a.btn {
	font-size: 2em; font-weight: 500;
	text-align: center;
	text-decoration: none;
	color: #fff;
	width: 179px;
	height: 100%;
	display:flex;
	align-items:center;
	margin-right: auto;
	margin-left: auto;
}
#addContent {
	clear: both;
	margin: auto;
	width: 1000px;
	height: 250px;
	border-top: 1px solid #999;
	padding-top: 30px;
}
article.more {
	width: 33%;
	height: 200px;
	float: left;
}
article.more h3, h4 {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

article.more a {
	width: 90%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Contact Form Styling */

article.contactBlurb {
	width: 40%;
	height: 400px;
	float: left;
	margin-right: 60px;
}
article.contactForm {

	width: 50%;
	height: 400px;
	float: left;
}
article.confrontVideo {
	width: 650px;
	float: left;
}
article.confrontVideo > div {
	background:url(../images/cellphone.svg) no-repeat 0 0; background-size: contain;
	width: 650px;
	height: 310px;
	padding-top: 13px;
}
article.confrontVideo > div > div {
	width: 490px;
	height: 290px;
	margin: auto;
}
article.pledgeSection {
	width: 350px;
	height: 310px;
	float: left;
}
article.pledgeSection div {
	margin-top: 40px;
}
article.pledgeSection > div a { display: block;  width:275px; height: 75px;
	background: url(../images/pledgeButton3.svg) no-repeat 0 0; background-size: contain;
  	margin: auto;
  }
article.pledgeSection > div > p {
	padding: 0 1em;
	margin: 0.2em 0;
	margin-bottom: -1.2em;
	font-size: 1.5em;
	color: #2E3192;
	line-height: 1.2em;
}
article.pledgeSection > div > div {
	padding: 0 0.7em 0;
	font-size: 2.3em;
	font-weight: 700;
	line-height: 1em;
	color: #ED1C23;
}
article.pledgeSection > div a span { display: none }
form {
	margin: 0;
	padding: 0;
}
table {
  margin: 0 auto;
}
tr, td, input, textarea {
  margin: 0;
  padding: 0;
}
td {
  padding: 0 0 5px;
}
tr td:first-child {
  padding-right: 10px;
  padding-top: 11px;
  text-align: right;
  vertical-align: top;
}
.error[generated=true] {
  color: #dc0000;
  font-size: 16px;
  padding: 5px 0 2px 5px;
}
tr.error td {
  padding: 0;
}
input, textarea {
  background: #FFF;
  border: 2px solid #dcddde;
  font: inherit;
  font-size: 16px;
  line-height: 29px;
  min-height: 30px;
  padding: 5px 10px;
  width: 400px;
}
input:focus, textarea:focus {
  border-color: #b0c3d0;
  outline: none;
}
textarea {
  height: 200px;
  resize: vertical;
}
input[type=submit] {
  background: #2e3192;
  color: #FFF;
  font: inherit;
  padding: 7px 20px;
  width: auto;
  float: right;
}
 
#response {
  margin-bottom: 20px;
  text-align: center;
}
#response .success {
  color: #08a300;
}
#response .failure {
  color: #dc0000;
}

/* Footer Styling */
section.footer {
	margin-top: 50px;
	width: 100%;
	height: 70px;
	background:#ED1C23;
	clear: both;
}

footer {
	margin: auto;
	width: 1000px;
	display: flex;
	align-items: center;
	height: 70px;
}
footer > div {
	float: left;
	width: 33%;
	display: flex;
	align-items: center;
	color: #fff;
}
footer > div > div {
	margin-left: auto; margin-right: auto; display: flex; align-items: center;
}
footer > div > div a {
	text-decoration: none;
}
footer div a.youtube {
	display: inline-block; width:30px; height: 30px; background: url(../images/youtube.svg) no-repeat 0 0; background-size: contain; margin: 0 3px;
}
footer div a.facebook {
	display: inline-block; width:30px; height: 30px; background: url(../images/facebook.svg) no-repeat 0 0; background-size: contain;
}
footer div a.twitter {
	display: inline-block; width:30px; height: 30px; background: url(../images/twitter.svg) no-repeat 0 0; background-size: contain; margin: 0 3px;
}
footer div a.youtube span {display: none;}
footer div a.facebook span {display: none;}
footer div a.twitter span {display: none;}