@charset "utf-8";
* {box-sizing:border-box;}
body  {
	margin: 0;
	padding: 0;
	text-align: left; 
	color: #000000;
	font-size: 100.01%;
	clear: none;
	font-family: Arial, Helvetica, sans-serif;
}
#container {
position: relative; min-height: 100vh;
	width: 100%; 
	background: #FFFFFF;
	font-size: 1em;
} 
#header {
	position:relative;
	display:block;
	width:100%;
	padding: 0;  
	background-color: #FFF;
} 
.headerlogo {width:30%; position:absolute; left:4%; top:11%; z:300;} 

input:focus {background-color:#e9f2da;}
textarea:focus {background-color:#e9f2da;}

#footer { 
margin:0; padding: 10px; 
background-color: #3c92a6; text-align: center; 
font-size: .8em; color: #fff; 
position:absolute; bottom:0px; 
width:100%; 
} 
#mainContent {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0% 10% 50px 10%;
	font-weight: normal;
} 
#mainContent a:link { color: #3c92a6; }
#mainContent a:visited { color: #3c92a6; text-decoration: none; }
#mainContent  a:hover { color: #fb4d3d; text-decoration: none; }

a[href^="mailto:"] {
border:none;
text-decoration: none;
padding-left:20px;
background: url("images/Nav buttons/email.png") no-repeat left center;
background-size: contain;
margin-left: 5px;
}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
h1 {font-size: 1.5em;}
h2 {font-size: 1.3em; font-style: italic; color: #65a662; }
h3 { font-size: 1.5em; font-weight: bold; color:#cc3e31;  }
h4 { 	font-size: 1em; 	font-weight: bold; 	padding-top: 0.4em; 	color: #000; }
ul {list-style-type: disc;}

td { 	font-weight: normal;background-color:#ffffff; color:#000000;}
th { 	font-weight: bold; background-color:#2c4d6c; color:#ffffff; text-align:center;}

.indentdiv {
	margin-left: 20px;
	padding:20px;
	border: solid 3px black;
	background-color:#ffeedb;
}
.dropshadow	img {
	box-shadow: 4px 4px 8px rgba(0,0,0,.75);
}
.tabin { margin-left: 3em; }
.nobold {	font-weight: normal; }
.center_cell {	text-align: center; }

.navigation {background-color:#2c4d6c; width:100%; padding:0px;}
        .navigation ul{
        /* positioning */
        	position:relative;
			margin:0px 0px 0px 10vw;
            z-index:1000;
            list-style:none; 
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 1.5vw;
        }
.navigation ul a:hover { 
			background-color:#7194bd;
			transition-property: all; 	transition-duration: 750ms;
		}      
        /* we're using the direct descendant selectors > to ONLY affect the main menu items */
        .navigation > ul > li {
            position: relative;
            float: left;
   			margin-left:2.5%;	 /* distance between main menu items */
        }
        .navigation ul li a {
        /* positioning */ 
            display:block;
        /* styling: */
            background-color: #2c4d6c;
            padding:8px 14px;
				text-decoration:none;
            color:#FFFFFF; 
				transition-property: all; 	transition-duration: 300ms;		
        }
/*        .navigation ul li a:hover{ background-color:#5e6a71;} */
		.navigation ul ul {
            width:20vw;
            position:absolute; left:-12vw;
            z-index:100;
            height: 0; /* dropdown menu has 0 height until hover */
            overflow: hidden;
				text-align:left;
			transition-property: all; 	transition-duration: 300ms;
        }        
        .navigation > ul > li:hover ul, 
        .navigation > ul > li > a:hover ul,
        .navigation ul ul li:hover > ul, 
        .navigation ul ul li a:hover > ul{
            height:150px; /* need a height to display dropdown menu */
        }     
        .navigation ul ul li {
            background-color:#3c92a6;
            width:290px; 
        }      
        .navigation ul a:hover { 
			background-color:#7194bd;
			transition-property: all; 	transition-duration: 750ms;
		}      
        .navigation ul ul li a {
            display:block;
            text-decoration:none;
            margin:0px 0px;
            padding:5px 12px;
            color:#FFFFFF; 
        }
        .navigation ul ul li a:hover, .navigation ul ul li:hover > a { color:#FFFFFF; }

#waiver {
	margin-left:2em;
	padding: 10px;
	border:solid 1px black;
	font-family: Georgia, Times, serif;
	font-size: .7em;
}
.footerlogos {
	background-color: #fff;
	text-align: center;
	width: 98%;
	color: #000;
}

#bigbutton {	padding:0px;	text-align: center;}
#bigbutton  a img {border:none;text-decoration: none;}
#bigbutton  a:link { text-decoration: none;}
#bigbutton  a:visited { border:none; text-decoration: none;}
#bigbutton  img:hover {background-color:#4f722a;}

#lefttext {
	padding-right:3%;
	margin-left: 3%; 
	z-index: -2;
}
.button {
    display: inline-block;
    outline: none;
	cursor: pointer;
	border: solid 1px #89a480;
	color:#000000 !important;
	  background-color: #bae5b8; /* fallback color if gradients are not supported */
	  background-image: -webkit-linear-gradient(top,#bae5b8, #dbf2da); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
	  background-image:     -moz-linear-gradient(top, #bae5b8, #dbf2da); /* For Firefox (3.6 to 15) */
	  background-image:         -o-linear-gradient(top,#bae5b8, #dbf2da); /* For old Opera (11.1 to 12.0) */ 
	  background-image:             linear-gradient(to bottom, #bae5b8 , #dbf2da); /* Standard syntax; must be last */	
	  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bae5b8', endColorstr='#dbf2da');
	text-align: center;
	text-decoration: none;
	font: Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding: .5em 0em .55em;	
	-webkit-border-radius: .8em; 
	-moz-border-radius: .8em;
	border-radius: .8em;
	transition-property: all;
	transition-duration: 500ms;

}
.button:link { color:#000000 !important;}
.button:visited {color:#000000 !important;}
.button:hover {
  text-decoration: none !important;
  color:#FFFFFF !important;
  background-color: #6e9844; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top,#dbf2da, #bae5b8); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
  background-image:    -moz-linear-gradient(top, #dbf2da, #bae5b8); /* For Firefox (3.6 to 15) */
  background-image:      -o-linear-gradient(top,#dbf2da, #bae5b8); /* For old Opera (11.1 to 12.0) */ 
  background-image:         linear-gradient(to bottom, #dbf2da , #bae5b8); /* Standard syntax; must be last */	
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbf2da', endColorstr='#bae5b8');
  transform: scale(1.07);
  }
.button:active {
	color:#47282C !important;
	position: relative;
	top: 2px;
}
.button2 {
    display: inline-block;
	width:110px;
    outline: none;
	cursor: pointer;
	border: solid 1px #89a480;
	color:#415928 !important;
	  background-color: #d6d4cd; /* fallback color if gradients are not supported */
	  background-image: -webkit-linear-gradient(top,#d6d4cd, #f3f1e9); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
	  background-image:     -moz-linear-gradient(top, #d6d4cd, #f3f1e9); /* For Firefox (3.6 to 15) */
	  background-image:         -o-linear-gradient(top,#d6d4cd, #f3f1e9); /* For old Opera (11.1 to 12.0) */ 
	  background-image:             linear-gradient(to bottom, #d6d4cd , #f3f1e9); /* Standard syntax; must be last */	
	  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d4cd', endColorstr='#f3f1e9');
	text-align: center;
	text-decoration: none;
	font: 16px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: .5em 0em .55em;	
	-webkit-border-radius: .6em; 
	-moz-border-radius: .6em;
	border-radius: .6em;
	transition-property: all;
	transition-duration: 500ms;
}
.button2:link { color:#594128 !important;}
.button2:visited {color:#594128 !important;}
.button2:hover {
  text-decoration: none !important;
  color:#FFFFFF !important;
  background-color: #99927a; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top,#99927a, #f3f1e9); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
  background-image:    -moz-linear-gradient(top, #99927a, #f3f1e9); /* For Firefox (3.6 to 15) */
  background-image:      -o-linear-gradient(top,#99927a, #f3f1e9); /* For old Opera (11.1 to 12.0) */ 
  background-image:         linear-gradient(to bottom, #99927a , #f3f1e9); /* Standard syntax; must be last */	
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99927a', endColorstr='#f3f1e9');
  transform: scale(1.07);
  }
.button2:active {
	color:#47282C !important;
	position: relative;
	top: 2px;
}
.button3 {
    display: inline-block;
	width:110px;
    outline: none;
	cursor: pointer;
	border: solid 1px #89a480;
	color:#415928 !important;
	  background-color: #f5d29d; /* fallback color if gradients are not supported */
	  background-image: -webkit-linear-gradient(top,#f5d29d, #cc884b); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
	  background-image:     -moz-linear-gradient(top, #f5d29d, #cc884b); /* For Firefox (3.6 to 15) */
	  background-image:         -o-linear-gradient(top,#f5d29d, #cc884b); /* For old Opera (11.1 to 12.0) */ 
	  background-image:             linear-gradient(to bottom, #f5d29d , #cc884b); /* Standard syntax; must be last */	
	  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d29d', endColorstr='#cc884b');
	text-align: center;
	text-decoration: none;
	font: 16px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: .5em 0em .55em;	
	-webkit-border-radius: .6em; 
	-moz-border-radius: .6em;
	border-radius: .6em;
	transition-property: all;
	transition-duration: 500ms;
}
.button3:link { color:#594128 !important;}
.button3:visited {color:#594128 !important;}
.button3:hover {
  text-decoration: none !important;
  color:#FFFFFF !important;
  background-color: #99927a; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top,#99927a, #f3f1e9); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
  background-image:    -moz-linear-gradient(top, #99927a, #f3f1e9); /* For Firefox (3.6 to 15) */
  background-image:      -o-linear-gradient(top,#99927a, #f3f1e9); /* For old Opera (11.1 to 12.0) */ 
  background-image:         linear-gradient(to bottom, #99927a , #f3f1e9); /* Standard syntax; must be last */	
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99927a', endColorstr='#f3f1e9');
    transform: scale(1.07);
	 }
.button3:active {
	color:#47282C !important;
	position: relative;
	top: 2px;
}

.social {width:18%; position: absolute; right:5%; bottom:3%; z:300; } 
.sociallogos {width:26.5%; float:right; margin-left:1%;}
.sociallogos img {width:90%; transform: scale(1);  transition-duration: .5s;}
.sociallogos a:hover img {transform: scale(1.07);  transition-duration: .5s;}
.socialdonate {width:92%; float:right; margin-left:3%; padding-top:3px;}
.socialdonate img {width:100%; transform: scale(1);  transition-duration: .5s;}
.socialdonate a:hover img {transform: scale(1.07); transition-duration: .5s;}

/* dropmenus for Donate button */
.dropmenu {text-align: center; width:100%;}
.dropmenu  a { /* style for main menu link */
            display:block; 
            background-color: rgba(200,200,200,.0);
   			text-decoration:none; text-align: center;
            color: black; 
				width:160px;
         	font-size: 1rem;
				font-weight: bold;
        }
.dropmenu ul { /* the dropdown links list */
        list-style:none;         
        margin:0;       
        padding:0;            
		  text-align: center;
        position:relative;
		  top:-5px;
        z-index:100;
        height: 0px; transition-duration: .5s;/* 0 height means not visible */
        overflow: hidden;
        }
.dropmenu:hover ul {height:65px; transition-duration: .5s;}  
.dropmenu ul li a { /* style for dropdown links */
	border:1px solid #006600;
	background-color:#d8e5c3;
	padding:5px 0px 5px 0px;
}
.dropmenu ul li a:hover {color:white;transition-duration: .5s;}

.footerlogos {width:100%; clear:both; background-color: #ffffff; }
.footerlogos a:visited { color: #3c92a6; border:none 0px white; }
.footerlogos a img:hover { border: solid 1px #3c92a6; }
.footerlogos img {width: 95%; } 
.grants {width:50%; float:right;}
.sponsors {width:50%;float:left; border-right: 2px solid #3c92a6; }
.grant {width:30%; float:right; padding:10px; min-height:150px;}
.grant img {object-fit: contain; }
.sponsor {width:30%; float:left; padding:10px;  min-height:150px;}
.sponsor img { object-fit: contain; }

#regular {display: block;}
.mobile {display: none;}

@media only screen and (max-width:800px) { /* was 1040 */
body {font-size: 100%;}
#mainContent {padding: 0% 2% 70px 2%; }
h3 {font-size: 1.2em;}
.mobile {display:block;}
#regular {display:none;}
.mobilelinks  a {
	text-decoration: none;
	font-size: 3vw;
}
.mobilelinks a:link {color:#ffffff; }
.mobilelinks a:visited {color:#ffffff;}
.mobilelinks a:hover {color:#6FCE6F;}

.button {font-size:2vw;}
#flyout li {padding-top:8%;}
#flyout li a {font-size: .8em; line-height: 85%; padding-top:12%;}
#window {display:none;}

.grant {width:47%; min-height:100px;}
.sponsor {width:47%;  min-height:100px;}

.social { width:40%;}

.headerlogo { width:40%;}
}