@charset "UTF-8";
#container {
	width: 100%; /* 1200px org size */
	margin-right: auto;
	margin-left: auto;
}
#header {
	float: left;
	min-height: 200px;
	width: 100%; /* 1200px org size */
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
}
#nav_bar {
	float: left;
	xxheight: 55px;
	height: 100%;
	width: 100%; /* 1200px org size */
	background-color: #013aaf;
}
#social_container {
	xxbackground-color: #3C6;
	float: left;
	height: 100px;
	max-width: 380px;
	min-width: 280px; 
	width: 26.666666666667%; /* 320px / 1200px * 100 */
	margin-left: 120px; /* kinda works without it */
	margin-top: 90px;
}
#social_text {
	float: left;
	height: 21px;
	width: 100%;; /* 320px / 320px * 100 */
	margin-left: 7.8125%; /* 25px / 320px * 100 */
	xxmargin-right: 26.5625%; /* 85px / 320px * 100 */
}
#social_button_01 {
	float: left;
	height: 48px;
	width: 15%; /* 48px / 320px * 100 */
	margin-top: 8px;
}
#social_button_02 {
	float: left;
	height: 48px;
	width: 15%; /* 48px / 320px * 100 */
	margin-left: 3.125%; /* 10px / 320px * 100 */
	margin-top: 8px;
}
#social_button_03 {
	float: left;
	height: 48px;
	width: 15%; /* 48px / 320px * 100 */
	margin-left: 3.125%; /* 10px / 320px * 100 */
	margin-top: 8px;
}
#social_button_04 {
	float: left;
	height: 48px;
	width: 15%; /* 48px / 320px * 100 */
	margin-left: 3.125%; /* 10px / 320px * 100 */
	margin-top: 8px;
}
#social_button_05 {
	float: left;
	height: 48px;
	width: 15%; /* 48px / 320px * 100 */
	margin-left: 3.125%; /* 10px / 320px * 100 */
	margin-top: 8px;
}
#logo {
	float: left;
	xxbackground-color: #0F0;
	height: 87px;
	width: 87px;
	xxwidth: 13.75%; /* 165px / 1200px * 100 */ 
	margin-left: 2.916666666667%; /* 35px / 1200px * 100 */
	margin-top: 80px;
	xxmin-width: 113px;
}
#logo_text {
	xxbackground-color: #3C6;
	float: left;
	xxheight: 73px;
	width: 47.833333333333%;  /* 574px / 1200px * 100 */
	margin-left: 0.166666666667%;  /* 2px / 1200px * 100 */
	margin-right: 2.916666666667%; /* 35px / 1200px * 100 */
	margin-top: 112px;
}
#content {
	float: left;
	width: 100%; /* 1200px org size */
	background-color: #FFFFFF;
	padding-bottom: 30px;
}
#main_photo {
	float: left;
	xxheight: 494px; /* when you take it off div fits to image when it shrinks */
	width: 100%; /* 1200px org size */
	background-color: #39F;
}
#secondary_nav_strip {
	background-color: #013aaf;
	float: left;
	xxheight: 100%;
	xxmin-height: 110px;
	width: 100%; /* 1200px org size */
	margin-bottom: 10px;
}
#main_text_box {
	background-color: #c4cfe5;
	float: left;
	height: 100%;
	xxmax-height: 700px;
	xxmin-height: 500px;
	width: 40.583333333333%; /* 527px / 1200px * 100 ----- 487px / 1200px * 100 because of padding */ 
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 1.66667%; /* 20px / 1200px * 100 */
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 1.66667%; /* 20px / 1200px * 100 */
	padding-right: 1.66667%; /* 20px / 1200px * 100 */
}
#main_video_box {
	background-color: #c4cfe5;
	float: left;
	height: 100%;
	xxmax-height: 700px;
	xxmin-height: 500px;
	width: 47.5%; /* 610px / 1200px * 100 ----- 570px / 1200px * 100 because of padding */
	margin-left: 1.666666666667%; /* 20px / 1200px * 100 */
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 1.66667%; /* 20px / 1200px * 100 */
	padding-right: 1.66667%; /* 20px / 1200px * 100 */
}
#learn_more {
	xxbackground-color: #FF0;
	float: left;
	xxheight: 97px;
	width: 26.916666666667%; /* 323px / 1200px * 100  --means--  org size / container size * 100 */
	xxmin-width: 323px;
	margin-left: 10%; /* 120px / 1200px * 100 */
}
#donate {
	float: left;
	xxheight: 97px;
	width: 20.25%; /* 243px / 1200px * 100 */
	xxmin-width: 243px;
	margin-left: 4.166666666667%; /* 50px / 1200px * 100 */
}
#evolve { /* this is now contact */
	float: left;
	xxheight: 97px;
	width: 22.5%; /* 270x / 1200px * 100 */
	xxmin-width: 238px;
	margin-left: 4.166666666667%; /* 50px / 1200px * 100 */
}
#home_three_box_container {
	float: left;
	width: 100%
}
#home_box_a {
	float: left;
	width: 31.083333333333%; /* 373px / 1200px * 100 */
	min-width: 373px;
	margin-top: 18px;
	margin-left: 0.833333333333%; /* 10px / 1200px * 100 */
	background-color: #d9dce2;
	height: 189px;
}
#home_box_pic_a {
	float: left;
	width: 197px;
	height: 171px;
	xxbackground-color: #F66;
	margin-top: 8px;
	margin-left: 8px;
}
#home_box_text_a {
	float: left;
	width: 40.214477211796%; /* 150px / 373px * 100 */
	text-align: left;
	margin-top: 8px;
	margin-left: 2.144772117962%; /* 8px / 373px * 100 */
}
#home_box_b {
	float: left;
	width: 31.083333333333%; /* 373px / 1200px * 100 */
	min-width: 373px;
	margin-top: 18px;
	margin-left: 0.833333333333%; /* 10px / 1200px * 100 */
	background-color: #d9dce2;
	height: 189px;
}
#home_box_pic_b {
	float: left;
	width: 197px;
	height: 171px;
	xxbackground-color: #F66;
	margin-top: 8px;
	margin-left: 8px;
}
#home_box_text_b {
	float: left;
	width: 40.214477211796%; /* 150px / 373px * 100 */
	text-align: left;
	margin-top: 8px;
	margin-left: 2.144772117962%; /* 8px / 373px * 100 */
	xxbackground-color: #F00;
}
#home_box_c {
	float: left;
	width: 31.083333333333%; /* 373px / 1200px * 100 */
	min-width: 373px;
	margin-top: 18px;
	margin-left: 0.833333333333%; /* 10px / 1200px * 100 */
	background-color: #d9dce2;
	height: 189px;
}
#home_box_pic_c {
	float: left;
	width: 197px;
	height: 171px;
	xxbackground-color: #F66;
	margin-top: 8px;
	margin-left: 8px;
}
#home_box_text_c {
	float: left;
	width: 40.214477211796%; /* 150px / 373px * 100 */
	text-align: left;
	margin-top: 8px;
	margin-left: 2.144772117962%; /* 8px / 373px * 100 */
}

