/*
   Colors:
        Blue Bombay: #B5B6BD
        Red Stiletto: #9C3839
        key lime pie: #C6D729
        midnight blue: #00304A
        pine glade: #CC9
 */
/*@import url("../bootstrap/3.0.0/css/bootstrap-glyphicons.css");
*/
/*

font-family: 'Slabo 27px', serif;

font-family: 'Shadows Into Light', cursive;

font-family: 'Gloria Hallelujah', cursive;

font-family: 'Voltaire', sans-serif;

font-family: 'Coming Soon', cursive;

font-family: 'Permanent Marker', cursive;

font-family: 'Covered By Your Grace', cursive;

font-family: 'Handlee', cursive;

font-family: 'Shadows Into Light Two', cursive;

font-family: 'Patrick Hand', cursive;

font-family: 'Waiting for the Sunrise', cursive;

 */
.main-text
{
    position: absolute;
    top: 10px;
    width: 100%;
    color: #FFF;
}


hr{
    border-color: #00304A;
    border-width: 2px;
}

p{
    color: #000;
}
body{
    margin:0;
    padding:0;
}

.wrap{
    word-break: break-all;
}

#contentWrapper p{
    margin: auto;
    text-indent: 35px;
    font-size: 20px;
    margin-bottom: 15px;
}


.floatRight{
    float: right;
}

.floatLeft{
    float: left;
}

.center{
    margin: auto;
}

/*.indent{

}*/

.fullWidthImg{
    width: 100%;
}

.noIndent{
    text-indent: 0px;
}

.centerText{
    text-align: center;
}
#contentWrapper{
    overflow: hidden;
}


.jumbotron{
    overflow: hidden;
}

header a{
    color: #9C3839;
    /*font-family: 'Permanent Marker', cursive;*/
    /*font-family: 'Amatic SC', cursive;*/
    /*font-family: 'Chewy', cursive;*/
    font-family: 'Coming Soon', cursive;
    font-weight: bold;
}

header a:hover{
    color: #9C3839;
    text-decoration: none;
}

header h1{
    text-align: center;
    padding-bottom: 10px;
    padding-top: 30px;
    font-size: 60px;
    color: #9C3839;
    background: #FFF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0),rgba(204, 204, 153, 0.6)); /*Safari 5.1-6*/
    background: -o-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0),rgba(204, 204, 153, 0.6)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0),rgba(204, 204, 153, 0.6)); /*Fx 3.6-15*/
    background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(204, 204, 153, 0.6)); /*Standard*/
}

header{
    margin-bottom: -10px;
    margin-top: -20px;
}


/*************************************************************************
 *    Navigation 
 **************************************************************************/

#navDiv nav{
    border-bottom: 5px solid #CC9;
    border-top: 1px solid #CC9;
    border-left: 1px solid #00304A;
    border-right: 1px solid #00304A;
    background-color: #00304A;
    border-radius: 0px;
}

.dropdown-menu{
    background-color: #00304A;
    border-top: 5px solid #CC9; 
    border-bottom: 5px solid #CC9; 
}


nav li{
    margin-top: 10px;
    border-radius: 4px 4px 0px 0px;
}

#navDiv a{
    color: #FFF;
    font-size: 15px;
}
#navDiv a.active{
    background-color: #CC9;
    color: #00304A;
    border-radius: 4px 4px 0px 0px;
}

#navDiv a:hover{
    color: #00304A;
    background-color: #CC9;
    border-radius: 4px 4px 0px 0px;
}

#navDiv a.activeInLink{
    border-radius: 0px;
    background-color: #CC9;
    color: #00304A;
}
#navDiv a.activeInLink:hover{
    border-radius: 0px;
    background-color: #CC9;
    color: #00304A;
}

a.padEsp{
    margin-right: 20px;
}


/*************************************************************************
 *    Index Page styling 
 * 
 **************************************************************************/

.jumbotron.indexMainJumbo{
    margin-top: 10px;
    width: 90%;

}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

h1, h2, h3, h4{
    font-family: 'Coming Soon', cursive;
    font-weight: bold;
}
.jumbotron.indexMainJumbo h1{
    font-size: 45px;
    margin-bottom: 25px;
    text-align: center;
}

