body{
margin: 0px;
padding: 0px;
background: #000 url(../images/tile.jpg) repeat-x;
font-family: Verdana, helvetica, sans-serif;
font-size: 14px;
line-height: 24px;
color: #666;
}

img{
border: none;
}

h1{
font-size: 26px;
margin: 5px 0px 0px 0px;
padding: 5px 0px 0px 0px;
font-family: 'Rammetto One', cursive;
color: #FF7F00;
font-weight: 400;
}

h2{
font-size: 28px;
margin: 20px 0px 2px 0px;
padding: 20px 0px 2px 0px;
color: #FF7F00;
font-family: 'Satisfy', cursive;
font-weight: 400;
}

h3{
font-size: 15px;
margin: 15px 0px 0px 0px;
padding: 15px 0px 0px 0px;
color: #FF7F00;
font-family: 'Rammetto One', cursive;
font-weight: 400;
}

h4{
font-size: 14px;
padding: 0px;
margin: 0px;
font-weight: bold;
color: #000;
font-family: 'Rammetto One', cursive;
}

h5{
font-size: 12px;
padding: 0px;
margin: 0px;
}

.orange{
color: #FF7F00;
}

.date{
font-size: 11px;
font-style: italic;
line-height: 12px;
}

.i{
font-style: italic;
}

.b{
font-weight: bold;
}

.tiny{
font-size: 11px;
color: #999;
line-height: 14px;
}

.picR{
float: right;
margin: 0px 0px 0px 10px;
}

.picL{
float: left;
margin: 0px 10px 0px 0px;
}

.shadow {
-moz-box-shadow:    0px 0px 3px 3px #222;
-webkit-box-shadow: 0px 0px 3px 3px #222;
box-shadow:         0px 0px 3px 3px #222;
}

.contentHidden{
display: none;
}

a:link{color:#FF7F00; text-decoration: none; text-decoration:underline;-moz-transition: all 0.25s ease-out 0s;outline: medium none;}
a:visited{color:#FF7F00; text-decoration: none; text-decoration:underline;-moz-transition: all 0.25s ease-out 0s;outline: medium none;}
a:hover{color:#FF7F00; text-decoration: none; text-decoration:none;text-shadow: 0 0 5px #AAA; background: none;}

a:link{color:#FF7F00; text-decoration: none; text-decoration:underline;-moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; outline: medium none;}
a:visited{color:#FF7F00; text-decoration: none; text-decoration:underline;-moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; outline: medium none;}
a:hover{color:#FF7F00; text-decoration: none; text-decoration:none;text-shadow: 0 0 5px #AAA; background: none;}

#nav a:link{color:#FFF; text-decoration: none;-moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; outline: medium none;}
#nav a:visited{color:#FFF; text-decoration: none;-moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; outline: medium none;}
#nav a:hover{color:#FF7F00; text-decoration: none;text-shadow: 0 0 5px #000; background: none;}

#footer a:link{color:#FFF; text-decoration: none;}
#footer a:visited{color:#FFF; text-decoration: none;}
#footer a:hover{color:#000; text-decoration: underline;}

#footr a:link{color: #FFF; text-decoration: none;}
#footr a:visited{color: #FFF; text-decoration: none;}
#footr a:hover{color: #000; text-decoration: underline;}

#headerWrapper{
width: 100%;
height: 225px;
background: url(../images/header-tile.png) repeat-x;
}

#header{
width: 996px;
margin: auto;
}

#headerLeft{
width: 306px;
float: left;
}

#logo{
padding: 18px 0 0 30px;
width: 306px;
}

#headerRight{
float: right;
width: 680px;
}

#socialBox{
float: left;
/*width: 99px;*/
height: 190px;
margin-left: -14px;
}

#social{
width: 43px;
padding-top: 50px;
float: left;
}

#twitter{
display: block;
width: 43px;
height: 43px;
background: url("../images/twitter.png") no-repeat 0 0;
-moz-transition: none;
}

#twitter:hover{
background-position: 0 -49px;
}

#twitter span{
display: none;
}

#facebook{
display: block;
width: 43px;
height: 43px;
background: url("../images/facebook.png") no-repeat 0 0;
-moz-transition: none;
}

#facebook:hover{
background-position: 0 -49px;
}

#facebook span{
display: none;
}

#instagram{
display: block;
width: 43px;
height: 43px;
background: url("../images/instagram.png") no-repeat 0 0;
-moz-transition: none;
}

#instagram:hover{
background-position: 0 -49px;
}