#footer {
	float: left;
	height: 50px;
	width: 100%; /* 1200px org size */
	background-color: #013aaf;
	text-align: center;
	padding-top: 12px;
	margin-top: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #CCCCCC;
	margin: 0px;
}
xximg {     /* dont need to use this, use classes instead */
	width: 100%;
	height: auto;
}
img.responsive-fill {
        width : 100%;
        height: auto;
}
img.responsive-fit {
        max-width : 100%;
        height: auto;
}
a {
	color: #09F;
	text-decoration: none;
}
.bold_italic {
	font-style: italic;
	font-weight: bold;
}
a:hover {
	color: #96C;
	text-decoration: none;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}






/*
	-------Interior Pages-------
*/

#interior_page_1_left_container {
	xxbackground-color: #F9F;
	float: left;
	width: 26%; /* 312px / 1200px * 100 */
	min-width: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 1.66667%; /* 20px / 1200px * 100 */
}
#interior_page_1_left_sidebar {
	background-color: #c4cfe5;
	float: left;
	xxheight: 477px;
	xxmin-height: 477px;
	width: 87.179487179487%; /* 312px(312-40=272px) / 312px * 100 */
	xxmin-width: 200px;
	xxmargin-left: 1.66667%; /* 20px / 1200px * 100 */
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 7.352941176471%; /* 20px / 272px * 100  */
	padding-right: 7.352941176471%; /* 20px / 272px * 100 */
}
xxx#interior_page_1_left_sidebar {
	background-color: #c4cfe5;
	float: left;
	xxheight: 477px;
	xxmin-height: 477px;
	width: 22.666666666667%; /* 312px(312-40=272px) / 1200px * 100 */
	min-width: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 1.66667%; /* 20px / 1200px * 100 */
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 1.66667%; /* 20px / 1200px * 100  */
	padding-right: 1.66667%; /* 20px / 1200px * 100 */
}
#interior_page_1_main_content {
	background-color: #c4cfe5;
	float: left;
	xxheight: 477px;
	xxmin-height: 477px;
	width: 65.416666666667%; /* 835px(835-40=785px) / 1200px * 100 */
	min-width: 300px;
	margin-left: 1.666666666667%; /* 20px / 1200px * 100   */
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 1.66667%; /* 20px / 1200px * 100 */
	padding-right: 1.66667%; /* 20px / 1200px * 100 */
}
#interior_page_2_main_content_donate {
	background-color: #c4cfe5;
	float: left;
	xxheight: 477px;
	xxmin-height: 477px;
	width: 51.6667%; /* 660px(660-40=620px) / 1200px * 100 */
	min-width: 300px;
	xxmargin-left: auto;
	xxmargin-right: auto;
	margin-left: 3.33333%; /* 40px / 1200px * 100   */
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 1.66667%; /* 20px / 1200px * 100 */
	padding-right: 1.66667%; /* 20px / 1200px * 100 */
	height: 465px;
}
#interior_page_2_main_content_contact {
	background-color: #c4cfe5;
	float: left;
	xxheight: 477px;
	xxmin-height: 477px;
	width: 51.6667%; /* 660px(660-40=620px) / 1200px * 100 */
	min-width: 300px;
	xxmargin-left: auto;
	xxmargin-right: auto;
	margin-left: 3.33333%; /* 40px / 1200px * 100   */
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 1.66667%; /* 20px / 1200px * 100 */
	padding-right: 1.66667%; /* 20px / 1200px * 100 */
	height: 465px;
}
#interior_page_2_sidebar_donate {
	background-color: #ececec;
	float: left;
	width: 35%; /* 460px(460-40=420px) / 1200px * 100 */
	margin-top: 20px;
	margin-left: 1.66667%; /* 20px / 1200px * 100   */
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 1.66667%; /* 20px / 1200px * 100 */
	padding-right: 1.66667%; /* 20px / 1200px * 100 */
	height: 465px;
}



