html,body {
  height:100%;
  
}

a, a:active, a:focus {
outline: none;
} 

/* ---- FONTS ------------------------------------- */
@font-face {
    font-family: 'roboto_slabbold';
    src: url('robotoslab-bold-webfont.woff2') format('woff2'),
         url('robotoslab-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_slablight';
    src: url('robotoslab-light-webfont.woff2') format('woff2'),
         url('robotoslab-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_slabregular';
    src: url('robotoslab-regular-webfont.woff2') format('woff2'),
         url('robotoslab-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_slabthin';
    src: url('robotoslab-thin-webfont.woff2') format('woff2'),
         url('robotoslab-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

.productsdiv {margin-top:0px; margin-bottom:2em; width:60%; text-align:center; margin-left:auto; margin-right:auto; line-height:1.8em;}
.productsdiv strong {color:#606061; font-weight:bold; font-size:15px;}
.productsdiv a {color:#5e5e5e; text-decoration:none;}
.productsdiv a:visited {color:#5e5e5e; text-decoration:none;}
.productsdiv a:hover {color:#316566; text-decoration:none;}

.contactinfo {margin-top:0px; margin-bottom:1em; width:100%; text-align:center; text-align:center; margin-left:auto; margin-right:auto; line-height:1.8em; min-height:400px; font-family: 'open_sansregular';}
.contactinfo table tr td {padding:0px; text-align:center; width:auto;}
.contactinfo table {margin-top:-20px;}
.contactinfo strong {color:#606061; font-weight:bold; font-size:15px;}
.contactinfo a {color:#222; text-decoration:none;}
.contactinfo a:visited {color:#222; text-decoration:none;}
.contactinfo a:hover {color:#3399cc; text-decoration:none;}
.buttondiv {margin-top:2em; margin-bottom:2em;}
a.button {background-color:#3B5998; color:#fff; padding:6px 12px 8px 12px; display:inline-block; font-size:14px; text-decoration:none; border:0px solid #3399cc; font-family: 'open_sansregular'; margin-left:8px; margin-right:8px; margin-bottom:5px; margin-top:5px;}
a.button:visited {background-color:#3B5998; color:#fff; padding:6px 12px 8px 12px; display:inline-block; font-size:14px; text-decoration:none; border:0px solid #3399cc;}
a.button:hover {background-color:#28427b; color:#fff; padding:6px 12px 8px 12px; display:inline-block; font-size:14px; text-decoration:none;border:0px solid #3399cc;}
.logo {background-color:#990000;}
.logo img {width:40%; height:auto; margin-bottom:2em;}
.textblock {font-size:14px; line-height:1.8em; margin-top:15px; width:64%; text-align:center; margin-left:auto; margin-right:auto; color:#666; font-family: 'open_sansregular'; padding-bottom:2.5em; padding-top:1.5em; }
.textblock img {width:40%;}
.textblock h2 {
  font-family: 'open_sansregular';
  font-size:18px;
  color:#222;
  margin-top:10px;
  margin-bottom:10px;
  font-weight:normal;
  line-height:1.5em;
  font-style:italic;
}

.textblock table {margin-top:1.5em;}
.textblock tr td { padding:6px 20px 6px 20px; border:1px solid #e3e3e3;}
.textblock tr:nth-child(even) {}
.textblock tr:nth-child(odd) {background-color:#e9ebf2;}

.header {background-color:#f7f7f7; height:auto;}
.header img {width:20%; height:auto; margin-bottom:2em; margin-top:-1.5em;}

img.member {width:28%;}

.bannerwide {background-color:#000; width:100%; border-bottom:4px solid #ddd;}
.bannerwide table {width:100%;}
.bannerwide tr td {width:auto;}
.bannerwide tr td img {width:100%; border-right:1px solid #ccc;}

.copyright {text-align:center; font-size:11px; color:#999; margin-bottom:1.5em;}
.donate {background-color:#e9ebf2; padding-top:2em; padding-bottom:2em; margin-top:2em;}
.donate .inner {width:50%; text-align:center; margin-left:auto; margin-right:auto; font-family: 'open_sansregular'; color:#555; font-size:14px;}
.socialicons {margin-top:0em; margin-bottom:1.5em; font-size:22px; border-top:0px solid #ddd; width:60%; text-align:center; margin-left:auto; margin-right:auto; padding-top:0em;}
.socialicons .fa {margin-left:5px; margin-right:5px; color:#ccc; opacity:1.0;}
.socialicons .fa:hover{margin-left:5px; margin-right:5px; color:#990000; cursor:pointer; opacity:1.0;}
.address {margin-top:2em; color:#bbb; font-weight:normal; font-style:normal; font-size:14px; margin-bottom:1.5em;
font-family: 'bitterregular', Arial, sans-serif; }
.address .fa {color:#bc1215;}
.address a {color:#bbb; text-decoration:none;}
.address a:visited {color:#bbb; text-decoration:none;}
.address a:hover {color:#fff; text-decoration:none;}
.overlay {background-image:url(../images/showcase-overlay.png); background-repeat:repeat;}
.photos {margin-top:0em; margin-bottom:3em;}
table.sitemap {width:60%; margin-top:0; text-align:center; margin-left:auto; margin-right:auto;}
table.sitemap tr td {text-align:center; padding:0px; width:20%; border:0px solid #121212; vertical-align:top;}
table.sitemap tr td img {width:100%; background-color:#000; opacity:0.7;}
table.sitemap tr td img:hover {width:100%; background-color:#000; opacity:1.0;}
hr {margin-top:25px; margin-bottom:5px; border:2px solid #bc1215; width:150px; text shadow: 3px 3px #000; }

.smallfont {font-family: 'open_sansregular'; color:#666; font-size:14px; margin-top:10px; display:block;}
.smallfont a {color:#990000; text-decoration:none;}
.smallfont a:visited {color:#990000; text-decoration:none;}
.smallfont a:hover {color:#990000; text-decoration:none;}

h1 {
  font-family: 'roboto_slabthin';
  font-size:2em;
  color:#fff;
  margin-top:-10px;
  margin-bottom:0px;
  padding-bottom:6px;
  padding-top:4px;
  font-weight:normal;
  line-height:1.5em;
}

h3 {
  font-family: 'open_sansregular';
  font-size:20px;
  color:#990000;
  margin-top:10px;
  margin-bottom:12px;
  font-weight:normal;
  line-height:1.5em;
}

h2 {
  font-family: 'open_sansregular';
  font-size:20px;
  color:#3B5998;
  margin-top:10px;
  margin-bottom:6px;
  font-weight:normal;
  line-height:1.5em;
}

.lead {
	color:#DDCCEE;
}

.spotlightvideo {
    position: relative;
    padding-bottom: 57%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
	margin-bottom:-7em;
}

.spotlightvideo iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	margin-bottom:-10px;
	border:5px solid #e7e7e7;
}


/* Custom container */
.container-full {
  margin: 0 auto;
  width: 100%;
  min-height:100%;
  background-color:#f7f7f7;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center center;
  color:#5e5e5e;
  overflow:hidden;
  height:auto;
}

.v-center {
  margin-top:3%;
}

/*TABLET*/@media (min-width: 768px) and (max-width: 979px) {

.header {background-color:#f7f7f7; height:auto;}
.header img {width:20%; height:auto; margin-top:-2em;}

html, body {scroll:yes; overflow-y:visible; height:100%;}
.v-center {margin-top:6%;}

.textblock {font-size:14px; line-height:1.8em; margin-top:15px; width:90%; text-align:center; margin-left:auto; margin-right:auto; color:#666; font-family: 'open_sansregular'; padding-bottom:2.5em; padding-top:1.5em; }

.contactinfo {margin-top:0.75em; margin-bottom:1em; width:80%; text-align:center; text-align:center; margin-left:auto; margin-right:auto; line-height:1.8em; min-height:500px; font-family: 'open_sansregular';}

.donate {background-color:#e9ebf2; padding-top:2em; padding-bottom:2em; margin-top:0em;}
.donate .inner {width:80%; text-align:center; margin-left:auto; margin-right:auto; font-family: 'open_sansregular'; color:#555; font-size:14px; line-height:1.8em;}
}

/*PHONE*/ @media (max-width: 767px) {

html, body {scroll:yes; overflow-y:visible; height:100%;}
.v-center {margin-top:6%;}

.header {background-color:#f7f7f7; height:auto;}
.header img {width:60%; height:auto; margin-bottom:1.5em; margin-top:0em;}

.bannerwide {display:none;}

.container-full {
  margin: 0 auto;
  width: 100%;
  min-height:100%;
  background-color:#f7f7f7;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center center;
  color:#5e5e5e;
  overflow:hidden;
  height:auto;
}

.logo {}

img.member {width:90%;}

h1 {
  font-family: 'roboto_slabthin';
  font-size:2em;
  color:#fff;
  margin-top:0px;
  margin-bottom:0px;
  font-weight:normal;
  line-height:1.5em;
}

.textblock {font-size:14px; line-height:1.8em; margin-top:15px; width:90%; text-align:center; margin-left:auto; margin-right:auto; color:#666; font-family: 'open_sansregular'; padding-bottom:2.5em; padding-top:1.5em; }

.contactinfo {margin-top:0.75em; margin-bottom:1em; width:90%; text-align:center; text-align:center; margin-left:auto; margin-right:auto; line-height:1.8em; font-family: 'open_sansregular'; min-height:400px;}

.donate {background-color:#e9ebf2; padding-top:2em; padding-bottom:2em; margin-top:0em;}
.donate .inner {width:90%; text-align:center; margin-left:auto; margin-right:auto; font-family: 'open_sansregular'; color:#555; font-size:14px; line-height:1.8em; word-wrap: break-word; padding-bottom:15px;}
.donate br {display:none;}

.spotlightvideo {
    position: relative;
    padding-bottom: 57%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
	margin-bottom:-7em;
}

.spotlightvideo iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	margin-bottom:-10px;
	border:5px solid #e7e7e7;
}

}