html,body {
margin:0;
padding:0;
color: #363636;
font-family: Arial, Helvetica, sans-serif;
background-color: #2c2a2a;
/* background-image: url('images/sunrise_background.jpg'); */
}


#container { /*Total width of this div is 960px*/
width: 960px; 
margin: 0 auto;
background-image: url('images/sprinkles_background.png');
font-size: 14px; 
font-family: Arial, Helvetica, sans-serif;

}

#container p {
margin-left: 25px;
margin-right: 10px;
padding-bottom: 10px;

}

.title {
text-align: center;
}


h1 {
font-weight: normal;
font-size: 26px;
}

h2 {
font-size: 16px;
margin-left: 30px;
margin-right: 30px;
color: #863d46;
}

h3 {
font-weight: normal;
font-size: 14px;
}

h3.goods {
    font-weight: bold;
    font-size: 18px;
    margin-left: 25px;
}

h3.products {
  font-weight: bold;
  font-size: 18px;
  margin-left: 25px;
}

H4 {
font-weight: normal;
margin-left: 35px;
}

.center {
    text-align: center;
}


.headline a:link  { color: #A70050; text-decoration: underline; }
.headline a:visited { color: #A70050; text-decoration: underline; }
.headline a:hover { color: #cd8500; text-decoration: underline; }
.headline a:active { color: #cd8500; text-decoration: underline; }




#header {
background-color: #fff;
width: 960px;
margin: 0;
}



#buttons {
width: 800px;
background-color: #fff;
display: inline;
}

#navbar {
width: 960px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
text-align: center;
background-color:#f8d6a7;
padding-top: 6px;
border-top: 2px solid #ef8154;
border-bottom: 1px solid #deb170;

}

#navbar ul {
display: inline;
list-style-type: none;
padding: 0px;
margin: 0px;
}

#navbar li {
display: inline;
padding: 40px;
margin: 0px;
 }

#navbar li.first {
 margin-left: auto;
 }


#navbar  a:link, a:visited { text-decoration: none; color: #363636; border: none;}
#navbar a:hover { text-decoration: none; color: #fff;  }
#navbar  a:active { text-decoration: none; color: #fff;  }


.headline {
text-align: center;
}



/* home page info area */

#homepage {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    
}

#welcome {
    width: 694px;
    height: 180px;
    padding-left: 5px;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 30px;
    background-color: #fff;
    background-image: url('images/welcome-back-sunburst-frame3.jpg');
  box-shadow:         1px 1px 0px 1px #ccc;
}

#welcome p {
    padding-top: 10px;
    font-size: 16px;
    font-weight: bolder;
    color: #050000;
    font-style: italic;
    text-align: center;
}

#welcome {
  
  font-size: .9rem;
  color: #050000;
  text-align: center;
  font-weight: 600;
}

#content {
    width: 700px;
    float: left;
    margin-left: 15px;
    margin-bottom: 30px;
    background-color: #fff;
    border: solid 1px #c1c1c1;
  box-shadow:  1px 1px 0px 1px #ccc;
}

#contact {
  width: 900px;
  margin-top: 30px;
  margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
  box-shadow:   1px 1px 0px 1px #ccc;
}

#contact h1 {
    text-align: center;
    padding-top: 15px;
}

.donate-btn {
    margin-left:25px;

}

.ebook {
    padding: 15px;
    background-color: #dfbbbb;
  margin-top: 20px;
  margin-bottom: 20px;
text-align: center;
}

.products-index {
  padding: 15px;
  background-color: #dfbbbb;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}

.ebook img {
margin-top: 5px;
margin-left: 10px;
margin-bottom: 5px;
}

.goods-ebook img{
    margin-left: 75px;
}


#form {
  width: 900px;
  margin-top: 30px;
  margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
  box-shadow:    1px 1px 0px 1px #ccc;
}

#boxes {
  width: 800px;
  padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    background-color: #fedd9d;
    height: 200px;
    border: solid 1px #f8c767;
  box-shadow:   1px 1px 0px 1px #ccc;
}

#boxes img{
    text-align: left;
    margin-top: 15px;
    
    
}

#mc_embed_signup {
    padding: 20px;
float: right;
margin-top: 5px;
font-size :12px;
font-family: Helvetica,Arial,sans-serif;
width:160px;

}