.jumbotron.indexMainJumbo h2{
    color: #9C3839;
    font-size: 25px;
    width: 95%;
    margin-bottom: 25px;
    margin-top: 40px;
}

.jumbotron.indexMainJumbo h2 a{
    color: #9C3839;
}

.jumbotron.indexMainJumbo .paypal{
    margin-top: 10px;
    margin-bottom: 30px ;
    height: 60px;
    width: 230px;
}

.jumbotron.indexMainJumbo form .centerP{
    width: 100%;
    text-align: center;
}

#headerImgDiv{
    margin-top: -20px;
}

#headerImgDiv img{
    width: 100%;
}

/* Carousel styling */
#carousel-example-generic{
    margin-top: 90px;
}
.cImage img{
    width: 100%;
    /*max-width:90%;*/
    /*height: 500px;*/
    max-height: 370px;
    /*max-height: 3px;*/
}
.carousel-inner > .item > img {
    margin: 0 auto;
}

/* Index page form section formatting */
#formIndexDiv{
    border: 5px solid #00304A;
    background-color: #FFF;
    margin-top: 50px;
    padding-bottom: 30px;
    width:95%;
    margin-left: auto;
    margin-right: auto;
}

#formIndexDiv:hover{
    border-color: #9C3839;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}


#formIndexDiv h2{
    padding-top: -40px;
}


#contentWrapper #formIndexDiv p{ 
    margin: auto;
    text-indent: 35px;
    font-size: 20px;
    width: 95%;
}

#contentWrapper #formIndexDiv p.noIndent{ 
    text-indent: 0px;  
}

#formIndexDiv #prupose select{
    width: 245px;
    /*height: 90px;*/
}
#formIndexDiv #amount {
    width: 150px;
}

input:focus {
    outline: none !important;
    border-color: #9C3839;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

#payPalInputImg input:focus{
    outline:none;
    border: none;
    box-shadow: none;
}

.jumbotron.indexMainJumbo #formIndexDiv .greatNeed{
    box-shadow: none;
    border-style: none;
    background-color: #FFF;
    width: 175px;
}

/*************************************************************************
 *    About Us Page
 * 
 **************************************************************************/

.jumbotron.aboutMainJumbo{
    margin-top: 10px;
    width: 90%;
}


.jumbotron.aboutMainJumbo h1{
    font-size: 45px;
    margin-bottom: 25px;
    text-align: center;
}

.jumbotron.aboutMainJumbo h2{
    font-size: 25px;

}

.jumbotron.aboutMainJumbo p{
    width: 95%;
    text-indent: 35px;
    font-size: 20px;

}

#aboutTabDiv{
    border: 5px solid #00304A;
    background-color: #FFF;
    margin-top: 50px;
    padding-bottom: 30px;
}

#aboutTabDiv:hover {
  /*border-color: #9C3839;*/
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 86, 150, 0.6);
}

#aboutTabDiv h3{
    color: #9C3839;
    margin-bottom: 30px;
    margin-top: 60px;
}

.jumbotron.aboutMainJumbo #myTab{
    border-bottom: 5px solid #00304A;
}

#myTabContent{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#myTabContent ul li p{
    text-indent: 5px;
}

#aboutSite p{
    text-indent: 0px;
}

#aboutTabDiv .aboutTabInner{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.nav-tabs a{
  /*background-color:#161616;*/
  color: #9C3839;
  font-size: 17px;
}
/*.tab-content{
    background-color:#303136;
    color:#fff;
    padding:5px
}*/
.nav-tabs > li > a{
  /*border: medium none;*/
}
.nav-tabs > li > a:hover{
    background-color: #00304A !important;

    /*border: medium none;*/
    /*border-radius: 0;*/
    color:#FFF;
}
 /*active tab area change color here*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    color: #FFF ;
    background-color: #00304A ;  
} 

/*************************************************************************
 *    School Page
 * 
 **************************************************************************/

.schoolDiv #paraImgTM1 img{
    float: right; 
    margin-top: 10px; 
    margin-left: 15px; 
    margin-bottom: 10px;
}

.schoolDiv #paraImgTM2 img {
    float: left; 
    margin-top:10px; 
    margin-right:15px; 
    margin-bottom: 10px;
}


/*************************************************************************
 *    Tarahumara Page
 * 
 **************************************************************************/

