@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'bebas';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo';
    src: url('fonts/museo500-regular-webfont.eot');
    src: url('fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo500-regular-webfont.woff') format('woff'),
         url('fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('fonts/museo500-regular-webfont.svg#museo_500regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background: url(images/bg.jpg) repeat;
	font: 13px Arial, Helvetica, sans-serif;
	color: #2468AB;
}

#outerwrapper {
	background: url(images/outerbg.jpg) repeat-x;
	min-width: 960px;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#top {
	background: url(images/topbg.jpg) repeat;
	height: 175px;
}

#hometop {
	background: url(images/home_topbg.jpg) repeat;
	height: 175px;
}

#logo {
	margin: 0 auto;
	width: 295px;
	z-index: 5;
	position: relative;
}

#nav {
	background: url(images/navbg.png) no-repeat;
	width: 825px;
	height: 56px;
	margin: -35px auto 0 auto;
	position: relative;
	padding: 30px 0 0 100px;
}

#nav #homebut {
	position: absolute;
	left: 60px;
	top: 26px;
}

#nav .button, #nav .buttonon {
	font: 20px 'bebas';
	float: left;
	text-shadow: 1px 1px 1px #BF431B;
}

#nav .button a, #nav .buttonon a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 10px 10px 10px;
	display: block;
}

#nav .button a:hover, #nav .buttonon a {
	color: #F8E48F;
}

/*Home*/
#home {
}

#home .hometop {
	background: url(images/home_topbg.jpg) repeat;
	clear: both;
	overflow: hidden;
	padding: 26px 65px;
}

#home .hometop .flash {
	float: left;
	width: 581px;
}

#home .hometop .tagline {
	font: 23px 'museo';
	color: #2468AB;
	text-shadow: 1px 1px 1px #FFFFFF;
	background: url(images/home_tagline.gif) no-repeat center;
	text-align: center;
	margin: 17px 0 0 0;
}

#home .hometop .buttons {
	float: right;
	width: 231px;
}

#home .hometop .buttons .marg {
	margin: 0 0 11px 0;
}

#home .homebot {
	
	background: url(images/dotbg.png) repeat-x top, url(images/home_botbg.jpg) repeat;
	clear: both;
	overflow: hidden;
	padding: 25px 65px;
}

#home .homebot .text {
	float: left;
	width: 340px;
	text-align: left;
	line-height: 25px;
}

#home .homebot .largetext {
	font-size: 14px;
	font-weight: bold;
}

#home .homebot .newsletter {
	background: url(images/home_newsletter.gif) no-repeat;
	width: 340px;
	height: 54px;
	padding: 50px 0 0 18px;
	margin: 45px 0 0 0;
}

#home .homebot .textfield {
	background-color: #FFFFFF;
	border: 0px;
	border-left: 2px solid #521506;
	border-top: 2px solid #521506;
	width: 260px;
	height: 35px;
	color: #A7AAAC;
	float: left;
	padding: 0 0 0 10px;
}

#home .homebot .newsletter .go {
	float: left;
	width: 28px;
	margin: 10px 20px 0 15px;
}

#home .homebot .services {
	float: right;
	width: 440px;
}

#home .homebot .services .maintitle {
	font: 23px 'museo';
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #416A9A;
	background-color: #2468AB;
	padding: 10px 0;
	text-align: center;
}

#home .homebot .services .servicebox {
	float: left;
	width: 223px;
	margin: 15px 0;
}

#home .homebot .services .servicebox img {
	margin: 0 10px 0 0;
}

#home .homebot .services .margbox {
	margin-right: 13px;
	width: 204px;
}

#home .homebot .services .title {
	font: 17px 'museo';
	color: #2468AB;
	text-shadow: 1px 1px 1px #FFFFFF;
	padding: 15px 0 0 0;
}

#home .homebot .services .view {
	text-align: right;
	font-size: 11px;
}

#home .homebot .services .view a {
	color: #353535;
}

#home .homebot .dots {
	background: url(images/dotbg.png) repeat-x bottom;
	padding: 20px 0 0 0;
	clear: both;
}

#home .homebot .eventsbox {
	color: #6A6A6A;
	background-color: #FFFFFF;
	border: 1px solid #211F20;
	float: left;
	width: 390px;
	min-height: 250px;
	margin: 20px 0 0 0;
}

#home .homebot .margbox {
	margin-right: 35px;
}

#home .homebot .eventsbox .maintitle {
	background-color: #211F20;
	color: #FFFFFF;
	margin: 0 auto;
	border: 0px;
	padding: 10px 0;
	font: 23px 'museo';
	text-align: center;
}

#home .homebot .eventsbox .box {
	padding: 0 12px 30px 12px;
}

#home .homebot .eventsbox .title {
	font: 15px 'museo' ;
	color: #1D558C;
	border-top: 1px solid #C1C1BF;
	border-bottom: 1px solid #C1C1BF;
	padding: 5px 15px;
	margin: 15px 0;
}

#home .homebot  a {
	color: #1D558C;
	text-decoration:none;
}

