body { margin-top: 25px; text-align: left; background-image: url(images/bg.jpg); background-position: center top; background-repeat: repeat-x; background-color: #fff; font-family: 'Roboto Slab', serif; color: #666;  }
body a:link, body a:visited, body a:active { color: #666; text-decoration: underline; }
body a:hover { color: #336699; text-decoration: underline; }

.wrapper { width:1000px; text-align: center; margin: 0 auto; }

h1 { color: #336699; font-size: 19pt; font-weight: bold; margin: 0; }

h2 { color: #666; font-size: 15pt; font-weight: bold; margin: 0; }

ul.a {list-style-type: circle; line-height: 22px; margin:0 auto; padding: 0px 0px 0px 0px; color: #666; font-weight: normal; }




/*------------------------------------------------*/
/*--------------------[HEADER]--------------------*/
/*------------------------------------------------*/


.Header{ float:left; width:1000px; background-color: #336699; }

.HeaderLeft{ float:left; padding: 25px 0px 25px 25px; width:418px; }

.HeaderRight{ float:right; width:532px; padding: 35px 25px 0px 0px; text-align: right; font-family: 'Alegreya SC', serif; color: #fff; }

.HeaderRightTop{ float:right; padding: 0px 0px 0px 0px; font-size: 16pt; }

.HeaderRightBottom{ float:right; text-align: right; color: #6699cc; font-size: 20pt; font-weight: 100; }
.HeaderRightBottom a:link, .HeaderRightBottom a:visited, .HeaderRightBottom a:active { color: #fff; font-size: 25pt; text-decoration: none; }
.HeaderRightBottom a:hover { color: #fff; text-decoration: underline; }


/*------------------------------------------------*/
/*-----------------[NAVIGATION]-------------------*/
/*------------------------------------------------*/

.Nav{ float:left; width:1000px; font-size: 13pt; }

.FullWidthShadow{ float:left; width:1000px; height:27px; background-image: url(images/full-width-shadow.png) }



/*------------------------------------------------*/
/*--------------------[SLIDER]--------------------*/
/*------------------------------------------------*/

.Slider{ float:left; width:1000px; height:507px; padding: 0px 0px 0px 0px; }

#slideshow { width:1000px; height:507px; }
.pics { width:1000px; height:507px; overflow: hidden }
.pics img { width:1000px; height:507px; border: 0px solid #ccc; top:0; left:0 }



/*------------------------------------------------*/
/*--------------------[IMAGE]---------------------*/
/*------------------------------------------------*/

.Image{ float:left; width:1000px; height:350px; padding: 0px 0px 0px 0px; }



/*------------------------------------------------*/
/*---------------------[BODY]---------------------*/
/*------------------------------------------------*/

.MainBody{ float:left; width:1000px; padding: 25px 0px 50px 0px; }

.MainBodyLeft{ float:left; width:575px; padding: 0px 50px 0px 0px; line-height: 21px; text-align: left; }

.MainBodyRight{ float:right; width:375px; padding: 0px 0px 0px 0px; }

.MBRightBox{ float:right; width:325px; padding: 25px 25px 25px 25px; background-color: #336699; }

.MBRightBoxTitle{ float:right; width:275px; padding: 20px 25px 20px 25px; background-color: #388ccb; color: #fff; letter-spacing: 1px; }
.MBRightBoxTitle a:link, .MBRightBoxTitle a:visited, .MBRightBoxTitle a:active { color: #fff; text-decoration: underline; }
.MBRightBoxTitle a:hover { color: #ffffcc; text-decoration: underline; }


.MBRightBoxInfo{ float:right; width:325px; padding: 25px 0px 0px 0px; color: #fff; }
.MBRightBoxFB{ float:right; width:375px; height:300px; padding: 25px 0px 20px 0px; color: #fff; }

.Donate{ float:right; width:375px; padding: 25px 0px 20px 0px; }

.RightShadow{ float:left; width:375px; height:27px; background-image: url(images/right-shadow.png) }



/*------------------------------------------------*/
/*---------------------[CONTACT]------------------*/
/*------------------------------------------------*/


.ContactLeft{ float:left; width:550px; padding: 0px 50px 0px 0px; line-height: 21px; text-align: left; }

.ContactLeftTop{ float:left; width:550px; padding: 0px 0px 70px 0px; }

.ContactLeftBottom{ float:left; width:550px; padding: 0px 0px 0px 0px; }


.ContactRight{ float:right; width:400px; padding: 0px 0px 0px 0px; text-align: right; }

.ContactRightTop{ float:left; width:400px; padding: 0px 0px 30px 0px;  }

.ContactRightBottom{ float:left; width:400px; padding: 0px 0px 0px 0px; }



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

.Footer{ float:left; width:950px; padding: 25px 25px 25px 25px; background-color: #336699; font-size: 9pt; }

.FooterLeft{ float:left; width:475px; color: #fff; text-align: left; }

.FooterRight{ float:right; width:475px; text-align: right;  }
.FooterRight a:link, .FooterRight a:visited, .FooterRight a:active { color: #003366; text-decoration: none; }
.FooterRight a:hover { color: #fff; text-decoration: none; }









/* Mobile */

@media handheld, only screen and (max-width: 478px) { 

.wrapper{ width:100%; }


body { margin-top: 0px; text-align: left; background-image: none; }



/*--------------------[HEADER]--------------------*/

.Header{ float:none; width:100%; }

.HeaderLeft{ float:none; padding: 25px 0px 0px 0px; width:300px; margin: auto; }

.HeaderRight{ float:none; width:100%; padding: 35px 0px 0px 0px; text-align:center; }

.HeaderRightTop{ float:none; padding: 0px 0px 0px 0px; font-size: 15pt; }

.HeaderRightBottom{ float:none; text-align:center; font-size: 17pt; padding: 0px 0px 20px 0px; }
.HeaderRightBottom a:link, .HeaderRightBottom a:visited, .HeaderRightBottom a:active { font-size: 22pt; }



/*-----------------[NAVIGATION]-------------------*/

.Nav{ float:none; width:100%; font-size: 13pt; }

.FullWidthShadow{ display: none }




/*--------------------[SLIDER]--------------------*/

.Slider{ display: none }



/*--------------------[IMAGE]---------------------*/

.Image{ float:none; width:300px; height:105px; padding: 25px 0px 0px 0px; text-align:center; margin: auto; }



/*---------------------[BODY]---------------------*/

.MainBody{ float:none; width:100%; padding: 25px 0px 50px 0px; }

.MainBodyLeft{ float:none; width:100%; padding: 0px 0px 30px 0px; line-height: 18px; }

.MainBodyRight{ float:none; width:100%; padding: 0px 0px 0px 0px; }

.MBRightBox{ float:none; width:100%; padding: 0px 0px 25px 0px; }

.MBRightBoxTitle{ float:none; width:100%; padding: 20px 0px 20px 0px; }


.MBRightBoxInfo{ float:none; width:100%; padding: 25px 0px 0px 0px; }
.MBRightBoxFB{ float:none; width:100%; height:auto; padding: 50px 0px 0px 0px; }

.Donate{ float:none; width:100%; padding: 25px 0px 20px 0px; }

.RightShadow{ display: none }



/*---------------------[CONTACT]------------------*/

.ContactLeft{ float:none; width:100%; padding: 0px 0px 0px 0px; }

.ContactLeftTop{ float:none; width:100%; padding: 0px 0px 50px 0px; }

.ContactLeftBottom{ float:none; width:100%; padding: 0px 0px 50px 0px; }


.ContactRight{ float:none; width:100%; padding: 0px 0px 0px 0px; text-align: left; }

.ContactRightTop{ float:none; width:100%; padding: 0px 0px 30px 0px;  }

.ContactRightBottom{ float:none; width:100%; padding: 0px 0px 0px 0px; }





/*---------------------[FOOTER]-------------------*/

.Footer{ float:none; width:100%; padding: 25px 0px 25px 0px; }

.FooterLeft{ float:none; width:100%; text-align:center; padding: 0px 0px 25px 0px;}

.FooterRight{ float:none; width:100%; text-align:center; }






}