.jumbotron.taraMainJumbo{
    margin-top: 10px;
    width: 90%;
}



.jumbotron.taraMainJumbo h1{
    font-size: 45px;
    margin-bottom: 25px;
    text-align: center;
}

.jumbotron.taraMainJumbo h2{
    font-size: 25px;

}

.jumbotron.taraMainJumbo p{
    width: 95%;
    text-indent: 35px;
    font-size: 20px;

}

/*************************************************************************
 *    FAQ's Page
 * 
 **************************************************************************/

.jumbotron.faqMainJumbo{
    margin-top: 10px;
    width: 90%;
}

.jumbotron.faqMainJumbo h1{
    font-size: 35px;
    margin-bottom: 25px;
    text-align: center;
}

.jumbotron.faqMainJumbo h2{
    font-size: 25px;
}

.jumbotron.faqMainJumbo p{
    text-indent: 0px;
    font-size: 16px;
}

.jumbotron.faqMainJumbo p.noIndent{
    text-indent: 0px;
    font-size: 16px;
}

#accordion{
    width: 90%;
    padding-top: 20px;
} 

#collapseOne p,
#collapseTwo p,
#collapseThree p,
#collapseFour p,
#collapseFive p,
#collapseSix p{
    padding-top: 10px;
    width: 90%;
    font-size: 17px;
} 

#collapseOne p.noIndent,
#collapseTwo p.noIndent,
#collapseThree p.noIndent,
#collapseFour p.noIndent,
#collapseFive p.noIndent,
#collapseSix p.noIndent{

    text-indent: 0px;

} 

.jumbotron.faqMainJumbo p.faqTin{
    text-indent: 30px;
    word-break: break-all;
}

/*#collapseSix p a.stoursPad{
    padding-top: 50px;
}*/
/*#accordion .ui-accordion-header.ui-state-active { 
    background-color: yellow; 
}*/


/*************************************************************************
 *    Contact  Page styling 
 * 
 **************************************************************************/

.jumbotron.contactMainJumbo{
    margin-top: 10px;
    width: 90%;
}

.jumbotron.contactMainJumbo h1{
    font-size: 45px;
    margin-bottom: 25px;
    text-align: center;
}

.jumbotron.contactMainJumbo h2{
    color: #9C3839;
    font-size: 25px;
    width: 95%;
    margin-bottom: 25px;
    margin-top: 40px;
}

.jumbotron.contactMainJumbo h2 a{
    color: #9C3839;
}

.jumbotron.contactMainJumbo p{
    width: 95%;
    text-indent: 35px;
    font-size: 20px;
}

.jumbotron.contactMainJumbo p.noIndent{
    text-indent: 0px;

}
.jumbotron.formMainJumbo{
    margin-top: 50px;
    width: 50%;
}

#donationAdd{
    margin-top: 70px;
}

#donationAdd p.noIndent{
    text-indent: 0px;
}

#contactImg{
    margin-top: 50px;
}
#formContactDiv{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 5px solid #00304A;
    background-color: #FFF;
    margin-top: 40px;
    padding-bottom: 30px;
}
#formContactDiv:hover{
    border-color: #9C3839;
    /*border-width: 2px;*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 86, 150, 0.6);*/
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

#formContactDiv form{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#formContactDiv form fieldset{
    margin-top: 10px;
}

#formContactDiv form legend{
    margin-top: 30px;
    color: #9C3839;
}

#formContactDiv form div.innerElems{
    width: 100%;

}

.form-control:focus {
  border-color: #9C3839;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
    .submitBtn{
        background-color: #00304A;
        border: none;
    }

    .submitBtn:hover{
        background-color: #9C3839;
        border: none;
    }


/*************************************************************************
 *    Danate Page styling 
 * 
 **************************************************************************/

.jumbotron.donateMainJumbo{
    margin-top: 30px;
    width: 90%;
}


.jumbotron.donateMainJumbo h1{
    font-size: 45px;
    margin-bottom: 25px;
    text-align: center;
}

.jumbotron.donateMainJumbo h2{
    color: #9C3839;
    font-size: 25px;
    width: 95%;
    margin-bottom: 25px;
    margin-top: 40px;

}

.jumbotron.donateMainJumbo h3{
    color: #9C3839;
     width: 95%;
    margin-bottom: 25px;
    margin-top: 40px;
}

#contentWrapper .jumbotron.donateMainJumbo p{
    width: 95%;
    text-indent: 35px;
    font-size: 20px;
}