/*
	-------CSS Classes-------
*/


.footer_text {
	color: #FFFFFF;
}
.footer_text2 {
	font-size: 12px;
}
.title_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	color: #011D85;
}
.home_page_bottom_3_titles {
	font-size: 17px;
	font-weight: bold;
}
.home_page_read_more {
	font-size: 12px;
	font-weight: bold;
}
.hide_mobile {
}
img.mobile_shrink {
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;  /* 16:9 */
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/*
	-------CSS Classes - Not Sure, Check Later-------
*/



.my_heading1 {
	font-size: 16px;
	font-weight: bolder;
	color: #204C0B;
}
.my_heading2 {
	font-size: 24px;
	font-weight: bolder;
	color: #204C0B;
}
.big_text {
	font-size: 18px;
	font-weight: bold;
}
.interior_left_textbox {
	background-color: #013aaf;
	xxheight: 20px;
	width: 94.852941176471%; /* 278px(278-20=258px) / 272px * 100 */
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-right: 3.676470588235%; /* 10px / 272px * 100 */
	padding-bottom: 10px;
	padding-left: 3.676470588235%; /* 10px / 272px * 100 */
	text-align: center;
}
#interior_page_1_left_pic {
	float: left;
	width: 99%;
	margin-top: 15px;
	padding-left: 1%;
}
.interior_left_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
#container #content #interior_page_1_left_container #interior_page_1_left_sidebar .interior_left_textbox.interior_left_text a {
	color: #FFF;
}
#container #content #interior_page_1_left_container #interior_page_1_left_sidebar .interior_left_textbox.interior_left_text a:hover {
	color: #6CF;
}
#interior_page_1_title {
	xxbackground-color: #0C9;
	float: left;
	min-height: 75px;
	width: 83.333333333333%; /* 1000px / 1200px * 100 */
	margin-left: 1.66667%; /* 20px / 1200px * 100 */
	margin-top: 20px;
}
#interior_page_2_title {
	xxbackground-color: #0C9;
	float: left;
	min-height: 75px;
	width: 83.333333333333%; /* 1000px / 1200px * 100 */
	margin-left: 3.333333333333%; /* 40px / 1200px * 100   */
	margin-top: 20px;
}
.interior_title_text {
	font-family: 'robotolight', Arial, Helvetica;
	font-size: 44px;
	color: #03C;
}





/*
	-------fonts-------
*/

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

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff2') format('woff2'),
         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;
}
#contact_mail_form_holder {
	xxbackground-color: #F90;
	float: left;
	width: 54.545454545455%; /* 360px / 660px * 100 */
	min-width: 340px;
}
#contact_mail_pic2 {
	xxbackground-color: #FC3;
	float: left;
	width: 40.909090909091%; /* 270px / 660px * 100 */
	margin-left: 2.272727272727%; /* 15px / 660px * 100 */
	margin-top: 120px;
}