#home .homebot .eventsbox .date {
	font: 13px 'museo'
}

#home .homebot .eventsbox .image {
	margin: 0 10px;
}

#home .homebot .eventsbox .more {
	font-size: 12px;
	text-align: right;
}

#home .homebot .eventsbox .more a {
	color: #6A6A6A;
	text-align: right;
}

#home .homebot .eventsbox .view {
	text-align: right;
	margin: 10px;
}

#center {
	background-color: #FFFFFF;
  	min-height:500px;
  	height:auto !important;
  	height:500px;
}

#pages {
	padding: 30px 50px;
}

.heart {
	margin: 0 15px 0 0;
}

#pages h1 {
	font: 25px 'bebas';
	background: url(images/headerbg.png) no-repeat left, url(images/headerbg.png) no-repeat right;
	padding: 0 20px;
	text-align: center;
	color: #2468AE;
	margin: 0 auto 40px auto;
}

#pages h1.missionh1 {
	width: 110px;
}

#pages h1.contacth1 {
	width: 100px;
}

#pages h1.testimonialsh1 {
	width: 110px;
}

#pages h1.endorsementsh1 {
	width: 120px;
}

#pages h1.letterh1 {
	width: 140px;
}

#pages h1.eventsh1 {
	width: 120px;
}

#pages h1.donateh1 {
	width: 60px;
}

#pages h1.servicesh1 {
	width: 75px;
}

#pages h2 {
	font: 25px 'bebas';
	padding: 0px 0px 7px 0px;
	color: #d56247;
	border-bottom:1px solid #d56247;
	width:200px;
}

#pages h3 {
	font: 18px 'bebas';
	padding: 0px 0px 7px 0px;
	color: #d56247;
	min-height:60px;
}

#pages .image {
	margin: 0 0 0 25px;
}

/*Services*/
#pages.services {
	line-height: 22px;
}

#pages.services .buttons {
	clear: both;
	overflow: hidden;
}

#pages.services .box {
	float: left;
	width: 390px;
	padding: 20px 0;
	font-size: 12px;
	text-align: justify;
}

#pages.services .boxpad {
	padding-right: 80px;
}

#pages.services .box .image {
	margin: 0 15px 0 0;
}

#pages.services .box .title {
	font-size: 14px;
	font-weight: bold;
	color: #2468AE;
	padding: 0 0 10px 0;
}

#pages.services .box a {
	color: #47A2B6;
	text-decoration: none;
}

#pages.services .box a:hover {
	color: #353535;
}

#pages.services .more {
	text-align: right;
}

#pages.services .more a {
	color: #353535;
	font-size: 10px;
	text-decoration: underline;
}

#service_detail {
	background-color:#FFF;
	background-image:none;
	line-height:22px;
	text-align:justify;
}


#service_detail .image {
	margin: 0 15px 0 0;
}

#service_detail .title {
	font-size: 14px;
	font-weight: bold;
	color: #2468AE;
	padding: 0 0 10px 0;
}

/*Events*/
#pages.events {
	overflow:hidden;
}

#pages.events .newscol {
	float: right;
	width: 410px;
	padding: 0 0 0 20px;
}

#pages.events .eventscol {
	float: left;
	width: 410px;
	padding: 0 20px 0 0;
	background: url(images/dotbg.png) repeat-y top right;
}

#pages.events .box {
	float: left;
	width: 435px;
	padding: 0 0 30px 0;
}

#pages.events .header {
	font: 25px 'bebas';
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #4891A1;
	background: url(images/bg.jpg) repeat;
	padding: 10px 15px;
	margin: 0 0 20px 0;
}

#pages.events .eventsbox {
	clear: both;
	overflow: hidden;
	padding: 0 0 20px 0;
}

#pages.events .eventtitle {
	font-size: 14px;
	font-weight: bold;
	color: #2468AE;
}

#pages.events .eventtitle a {
	color: #2468AE;
	text-decoration: none;
}

#pages.events .eventtitle a:hover {
	color: #353535;
}

#pages.events .eventdesc {
	line-height: 22px;
}

#pages.events .more {
	text-align: right;
	font-size: 11px;
}

#pages.events .more a {
	color: #353535;
}

#pages.events .eventimagedetail {
	margin:0px 0px 0px 5px;
}

#pages.events .eventimage img {
	margin:0px 5px 10px 0px;
}

/*Donate*/
#pages.services .text, #pages.donate .text {
	line-height: 22px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	clear: both;
	overflow: hidden;
}

#pages.donate td {
	padding: 4px;
}

#pages.donate .textfield, #pages.donate .textfieldsm, #pages.donate .textfieldxsm, #pages.donate .textarea {
	background-color: #F4F4F4;
	width: 300px;
	height: 26px;
	border: 1px solid #BBBBBB;
}

#pages.donate .textfieldsm {
	width: 180px;
}

#pages.donate .textfieldxsm {
	width: 100px;
}

#pages.donate .textarea {
	height: 80px;
}