#contentWrapper .jumbotron.donateMainJumbo p.noIndent{
    text-indent: 0px;
}


#formDonateDiv{
    border: 5px solid #00304A;
    background-color: #FFF;
    margin-top: 50px;
    padding-bottom: 30px;

}
#formDonateDiv:hover{
    border-color: #9C3839;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

#formDonateDiv h2{
    padding-top: -40px;
}

#formDonateDiv img{
    float: left;
    margin-left: 40px;
    margin-right: 30px;
/*    width: 96px;
    height: 146px;*/

}

#formDonateDiv .padTopDonate{
    /*margin-left: 96px;*/
    /*margin*/
}

/*.hght-inhrt{min-height:350px;}*/

.jumbotron.donateMainJumbo form p{
    width: 95%;
    font-size: 20px;

}

.jumbotron.donateMainJumbo form p.noIndent{
    text-indent: 0px;
    text-align: center;
}

.jumbotron.donateMainJumbo .paypal{
    margin-top: 10px;
    margin-bottom: 30px ;
    height: 60px;
    width: 230px;
}

.jumbotron.donateMainJumbo form .centerP{
    width: 100%;
    text-align: center;
}


 /*************************************************************************
 *   News & Newsletters
 **************************************************************************/



     /***************************************
     *   News
     *****************************************/

    .jumbotron.newsMainJumbo{
        margin-top: 10px;
        width: 90%;

    }      
    .jumbotron.newsMainJumbo h1{
        font-size: 45px;
        margin-bottom: 25px;
        text-align: center;
    }

    .jumbotron.newsMainJumbo h2{
        color: #9C3839;
        font-size: 25px;
        width: 95%;
        margin-bottom: 25px;
        margin-top: 40px;
    }

    .jumbotron.newsMainJumbo h3{
        margin-bottom: 20px;
    }

    .jumbotron.newsMainJumbo h3 a{
        color: #9C3839;
        width: 95%;
        margin-top: 20px;
        font-size:25px;
    }

    .jumbotron.newsMainJumbo h3 a:hover{

        color: #00304A;
        /*text-decoration: none;*/
    }

    .jumbotron.newsMainJumbo .well{
        background-color: #FFF;
    }

    .jumbotron.newsMainJumbo .well:hover{
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 86, 150, 0.6);
    }

    .jumbotron.newsMainJumbo .well h4{
        font-size: 25px;
        color: #9C3839;
        text-align: center;
    }

    .jumbotron.newsMainJumbo .well ul li a{
        font-size: 18px;
        color: #00304A;
        text-align: center;
    }

    .jumbotron.newsMainJumbo .well ul li a:hover{
        color: #9C3839;
        
    }

    .jumbotron.newsMainJumbo h4{
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: bold;
    }

    #contentWrapper .jumbotron.newsMainJumbo  p{
        /*width: 95%;*/
        /*text-indent: 35px;*/
        font-size: 18px;
    }

    #contentWrapper .jumbotron.newsMainJumbo p.noIndent{
        text-indent: 0px;
    }

    .readMoreBtn{
        background-color: #00304A;
        border: none;
    }

    .readMoreBtn:hover{
        background-color: #9C3839;
        border: none;
    }

    .pager li a{
        background-color: #00304A;
        color: #FFF;
        border: none;
    }

    .pager li a:hover{
        background-color: #9C3839;
    }

     /***************************************
     *   Newsletters
     *****************************************/
    #contentWrapperNL p{
        margin: auto;
        text-indent: 35px;
        font-size: 16px;
        margin-bottom: 15px;
    }
    #contentWrapperNL p.noIndent{
        text-indent: 0px;
    }

     .genBorderStyle{
        border: 5px solid #00304A;
        
     }

     .genBorderStyle h2.sp16H2{
        font-family: 'Coming Soon', cursive;
        font-style: bold;
        text-align: center;
        color:#9C3839;
        margin-top: 10px;
     }

    .jumbotron.nlMainJumbo .genInfoStyle.col-sm-7{
        border: 5px solid #00304A;
        margin-top: 40px;
        text-align: center;

    }

    .jumbotron.nlMainJumbo .genInfoStyle h2{
        font-size: 2.3em;
        font-family: 'Coming Soon', cursive;
        font-style: bold;
        word-wrap: break-word;
    }
    .faceBookIcon a{
        display: inline-block;
        width: 55px;
        height: 55px;
        background-color:  #3b5998; /*facebook blue*/
        border-radius: 2px;
        font-size: 45px;
        color: #ffffff;
        text-align: center;
        line-height: 67px;
        float: right; 
    }

    .faceBookIcon a i{
        margin-left: 10px;   
    }

    .faceBookIcon a:hover{
        background-color:  #CC9; 
        color: #ffffff;
    }

    .jumbotron.nlMainJumbo{
        margin-top: 50px;
        width: 90%;
    }

    .jumbotron.nlMainJumbo h1{
        /*font-family: 'Indie Flower', cursive;*/
        /*font-family: 'Coming Soon', cursive;*/
        font-family: 'Architects Daughter', cursive;
        font-size: 45px;
        margin-bottom: 25px;
        text-align: center;
    }

    .jumbotron.nlMainJumbo h2{
        color: #9C3839;
        font-size: 25px;
        width: 95%;
        margin-bottom: 25px;
        margin-top: 40px;

    }

    .jumbotron.nlMainJumbo  div.newsCont p{
        
        font-size: 15px;

    }

    .jumbotron.nlMainJumbo.noMargTopH2 h2{
        margin-top: 0px;
    }

    .jumbotron.nlMainJumbo h2 a{
        color: #9C3839;

    }

    form .newsFormDonateButton .paypal{
        margin-top: 10px;
        margin-bottom: 20px ;
        height: 50px;
        width: 150px;
    }

    form .centerP{
        width: 100%;
        text-align: center;
    }

    .jumbotron.nlMainJumbo p{
        width: 95%;
        text-indent: 35px;
        font-size: 20px;

    }

    #contentWrapperNL .jumbotron.nlMainJumbo p.noIndent{
        text-indent: 0px;

    }

    .jumbotron.nlMainJumbo form p{
        width: 95%;
        font-size: 20px;

    }

    .jumbotron.nlMainJumbo button{
        color: white;
        height: 50px;
        background-color: #00304A;
    }

    .backBtn{
        text-align: center;
    }

    .jumbotron.nlMainJumbo button:hover{

        background-color: #CC9;
    }

    .jumbotron.nlMainJumbo .newsCont{
        width:90%;
        margin-right: auto;
        margin-left: auto;
        background-color: white;
        padding-bottom: 40px;
    }


    .jumbotron.nlMainJumbo .newsCont div.container{
        margin-top: 20px;
    }

    img.genHeaderImg{
        
        width: 320px;
    }

    img.genPicMarginHeight{
        margin-top: 40px;
    }

    ul.pagination{
        margin-left: auto;
        margin-right: auto;
    }

    /*Spring 2016*/
    #pAuth{
        text-indent: 30px;
    }

    /*Holidays 2015*/
    #hd15Img1 img{
        width:450px; 
        float: left; 
        margin-top:10px; 
        margin-right:15px; 
        margin-bottom: 10px;
    }

    img.hd15Img2{
        width:300px;
    }

    #hd15Img3 img{
        width:200px;
        float:right;
    }

    #hd15genBorderFixes h2{
        margin-top: 15px;
        text-align: center;
    }

    /*Spring 2015*/
    #sp15Img1 img{
        height: 350px;
    }

    #sp15Img2 img{
        height: 350px;
    }

    #sp15Img3 img{
        height: 350px;
    }

    /*Holidays 2014 -none*/

    /*Spring 2014*/
    #sp14inlineImg1 img{
        width:400px; 
        float: left; 
        margin-top:10px; 
        margin-right:15px;
        margin-bottom: 10px;
    }
    #sp14inlineImg2 img{
        width:200px; 
        float: left; 
        margin-top:10px; 
        margin-right:15px; 
        margin-bottom: 10px;
    }
    #sp14Img1 img{
        width: 225px;
    }

    /*Holidays 2013*/
    #hd13Img1 img{
        margin: auto;
    }

    /*Holidays 2012*/
    #hd12headerImg1 img{
        width: 400px;
    }

    #hd12Img1 img{
        height: 270px;
    }
    #hd12Img2 img{
        height: 265px;
    }

    /*Spring 2012 - none*/

    /*Holidays 2011*/
    #hd11headerImg1 img{
        width: 250px;
    }

    #hd11inlineImg1 img{
        width:450px; 
        float: right; 
        margin-top:10px; 
        margin-left:15px; 
        margin-bottom: 10px;
    }

    p#hd11inlineP1{
        font-size: 15px; 
        width: 70%;
    }

    /*Spring 2011*/
    #sp11headerImg1 img{
        width:220px;
    }

    #sp11Img1 img{
        margin: 10px;
    }

    #sp11Img2 img{
        width:300px;
    }

    #sp11Img3 img{
        width:350px;
    }

    /*Holidays 2010*/
    #hd10headerImg1 img{
        width: 250px;
    }

    #hd10inlineImg1 img{
        width:150px; 
        float:right; 
        margin-top:10px; 
        margin-left:8px; 
        margin-bottom: 10px;
    }

    #hd10Img1 img{
        width:350px;
    }

    #hd10Img2 img{
        width:250px;
    }

    #hd10Img3 img{
        width: 250px;
    }

    #hd10Img4 img{
        width: 200px;
    }

    #hd10Img5 img{
        width: 200px;
    }

    #hd10Img6 img{
        width: 700px;
    }

    /*Spring 2010*/
    #sp10inlineImg1 img{
        width:400px; 
        float: left; 
        margin-top:10px; 
        margin-right:15px; 
        margin-bottom: 10px;
    }

    #sp10inlineImg2 img{
        width:200px; 
        float: left; 
        margin-top:10px; 
        margin-right:15px; 
        margin-bottom: 10px;
    }

    #sp10inlineImg3 img{
        width:250px; 
        float:right; 
        margin-top:10px; 
        margin-left:15px; 
        margin-bottom: 10px;
    }

    /*Holidays 2009*/
    #hd09Img1 img{
        width: 320px;
    }

    #hd09inlineImg1 img{
        width:150px; 
        float:right; 
        margin-top:10px; 
        margin-left:12px; 
        margin-bottom: 7px;
    }
    /*Spring 2009 - none */


    /*Holidays 2008*/
    #hd09Img1 img{
        float:left; 
        width:110px;
    }

    /*Spring 2008*/
    #sp08Img1 img{
        width:200px; 
        float:right;
    }

    #sp08Img2 img{
        width:200px;
    }
    #sp08Img3 img{
        width:200px; 
        float:left;
    }
    #sp08Img4 img{
        width:200px; 
        float:left;
    }

    /*Holidays 2007*/
    #hd07inlineImg1 img{
        width: 350px; 
        float: right; 
        margin-top:10px; 
        margin-left:15px; 
        margin-bottom: 10px;
    }

    #hd07inlineImg2 img{
        width:220px; 
        float: left; 
        margin-top:5px; 
        margin-right:15px; 
        margin-bottom: 10px;
    }

    #hd07Img1 img{
        width: 200px;
    }

    #hd07Img2 img{
        width: 180px;
    }

    #hd07Img3 img{
        width: 200px;
    }

    #hd07Img4 img{
        width: 165px;
    }

    /*Spring 2007*/
    p#sp07P1{
        width: 90%;
    }

    #sp07Img1 img{
        width: 80%;
        float: left;
    }

    /*Holidays 2006 - none*/

    /*Spring 2006*/
    #sp06headerImg1 img{
        width: 170px;
    }

    h4#sp06h{
        text-indent:20px;
    }


    /*Spring 2005*/
    #sp05headerImg1 img{
        width: 250px;
    }
    p#sp05smtext{
        font-size: 12px;
    }

    /*Holidays 2004*/
    #hd04inlineImg1 img{
        float: left; 
        margin-top:10px; 
        margin-right:15px; 
        margin-bottom: 10px;
    }

    #hd04inlineImg2 img{
        float: right; 
        margin-top:10px; 
        margin-left:15px; 
        margin-bottom: 10px;
    }

    #hd04inlineImg3 img{
        float: left; 
        margin-top:10px; 
        margin-right:15px; 
        margin-bottom: 10px;
    }

    #hd04inlineImg4 img{
        width: 100%;
    }

    /*Spring 2004*/
    #sp04inlineImg1 img{
        float: left; 
        margin-top:10px; 
        margin-right:15px; 
        margin-bottom: 10px;
    }

    #sp04inlineImg2 img{
        float: right; 
        margin-top:10px; 
        margin-left:15px; 
        margin-bottom: 10px;
    }

    #sp04inlineImg3 img{
        float: left; 
        margin-top:10px; 
        margin-right:15px; 
        margin-bottom: 10px;
    }

    /*Holidays 2003*/

    #hd03inlineImg1 img{
        float: left; 
        margin-top:10px; 
        margin-right:15px; 
        margin-bottom: 10px;
    }

    #hd03inlineImg2 img{
        float: right; 
        margin-top:10px; 
        margin-left:15px; 
        margin-bottom: 10px;
    }

    /*Spring 2003*/
    #sp03inlineImg1 img{
        float: right; 
        margin-top:10px; 
        margin-left:15px; 
        margin-bottom: 10px;
    }

    #sp03inlineImg2 img{
        float: left; 
        margin-top:10px; 
        margin-right:15px; 
        margin-bottom: 10px;
    }

    img.sp03inlineImg3{
      float: left; 
      margin-top:10px; 
      margin-right:15px; 
      margin-bottom: 50px;  
    }

    /*Roof Reno*/
    #roofInlineImg1 img{
        float: right; 
        margin-top:10px; 
        margin-left:15px; 
        margin-bottom: 10px;
    }