#homeinfo {
width: 700px;
float: left;
    margin-bottom: 30px;
    margin-top: 30px;
    margin-left: 15px;
    background-color: #fff;
    border: solid 1px #c1c1c1;
  box-shadow:    1px 1px 0px 1px #ccc;
}



#events {
width: 700px;
float: left;
    margin-bottom: 30px;
    margin-top: 30px;
    margin-left: 15px;
    background-color: #fff;
    border: solid 1px #c1c1c1;
  box-shadow:         1px 1px 0px 1px #ccc;
}

#events2 {
width: 700px;
float: left;
    margin-bottom: 30px;
    margin-top: 10px;
    margin-left: 15px;
    background-color: #fff;
    border: solid 1px #c1c1c1;
  box-shadow:         1px 1px 0px 1px #ccc;
}

#headings {
width: 500px;
float: left;
margin-left: 110px;
    margin-bottom: 0px;
    margin-top: 10px;
    background-color: #fff;
    border: solid 1px #c1c1c1;
  box-shadow:        1px 1px 0px 1px #ccc;
}

#homeinfo h1 {
text-align: center;
color: #363636;

}

#events h1, h2 {
text-align: center;
}

#events2 h1, h2 {
text-align: center;
color: #363636;
}

#headings h1 {
  text-align: center;  
    color: #863d46;
}

table {
width: 600px;
margin-left: 50px;
padding: 20px;
}

table th{
font-size: 18px;
}

hr{
    background-color:#fff;
border:#c1c1c1 1px dotted;
border-style: none none dotted;
color:#fff;
    
}




/* Info Pages */

#main{
width: 880px;
margin-left: 20px;

}

#main h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: normal;
text-align: center;
}

hr {
width: 80%;
align-content: center;
color: #c2c2c2;
}


.big {
font-size: 22px;
}

/* Right Column */

#right_col_home {
width: 200px;
float: right;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 2px;

}

#right_col_home h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.signup {
    width: 185px;
    background-color: #f8d6a7;
    text-align: left;
    height: 170px;
    padding-top: 3px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 3px;
    border: 3px solid #deb170;
}

.signup h3 {
    font-weight: bolder;
    font-size: 18px;
    text-align: center;
}

.signup h4 {
    font-weight: bolder;
}


#right_col {
width: 200px;
float: right;
margin-right: 15px;
background-color: #fff;
margin-top: 30px;
border-left: solid 1px #f1f1f1;
border-bottom: solid 1px #f1f1f1;
  box-shadow:         1px 1px 0px 1px #ccc;
}

#right_col ul{
list-style-type: none;
}

#right_col ul li{
margin-bottom: 25px;
}

#right_col ol li {
margin-bottom: 25px;
}


/* Services Page */

#left-col {
width: 230px;
float: left;
margin-left: 10px;
}

#services
{
width: 600px;
float: left;
margin: 0;
padding: 0;
}

#services p
{
margin-left: 20px;
}


.center {
text-align: center;
}
#clear {
clear: both;
}



#info {
font-size: 20px; 
width: 760px;
margin-left: 20px;
margin-right: 20px;
}




/* Footer */

#footer {
border-top: 3px solid #e76632;
width: 960px;
height: 30px;
background-color: #ef8658;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #363636;
text-align: center;
clear: both;
margin-left: 0;
margin-right: 0;
}

#footer a:link, a:visited { color: #424242; text-decoration: none; border: none;}
#footer a:active { color: #424242; }
#footer a:hover { color: #A70050; }


#footer p {
margin-top: 5px;
margin-right: 120px;
}

#bottom {
margin-top: 2px;
border-top: solid 1px #000;
width: 960px;
height: 140px;
background-color: #daceba;
font-size: 14px;
clear: both;
}


#bottom a:link  { color: #A70050; text-decoration: underline; }
#bottom a:visited { color: #A70050; text-decoration: underline; }
#bottom a:hover { color: #cd8500; text-decoration: underline; }
#bottom a:active { color: #cd8500; text-decoration: underline; }


.buttons ul{
display: inline;
list-style-type: none;
}

.buttons li{
display: inline;
padding: 14px;
margin-bottom: 10px;
font-size: 14px;
}









