@charset "UTF-8";
#container {
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
}
#home_main_pic {
	float: left;
	height: 500px;
	width: 42.857142857143%; /* 600px / 1400px * 100 */
	margin-left: 3.571428571429%; /* 50px / 1400px * 100 */
	margin-top: 20px;
}
#home_main_text {
	float: left;
	min-height: 580px;
	width: 48.214285714286%; /* 675px / 1400px * 100 */
	background-color: #DEDDE0;
	margin-top: 30px;
	margin-left: 1.428571428571%; /* 20px / 1400px * 100 */
	padding: 10px;
}
.smaller_text {
	font-size: 13px;
}
#our_heros_banner {
	float: left;
	xxheight: 590px;
	width: 92.142857142857%; /* 1290px / 1400px * 100 */
	margin-top: 45px;
	margin-left: 4.285714285714%; /* 60px / 1400px * 100 */
	xxbackground-color: #C6C;
}
#footer {
	float: left;
	width: 100%; /* 1400px org size */
	height: 35px;
	padding-top: 25px;
	text-align: center;
	padding-bottom: 35px;
	xxbackground-color: #F9C;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #b1d1e3;
	margin: 0px;
}
a {
	color: #09F;
	text-decoration: none;
}
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;
}
.home_title_text {
	font-size: 34px;
	color: #17A7F7;
}
.home_title_text2 {
	font-size: 22px;
	color: #17A7F7;
}
#title {
	float: left;
	width: 56.928571428571%; /* 797px / 1400px * 100 */
	height: 137px;
	margin-left: 2.857142857143%; /* 40px / 1400px * 100 */
	margin-top: 20px;
	xxbackground-color: #F90;
}
#means_love_all {
	float: left;
	height: 67px;
	width: 32.5%; /* 455px / 1400px * 100 */
	margin-top: 35px;
	margin-left: 3.571428571429%; /* 50px / 1400px * 100 */
}
#header {
	float: left;
	width: 100%; /* 1400px org size */
}
#slideshow {
	float: left;
	xxheight: 600px;
	width: 42.857142857143%; /* 600px / 1400px * 100 */
	margin-left: 3.571428571429%; /* 50px / 1400px * 100 */
	margin-top: 30px;
}
#video_box {
	float: left;
	height: 500px;
	width: 48.214285714286%; /* 675px / 1400px * 100 */
	margin-top: 20px;
	margin-left: 1.428571428571%; /* 20px / 1400px * 100 */
}
#secondary_nav {
	float: left;
	width: 100%; /* 1400px org size */
	margin-top: 12px;
	xxbackground-color: #F6F;
}
#donate {
	float: left;
	height: 64px;
	width: 15.071428571429%; /* 211px / 1400px * 100 */
	margin-left: 3.571428571429%; /* 50px / 1400px * 100 */
}
#get_involved {
	float: left;
	height: 64px;
	width: 26.714285714286%; /* 374px / 1400px * 100 */
	margin-left: 1.142857142857%; /* 16px / 1400px * 100 */
	background-color: #17A6F6;
}
#social_media {
	float: left;
	height: 64px;
	width: 50%; /* 700px / 1400px * 100 */
	background-color: #DEDDE0;
	margin-left: 1.142857142857%; /* 16px / 1400px * 100 */
}
#smb1 {
	float: left;
	height: 64px;
	width: 51.428571428571%; /* 360px / 700px * 100 */
}
#smb2 {
	float: left;
	height: 64px;
	width: 8%; /* 56px / 700px * 100 */
	margin-left: 4.285714285714%; /* 30px / 700px * 100 */
}
#smb3 {
	float: left;
	height: 64px;
	width: 6.142857142857%; /* 43px / 700px * 100 */
	margin-left: 1.428571428571%; /* 10px / 700px * 100 */ 
}
#smb4 {
	float: left;
	height: 64px;
	width: 8%; /* 56px / 700px * 100 */
	margin-left: 1.428571428571%; /* 10px / 700px * 100 */
}
#smb5 {
	float: left;
	height: 64px;
	width: 7.428571428571%; /* 52px / 700px * 100 */
	margin-left: 1.428571428571%; /* 10px / 700px * 100 */
}
#smb6 {
	float: left;
	height: 64px;
	width: 8.285714285714%; /* 58px / 700px * 100 */
	margin-left: 1.428571428571%; /* 10px / 700px * 100 */
}
#main_nav {
	float: left;
	min-height: 30px;
	height: 100%;
	width: 28.571428571429%; /* 400px / 1400px * 100 */
	margin-left: 11.428571428571%; /* 160px / 1400px * 100 */
	margin-top: 18px;
}
#b1 {
	float: left;
	height: 30px;
	xxwidth: 70px;
}
#b2 {
	float: left;
	height: 30px;
	xxwidth: 80px;
	margin-left: 20px;
}
#b3 {
	float: left;
	height: 30px;
	xxwidth: 125px;
	margin-left: 20px;
}
#b4 {
	float: left;
	height: 30px;
	xxwidth: 105px;
	margin-left: 20px;
}
.main_buttons {
	font-family: 'robotolight', Arial, Helvetica;
	font-size: 18px;
}
#container #header #main_nav  a {
	color: #072A3D;
}
#container #header #main_nav a:hover {
	color: #96C;
}
#about_text {
	float: left;
	xxheight: 580px;
	width: 55.357142857143%; /* 775px / 1400px * 100 */
	background-color: #DEDDE0;
	margin-top: 30px;
	margin-left: 3.571428571429%; /* 50px / 1400px * 100 */
	padding: 10px;
}
#about_pic {
	float: left;
	xxheight: 600px;
	width: 35.714285714286%; /* 500px / 1400px * 100 */
	margin-left: 1.428571428571%; /* 20px / 1400px * 100 */
	margin-top: 30px;
}




/*
	-------Responsive Images-------
*/


img.responsive-fill {
        width : 100%;
        height: auto;
}
img.responsive-fit {
        max-width : 100%;
        height: auto;
}



/*
	-------video code-------
*/


.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%;
}





/*
	-------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;
}