/*************************************************************************
 *    Footer 
 **************************************************************************/



#footerWrapper{
    background-color: #00304A;
    /*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);*/
    border-top: 5px solid #CC9;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font: normal 16px sans-serif;

    padding: 45px 50px;
    margin-top: 40px;
}

#footerWrapper .footer-left p{
    color:  #8f9296;
    font-size: 14px;
    margin: 0;
}

#footerWrapper p.footer-links{
    font-size:18px;
    font-weight: bold;
    color:  #ffffff;
    margin: 0 0 10px;
    padding: 0;
}

#footerWrapper p.footer-links a{
    display:inline-block;
    line-height: 1.8;
    text-decoration: none;
    color:  inherit;
}

#footerWrapper p.footer-links a.active{
    text-decoration: underline;
    color: #9C3839;
}
#footerWrapper p.footer-links a:hover{
    text-decoration: underline;
    color: #9C3839;
}

#footerWrapper .footer-right{
    float: right;
    margin-top: 6px;
    max-width: 180px;
}

#footerWrapper .footer-right a{
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color:  #3b5998; /*facebook blue*/
    border-radius: 2px;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    line-height: 55px;
    margin-left: 3px;
}

#footerWrapper .footer-right a:hover{

    background-color:  #CC9;
}




@media (max-width: 350px) {
    .jumbotron.indexMainJumbo .paypal{
        margin-top: 10px;
        margin-bottom: 30px ;
        height: 50px;
        width: 160px;
    }

    .jumbotron.donateMainJumbo .paypal{
        margin-top: 10px;
        margin-bottom: 30px ;
        height: 50px;
        width: 160px;
    }
}


@media (max-width: 425px) {
    .cImage img{
        width: 100%;
        /*max-width:90%;*/
        /*height: 500px;*/
        min-height: 210px;
        /*max-height: 3px;*/
    }
    .jumbotron.nlMainJumbo .genInfoStyle h2{
        font-size: 1.5em;
        font-family: 'Coming Soon', cursive;
        font-style: bold;
        word-wrap: break-word;
    }
}



@media (max-width: 600px) {

    #myTabContent ul li p{
        text-indent: 0px;
    }
    #myTabContent{
        width: 95%;
    }

    #carousel-example-generic{
        margin-top: 40px;
    }

    #footerWrapper .footer-left,
    #footerWrapper .footer-right{
        text-align: center;
    }
    #footerWrapper .footer-right{
        float: none;
        margin: 0 auto 20px;
    }
    #footerWrapper .footer-left p.footer-links{
        line-height: 1.8;
    }
}