#pages.donate .DonateHead {
	font: 25px 'bebas';
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #4891A1;
	background: url(images/bg.jpg) repeat;
	padding: 10px 15px;
	margin: 0 0 20px 0;
}

/*Video*/
#pages.video {
	text-align: center;
}

#pages.video .buttonvideo {
	font: 25px 'bebas';
	clear:both;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #4891A1;
	background: url(images/bg.jpg) repeat;
	padding: 10px 15px;
	width: 370px;
	margin: 5px auto;
}

#pages.video .buttonvideo a {
	color: #FFFFFF;
	text-decoration: none;
}

#pages.video .buttonvideo a:hover {
	color: #353535;
}

#pages.video .vidtitle {
	font: 15px 'bebas';
}

#pages.video .video1 {
	float:left;
	width:415px;
	height:375px;
	margin: 10px auto;
}

#pages.video .video2 {
	    height: 350px;
    width: 415px;
    margin: 35px auto;
}

/*Testimonials*/
#pages.testimonials .box {
	clear: both;
	overflow: hidden;
	padding: 20px 0;
}

#pages.testimonials .name {
	float: left;
	width: 170px;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	background-color: #2468AE;
}

#pages.testimonials .text {
	float: right;
	width: 620px;
	background: url(images/dotbg.png) repeat-x top left;
	line-height: 19px;
	padding: 10px 0;
}

#pages.testimonials .text p {
	margin: 0px;
	padding: 8px 0 0 0;
}

#pages.testimonials .view a {
	color: #47A2B6;
	font-weight: bold;
}

#pages.testimonials .sign {
	float: left;
	width: 310px;
	margin: 10px 0 5px 0;
	font-weight: bold;
	line-height: 35px;
}

#pages.testimonials img {
	margin: 0 15px 0 0;
}

#lightbox {
	background-color: #EEE;
	padding: 15px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}

#lightbox img {
	border: none;
	clear: both;
}

#lightboxCaption { 
	float: left; 
}

#overlay {
background-image: url(images/overlay.png);
}

#closeButton {
	top: 5px;
	right: 5px;
}

/*mission*/
#pages.mission {
	line-height: 20px;
	text-align: justify;
}

#pages.mission a {
	color: #47A2B6;
}
		
/*Contact*/
#pages.contact .contacttext {
	float: left;
	width: 225px;
	background: url(images/bg.jpg) repeat;
	text-align: center;
	color: #FFFFFF;
	text-shadow: -1px 1px 1px #448190;
	line-height: 30px;
	font-size: 15px;
}

#pages.contact .contacttext .address {
	border-bottom: 1px solid #457AAC;
	padding: 25px 45px;
}

#pages.contact .contacttext .title {
	font-size: 17px;
	font-weight: bold;
}

#pages.contact .contacttext .phone {
	background: url(images/contact_phone.png) no-repeat left;
	background-position: 30px 30px;
	border-top: 1px solid #265078;
	padding: 25px 45px 25px 40px;
}

#pages.contact #form {
	float: right;
	padding: 35px 65px 0 65px;
	width: 450px;
	background: url(images/dotbg.png) repeat-x top left;
}

#pages.contact #form p {
	width: 450px;
	clear: both;
	overflow: hidden;
	padding: 7px 0 9px 0;
	margin: 0;
}

#pages.contact #form label {
	float: left;
	width: 75px;
}

#pages.contact .textfield, #pages.contact .textarea {
	background-color: #F4F4F4;
	width: 360px;
	height: 35px;
	border: 1px solid #BBBBBB;
}

#pages.contact .textarea {
	height: 100px;
}

#pages.contact #response {
	padding: 20px;
}

#pages.contact .button {
	text-align: right;
	margin: 0 13px 0 0;
}

#footer {
	background: url(images/footerbg.gif) repeat-x top;
	background-color: #211F20;
	height: 148px;
	color: #FFFFFF;
}

#footer ul {
	text-align: center;
	padding: 15px 0;
}

#footer li {
	display: inline;
	border-right: 1px solid #202020;
	padding: 0 8px;
}

#footer li a, #copy a, #homecopy a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer li a:hover, #copy a:hover, #homecopy a:hover {
	color: #F8E48F;
}

#footer .lastli {
	border: 0px;
}

#footer .newsletter {
	background: url(images/footer_join.png) no-repeat;
	width: 246px;
	height: 34px;
	float: left;
	margin: 10px 75px 0 15px;
	padding: 33px 0 0 5px;
}

#footer .newsletter .textfield {
	background: url(images/footer_join-textfieldbg.gif) no-repeat;
	border: 0px;
	width: 195px;
	height: 26px;
	color: #A7AAAC;
	float: left;
	padding: 0 0 0 10px;
}

#footer .newsletter .go {
	float: left;
	width: 27px;
	margin: 5px 0 0 5px;
}

#copy {
	text-align: center;
	font-size: 11px;
	float: left;
	margin: 35px 0 0 0;
}

#homecopy {
	text-align: center;
	font-size: 11px;
	margin: 35px 0 0 0;
}