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

*{
	padding:0;
	margin:0;	
	box-sizing: border-box;
}

html, body{
	min-height:100%;
}

body{
	background-color:#0c67c4;
	
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.125em;
}

h1{
	color:#EEE;
	font-size:1.5em;
	padding:1em .25em .25em;
	text-align:center;
}

h2{
	color:#000;
	font-size:1.25em;
	padding:1em .25em .25em;
	text-align:left;
}

h3{
	color:#333;
	font-size:1.125em;
	padding:1em .25em .25em;
	text-align:left;
}

h4{
	color:#333;
	font-size:1em;
	padding:1em .25em .25em;
	text-align:left;
	font-weight:normal;
}

p{
	font-size:.5em;
}

.player-overlay{
	padding:1em 0;
}

.player-overlay video {
  display: block;
  width: 100%;
  min-height: 100%;
}

#page{
	width:100%;
	max-width:1200px;
	
	margin:1% auto 2% auto;	
	/*
	background:linear-gradient(rgba(0, 77, 200, .98), rgba(0, 77, 200, .88), rgba(0, 100, 200, .67));	
	*/
	background:linear-gradient(rgba(200, 200, 200, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));	
	
	min-height: 500px; 
  height:auto !important; 
  height: 500px;
	box-shadow:0 0 .25em 0 rgba(25, 25, 25, .25);
}

#hdr{
	background-color:#FFF;
	position:relative;
}

#social{
	position:absolute;
	width:100%;
	
	z-index:18;
	
	top:0;
	left:0;
	padding:.5em .75em;
	text-align:right;
}

#social a{
	text-decoration:none;
}

#social a img{	
	height:64px;
	width:auto;
}


#hdr p{
	text-align:center;
	padding:1em 0 0;
}

#hdr p.main-image{
	padding:0;
	position:relative;
}

#hdr p.main-image span.caption{
	position:absolute;
	padding:.75em;
	text-align:center;
	color:#EEE;
	background-color:rgba(0, 0, 0, .75);
	width:100%;
	bottom:.25em;
	left:0;
	font-size:2em;
}

#navEnv{
	font-family:Tahoma, Geneva, sans-serif;
	padding:0;
	text-transform:uppercase;
	border-top:1px solid #EEE;
}

#nav{
	background: linear-gradient(#FFF, #EEE, #EEE, #EEE, #DDD, #CCC);	
}

#nav ul{
	list-style:none;
	padding:0;
	margin:0;
}

#nav li{
 display:inline-block;
 transition-duration: 0.5s;
 position:relative;
}

#nav li:hover {
  cursor: pointer;
}

#nav ul li ul {
  visibility: hidden;
	display: none;
  opacity: 0;
  position: absolute;
  transition: all .5s ease;
 /* 
 margin-top: 1rem; 
 */
  left: 0;
	
	background-color:#CCC;
	
	box-shadow:0 .25em .25em 0 rgba(0, 0, 0, .5);
	
	width:12em;
	min-width:8em;	
}

#nav ul li ul li{
	border-bottom:1px solid #EEE;
}

#nav ul li ul li a{
	width:100%;
}

#nav ul li ul li a:hover{
	color:#456;	
}


#nav ul li:hover > ul,
#nav ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
	z-index:208;
}

#nav ul li ul li {
  clear: both;
  width: 100%;
}

#nav a{
	font-size:.625em;
	text-decoration:none;
	display:inline-block;
	padding:.25em 1em;
	color:#888;
	
	font-weight:bold;
}

#nav a:hover,
#nav a.active
{	
	color:#06F;
	background-color:rgba(150, 150, 150, .25);	
}

#memories,
#corporateDonors{
	padding:.5em 0;
}


#corporateDonors .item{
	float:left;
	width:25%;
}

#corporateDonors .item-cnt{
	padding:.25em;	
}

#corporateDonors .item-cnt img{
	width:100%;
	height:auto;
}

#individualDonorsEnv{
	padding:1em 0;
}

#individualDonorsEnv p.donor-info{
	padding:1em 0;
	border-bottom:1px solid #CCC;
}

#individualDonors{
	column-count: 3; 
	column-fill: balance;
	column-gap: 2em;
	
	font-size:.875em;
}

#cnt #individualDonorsEnv #individualDonors p{
	padding:.25em 0 0;
}


#page #hdr p.main-image img{
	width:100%;
	height:auto;
}

#memories{

}

.main-gallery-env img,
#memories img{
	width:100%;
	height:auto;
}

#memories .capt-env{
	padding:0;
	position:relative;
}

#memories p.capt{
	position:absolute;
	width:100%;
	bottom:.25em;
	left:0;
	padding:.5em;
	
	font-size:.5em;
	line-height:1.25em;
	
	background-color:rgba(200, 200, 200, .75);
	border-top:1px solid #FFF;
}