#instagram span{
display: none;
}

#donateTop{
width: 56px;
float: left;
padding-left: 36px;
}

/*#donateNow{
display: block;
width: 56px;
height: 191px;
background: url("../images/donate-now.png") no-repeat 0 0;
-moz-transition: none;
}

#donateNow:hover{
background-position: 0 -191px;
}

#donateNow span{
display: none;
}
*/

#volunteerNow{
display: block;
width: 56px;
height: 191px;
background: url("../images/volunteer-now.png") no-repeat 0 0;
-moz-transition: none;
}

#volunteerNow:hover{
background-position: 0 -191px;
}

#volunteerNow span{
display: none;
}

#flash{
  margin-top: 20px;
height: 190px;
width: 502px;
float: left;
}

#nav{
background: #231f20;
text-align: center;
font-size: 17px;
width: auto;
}

#nav ul{
padding: 10px 0;
margin: 0px;
}

#nav li {
display: inline;
padding: 10px 22px;
}

#slideWrapper{
background: url(../images/slide-tile.png) repeat-x;
min-height: 426px;
width: 100%;
}

#slideBox{
width: 996px;
margin: auto;
}

#slide{
padding: 30px 0px 0px 20px;
float: left;
}

#slideRight{
padding: 20px 0px 30px 45px;
float: left;
}

#achieve{
display: block;
width: 200px;
height: 194px;
background: url("../images/achieve-straight-a-s.png") no-repeat 0 0;
-moz-transition: none;
margin-top:-15px;
}

.home-achieve {
  margin-left: 15px;
}

#achieve:hover{
background-position: 0 -200px;
}

#achieve span{
display: none;
}

#whiteWrapper{
background: url(../images/white-tile.png) repeat;
width: 100%;
}

#whiteTop{
background: url(../images/white-top-tile.png) repeat-x top;
}

#content{
width: 996px;
margin: auto;
}

#columns{
padding: 30px 10px 30px 30px;
}

#left{
float: left;
width: 600px;
text-align: justify;
}

#video{
padding: 20px 0 0 0;
}

#right{
float: right;
}

#purchase{
display: block;
width: 303px;
height: 186px;
background: url("../images/support-a-student.png") no-repeat 0 0;
-moz-transition: none;
}

#purchase:hover{
background-position: 0 -193px;
}

#purchase span{
display: none;
}

#footerWrapper{
width: 100%;
background: url(../images/footer-tile.png) repeat-x;
height: 337px;
}

#footer{
width: 996px;
background: url(../images/footer-image.jpg) no-repeat right;
margin: auto;
height: 337px;
}

#footerText{
padding: 30px;
}

#footer ul{
padding: 7px 0px 0px 0px;
margin: 0px;
}

#footer li{
padding: 0px 15px 0px 15px;
margin: 0px;
list-style: none;
}

#l1, #l2, #l3, #l4{
float: left;
}

#l2{
padding: 0px 0 0 40px;
}

#footer #l1 a, #footer #l2 a{
display: block;
border-bottom: solid .5px #555;
padding: 5px;
font-size: 12px;
width: 136px;
}

.video {
	float: left;
	margin: 20px 20px 0 35px;
}

div.savings {
  width: 200px;
  background: #777;
  padding: 18px 20px 22px 20px;
  border-radius: 10px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 1.7;
  box-shadow: 0 1px 5px 0px rgba(0,0,0,0.4);
  margin-top:-9px;
}

.savings p {
  padding: 0;
  margin: 0;
}

#twentyseven-seconds img {
  width: 225px;
  float: left;
  margin-right: 20px;
}

#twentyseven-seconds h1 {
  margin-bottom: 20px;
}

a.donate-banner {
      background-color: #FF9119;
      color: white;
      display: block;
      text-decoration: none;
      padding: 20px 0;
    }

    .donate-banner-inner {
      overflow: hidden;
    }

    .left-side {
      width: 50%;
      font-family: 'Oswald', sans-serif;
      text-transform: uppercase;
      font-size: 36px;
      font-weight: bold;
      float: left;
      padding: 20px 40px;
      box-sizing: border-box;
      text-align: right;
      border-right: solid 2px #ffffff;
    }

    .left-side span {
      color: black;
    }

    .right-side {
      width: 50%;
      float: left;
      padding: 20px 40px;
      box-sizing: border-box;
      text-align: left;
      font-family: 'Arial', sans-serif;
      font-weight: bold;
      font-size: 30px;
    }