#hdr p.quote{
	text-align:center;
	padding:0 0 1em;
	font-size:.875em;	
}

#hdr p.logo img{
	width:100%;
	max-width:320px;
	height:auto;
}

#contentEnv{
	padding:1em 0;
}

#contentEnv .p33 img{
	width:100%;
	height:auto;
}

#contentEnv .p33:nth-child(1) div{
	padding:0 .5em 0 0;		
}

#contentEnv .p33:nth-child(2) div{
	padding:0 .25em 0;
}

#contentEnv .p33:nth-child(3) div{
	padding:0 0 0 .5em;
}


#cnt{
	padding:1em 3em;
	min-height: 500px; 
	height:auto !important; 
	height: 500px; 
}

#cnt p{
	font-size:.75em;
	padding:.75em .25em .125em;
	text-align:justify;	
}

#donationEnv,
.donationEnv{
	padding:.5em 0 1em;
}

#donation,
.donation{
	background-color:#FFF;
	border:1px solid #EEE;
	border-radius:.125em;
}

#btmTxt p{
	text-align:left;
}

.odm-emph-main{
	font-weight:bold;
	color:#F00;
}

#contentEnv p{
	font-size:.625em;
	
}

#contentEnv .size-colors{
	border:1px solid #CCC;
	padding:.25em;
}

#contentEnv .price-env
{
	text-align:right;
	border-bottom:2px solid #CCC;
	padding:.5em .25em;	
	font-size:1.125em;
}

#contentEnv .price-value
{	
	color:#006;
}

#contentEnv .store-action{
	padding:2em 0 0;
	text-align:center;
}

#contentEnv .store-action a{
	display:inline-block;
	text-decoration:none;
	padding:.5em 2em;
	color:#EEE;
	border:2px solid #CCC;
	font-size:1.5em;
	text-transform:uppercase;
	
	background:linear-gradient(#000, #444, #222);
}

#contentEnv .store-action a:hover{
	cursor:pointer;	
	background:linear-gradient(#222, #444, #333);
}

.store-item{
	border-bottom:1px solid #EEE;
	padding:1em 0 .5em;
}

.ofm-img{
	width:100%;
	max-width:320px;
	height:auto;
}

.img-env-ctr,
.img-env-lft,
.img-env-rgt
{
	display:inline-block;
	width:auto;
	position:relative;	
}

.img-env-lft i,
.img-env-ctr i,
.img-env-rgt i
{
	border-top:1px solid #EEE;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:.625em;
	line-height:1em;
	background-color:rgba(250, 250, 250, .75);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:.25em;
}

.img-lft,
.img-rgt,
.img-ctr
{
	padding:0;
	width:100%;
	height:auto;
	border:1px solid #CCC;		
}

.img-env-lft{
	padding-right:.25em;
}

.img-env-rgt{
	padding-left:.25em;	
}

.img-env-ctr{
	padding:0 .25em;	
}

.img-rgt-single{
	padding:.5em 0 0 1em;
	max-width:320px;
	height:auto;	
}

.box-l{
	padding:.25em 1.5em .25em .25em;	
}

.box-r{
	padding:.25em .25em .25em  1.5em;	
}

.p50, .hlf, .p40, .p33, .p25, .p60{
	float:left;	
}

.p25{
	width:25%;
}

.p33{
	width:33.33%;
}

.p40{
	width:40%;
}

.hlf, .p50{
	width:50%;
}

.p60{
	width:60%;
}

.nl{
	display:block;
	clear:both;
	line-height:0;
	
}

.ctr-c{
	text-align:center;
}


@media only screen and (max-width:320px),
only screen and (max-width: 360px),
only screen and (max-width: 480px)
{	

#page
{
	margin:0 auto;	
}

#cnt{
	padding:.25em;
}

.p25, .p33, .p40, .p50, .hlf, p60{
	float:none;
	width:100%;
}

.box-l, .box-r{
	padding: .25em;	
}

.img-lft,
.img-rgt
{
	padding:.25em;
	max-width:100%;
	height:auto;
}

#corporateDonors .item{
	float:none;
	width:100%;
}

}

@media 
only screen and (min-width: 480px) and (max-width: 767px),
only screen and (max-width: 568px),
only screen and (max-width: 570px),
only screen and (max-width: 600px),
only screen and (max-width: 640px),
only screen and (max-width: 740px),
only screen and (max-width: 768px)			
{
	
#page
{
	margin:0 auto;	
}

#hdr{
	padding:4em 0 0;
}

#social{
	text-align:center;	
}

#cnt{
	padding:.25em;
}

.p25, .p33, .p40, .p50, .hlf, .p60{
	float:none;
	width:100%;
}

.box-l, .box-r{
	padding: .25em;	
}


}

@media only screen and (min-width: 740px),
			screen and (min-width: 767px),
			screen and (min-width: 768px)		
{
	
}