@charset "utf-8";
/* CSS Document elayout_1.4.css */
/* Copyright 2026 EGACT */

/*
  font size conversion:
  40px = 2.5em, h1
  36px = 2.25em,
  30px = 1.875em, h2
  24px = 1.5em,
  20px = 1.25em,
  18px = 1.125em,
  16px = 1em, avg font size p
  14px = 0.875em,
  13px = 0.8125em;
  12px = 0.75em,
  10px = 0.625em
  
 colors used:
  #34368d; blue
  #517664; dk green
  #9fd8cb; lt green
  #cacfd6; gray
  
  #85d2d0; teal
     #102c2b; teal dk
	 #abe0df; teal lt
  #cabe10; golden yellow
     #f2e362; yellow lt
  #8d3436; red
  
*/

/*----------------------------------------- page layout -----------------------------------------*/

html, body {
	font-family: Arial, Verdana, Geneva, Tahoma, Helvetica, san-serif;
	color: #000;
	margin: 0;
	font-size: 1em;
	font-size: 100%; /* required for IE browsers */
	height: 100%;
	position: relative;
	z-index: 1;
}

/*
    Max Width on the Website 1050px
-------------------------------------------------------------------------------------- */

@media (min-width: 1000px) {
	.jumpup {
		margin-top: -150px; /* to allow for the fixed navigation */
	}
}

@media (max-width: 999px) {
	.jumpup {
		margin-top: 0;
	}
	
}


/*
    Navigation
-------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
	#thenav {
		background-color: #34368d; /* blue */
		border-bottom: 1px solid #151a37; /* dk blue */
		position: fixed;
		z-index: 20;
		width: 100%;
	}
	
	nav {
		display: table;
		table-layout: fixed;
		width: 100%;
		z-index: 30;
	}
	nav ul {
		display: table-row;
		margin: 0;
		padding: 0;
		background-color: #34368d; /* blue */
	}
	nav ul li {
		list-style: none;
		display: table-cell;
		text-align: center;
		border-right: 1px solid #424eac;
	}
	li.redli:last-child {
		border-right: none;
		background-color: #8d3436; /* red */
	}
	nav ul li a {
		display: block;
		text-decoration: none;
		padding: 14px 0;
		font-size: 1em;
		font-weight: bold;
		color: #fff;
	}
	li a:hover:not(.active) {
		background-color: #272f69; /* slightly darker blue */
		text-decoration: none;
		color: #fff;
	}
	.active {
		background-color: #9fd8cb; /* lt green */
		text-shadow: 0 1px #cdebe4; /* very lt green */
		text-decoration: none;
		cursor: default;
		color: #215045; /* very dk green */
		-webkit-box-shadow: inset 1px 1px 5px #000;
	       -moz-box-shadow: inset 1px 1px 5px #000;
	            box-shadow: inset 1px 1px 5px #000;
	}
	.active:hover {
		background-color: #9fd8cb; /* lt green */
		text-shadow: 0 1px #cdebe4; /* very lt green */
		text-decoration: none;
		cursor: default;
		color: #215045; /* very dk green */
	}
}

@media (max-width: 767px) {
	#thenav {
		height: 50px;
		background-color: #34368d; /* blue */
		border-bottom: 1px solid #151a37; /* dk blue */
		padding-top: 8px; 
		position: fixed;
		z-index: 20;
		width: 100%;
	}
}

/*
    H1, P, etc.
-------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
	h1 {
		font-size: 3em;
		font-weight: 800;
	}
	.h1downsize {
		font-weight: 700;
		font-size: 0.875em;
	}
	
	h2 {
		font-size: 2.5em;
		font-weight: 800;
	}
	
	h3 {
		font-size: 2em;
		font-weight: 700;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 2.25em;
		font-weight: 800;
	}
	.h1downsize {
		font-weight: 700;
		font-size: 0.75em;
	}
	
	h2 {
		font-size: 2.6em;
		font-weight: 800;
	}
	
	h3 {
		font-size: 2.25em;
		font-weight: 700;
	}
}

/* less than 400 wide and "p" is smaller, see code below */
p {
	font-size: 1em;
	text-align: justify;
	padding-bottom: 20px; /* more space between paragraphs */
}

ul.ullist {
	padding-bottom: 20px; /* more space between paragraphs */
}

li.liMainHome {
	font-size: 1.25em;
	line-height: 30px;
	text-align: left;
}

@media (max-width: 400px) {
	/* on phones, the text needs to be smaller */
	p {
		font-size: 1em;
	}
	li.liMainHome {
		font-size: 1em;
		line-height: 22px;
		text-align: left;
	}
}

/* address, phone, fax, wanted the info moved left from heading */
p.moveRight {
	margin-left: 30px;
	padding-bottom: 0; /* more space between paragraphs */
}
/* address, phone, fax paragraph controls */
p.nopadbottom {
	padding-bottom: 0; /* more space between paragraphs */
}

/* custom icons for unordered list */
.custom-bullet li {
	display: block;
	line-height: 28px;
	font-size: 1em;
}
.custom-bullet li:before {
	content: "\e080";
	font-family: 'Glyphicons Halflings';
	font-size: 0.75em;
	float: left;
	margin-top: -2px;
	margin-left: -20px;
}
/* identify the page we are currently on */
.custom-bullet li.whatpageli:before {
	content: "\e080";
	font-family: 'Glyphicons Halflings';
	font-size: 1em;
	float: left;
	margin-top: -2px;
	margin-left: -16px;
	color: #34368d; /* blue */
}

/*
    font basics
-------------------------------------------------------------------------------------- */
.bold {
	font-weight: bold;
}

.cntr {
	text-align: center;
}

.italics {
	font-style: italic;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.textLarge {
	font-size: 1.15em;
}

.textXLarge {
	font-size: 1.25em;
}

.textNormal {
	font-size: 1em;
}

.textSmall {
	font-size: 0.875em;
}

.textXSmall {
	font-size: 0.75em;
}

/* used to fix the text links in the gray area */
.textblack {
	color: #000; /* black */
}
.textblack:hover {
	color: #000; /* black */
	background-color: #d7dadf; /* lt gray */
}

.textwhite {
	color: #fff; /* white */
}
.textred {
	color: #f00; /* red */
}

/* CLOSED message on home page */
.textrust {
	color: #c00; /* brick red */
	text-shadow: 2px 2px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.textBlue {
	color: #34368d; /* blue */
}
.textdkgreen {
	color: #517664; /* dk green */
}
.textltgreen {
	color: #9fd8cb; /* light green */
}
.textshadowltgreen {
	text-shadow: 1px 1px #3e9783;
}

.textshadow {
	text-shadow: 2px 2px 4px #000;
}

.textshadow2 {
	text-shadow: 1px 1px 4px #666;
}

.headerpadding {
	padding: 10px 0 25px 0;
}
.headerpaddingindexonly {
	padding: 50px 0;
}

@media (min-width: 768px) {
	/* large text over full width images */
	.textXLarge {
		font-size: 2.5em;
		font-weight: 700;
		letter-spacing: 1px;
	}
	
	.h3shadowdkgreen {
		text-shadow: 0 2px #0F1512;
	}
	.missiontext {
		padding-right: 50px;
		text-align: left;
		border-right: 1px solid #66957e;
	}
	.grievancetext {
		text-align: left;
		border: none;
	}
}
@media (max-width: 767px) {
	/* large text over full width images */
	.textXLarge {
		font-size: 1.75em;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	.h3shadowdkgreen {
		text-shadow: 0 2px #0F1512;
		text-align: center;
	}
	.missiontext {
		text-align: left;
		padding: 20px 30px;
		border-bottom: 1px solid #66957e;
	}
	.grievancetext {
		text-align: left;
		padding: 20px 30px;
	}
}

/* extra large icons over images (i.e. globe over butterflies) */
.iconXLarge {
	font-size: 4em;
}

/*
    hiding content, hidden content
-------------------------------------------------------------------------------------- */

@media (min-width: 768px) {
	.hidemewhenlarge {
		display: none;
	}
}
@media (max-width: 767px) {
	.hidemewhensmall {
		display: none;
	}
}

/*
    layout, backgrounds
-------------------------------------------------------------------------------------- */
.bgdkgreen {
	background-color: #517664; /* dark green */
}
.borderdkgreen {
	border-bottom: 1px solid #3f5c4f;
}

.bgltgreen {
	background-color: #9fd8cb; /* light green */
}

.bgwhite {
	background-color: #fff; /* white */
}

.bgnavy {
	background-color: #34368d; /* blue (navy) */
}

.bggray {
	background-color: #cacfd6; /* gray */
}

/* ATTENTION GETTER row */
.bgred {
	background-color: #8d3436; /* red (brick) */
	margin-top: 49px; /* offsets the large image of the road - required */
	padding: 20px;
}

.waveDkGreen {
	background: #fff url("../layout/wave-wht-dkgreen.png") repeat-x 0 -1px;
	height: 28px;
	margin-top: 20px;
}
.waveLtGreen {
	background: #fff url("../layout/wave-wht-ltgreen.png") repeat-x 0 -1px;
	height: 28px;
	margin-top: 20px;
}
.paddingbelowwave {
	padding-top: 30px;
}
.waveLtGray {
	background: #fff url("../layout/wave-wht-ltgray.png") repeat-x 0 -1px;
	height: 28px;
}

/* padding top and bottom of each ROW */
.padding30x30 {
	padding: 30px 0 30px 0;
}
/* padding ONLY bottom of each ROW */
.paddingbottom30 {
	padding: 0 0 30px 0;
}

/* footer area */
.padding20x20 {
	padding: 20px 0 20px 0;
}

.insetShadow {
	-webkit-box-shadow: inset 1px 1px 6px #000;
	   -moz-box-shadow: inset 1px 1px 6px #000;
	        box-shadow: inset 1px 1px 6px #000;
}

.row-ltgreen-gradient {
	background-color: #9fd8cb; /* light green */
	background-image: -moz-linear-gradient(top, #9fd8cb, #47ad96);
	background-image: -ms-linear-gradient(top, #9fd8cb, #47ad96);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9fd8cb), to(#47ad96));
	background-image: -webkit-linear-gradient(top, #9fd8cb, #47ad96);
	background-image: -o-linear-gradient(top, #9fd8cb, #47ad96);
	background-image: linear-gradient(top, #9fd8cb, #47ad96);
}

.row-dkgreen-gradient {
	background-color: #517664; /* dk green */
	background-image: -moz-linear-gradient(top, #517664, #66957e);
	background-image: -ms-linear-gradient(top, #517664, #66957e);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#517664), to(#66957e));
	background-image: -webkit-linear-gradient(top, #517664, #66957e);
	background-image: -o-linear-gradient(top, #517664, #66957e);
	background-image: linear-gradient(top, #517664, #66957e);
	border-bottom: 1px solid #3f5c4f;
}



@media (min-width: 768px) {
	
	.title1of4 {
		font-weight: 800;
		font-size: 1.5em;
		color: #34368d; /* blue */
		/* text-shadow: 0 1px #f5fcfb; */
		text-align: center;
		padding-top: 20px;
	}
	
	.imgHand1 {
		background: #ccc url("../images/dolls01.jpg") no-repeat top center;
		min-height: 360px;
		background-size: cover;
		box-shadow: -2px 0 4px #999;
		-webkit-border-radius: 40px 0 0 40px;
		   -moz-border-radius: 40px 0 0 40px;
		        border-radius: 40px 0 0 40px;
	}
	
	.imgHand2 {
		background: #ccc url("../images/dolls04.jpg") no-repeat top center;
		min-height: 350px;
		background-size: cover;
		box-shadow: 2px 0 4px #999;
		-webkit-border-radius: 0 40px 40px 0;
		   -moz-border-radius: 0 40px 40px 0;
		        border-radius: 0 40px 40px 0; 
	}
	
	.imgHand3 {
		background: #ccc url("../images/dolls03.jpg") no-repeat top center;
		min-height: 350px;
		background-size: cover;
		box-shadow: -2px 0 4px #999;
		-webkit-border-radius: 40px 0 0 40px;
		   -moz-border-radius: 40px 0 0 40px;
		        border-radius: 40px 0 0 40px;
	}
	
	.imgHand4 {
		background: #ccc url("../images/dolls02.jpg") no-repeat top center;
		min-height: 350px;
		background-size: cover;
		box-shadow: 2px 0 4px #999;
		-webkit-border-radius: 0 40px 40px 0;
		   -moz-border-radius: 0 40px 40px 0;
		        border-radius: 0 40px 40px 0;
	}
	
	.borderrightgreen {
		border-right: 3px solid #9fd8cb;
		padding-right: 20px;
		padding-left: 20px;
	}
	.borderleftgreen {
		border-left: 3px solid #9fd8cb;
		padding-left: 20px;
	}
}
@media (max-width: 767px) {
	.imgHand1 {
		background: #ccc url("../images/dolls-all.jpg") no-repeat top center;
		height: 120px;
		background-size: cover;
		-webkit-border-radius: 10px 10px 0 0;
		   -moz-border-radius: 10px 10px 0 0;
		        border-radius: 10px 10px 0 0;
	}
	
	.imgHand2 {
		display: none;
	}
	.imgHand3 {
		display: none;
	}
	.imgHand4 {
		display: none;
	}
	
	.bgltgreen1 {
		background-color: #d5eee9; /* 1 of 4 lightest green */
		margin: 0;
		padding: 20px;
	}
	.bgltgreen2 {
		background-color: #bbe3da; /* 2 of 4 light green */
		margin: 0;
		padding: 20px;
	}
	.bgltgreen3 {
		background-color: #9fd8cb; /* 3 of 4 match green */
		margin: 0;
		padding: 20px;
	}
	.bgltgreen4 {
		background-color: #86cebe; /* 4 of 4 darkest green */
		margin: 0;
		padding: 20px;
		-webkit-border-radius: 0 0 10px 10px;
		   -moz-border-radius: 0 0 10px 10px;
		        border-radius: 0 0 10px 10px;
	}
	
	.title1of4 {
		font-weight: 700;
		font-size: 1.5em;
		color: #34368d; /* blue */
		text-align: center;
	}
}

/* address, phone, fax - line to divide from navigation list */
@media (min-width: 401px) {
	.lineDivideRight {
		margin: 0;
	}
}
@media (max-width: 400px) {
	.lineDivideRight {
		border-right: 1px dashed #e6e9ec; /* extra lt gray */
	}
}

/*
    home page image
-------------------------------------------------------------------------------------- */
#mainHomeImage {
	height: 100%;
	min-height: 100%;
	background: url("../images/road01.jpg") no-repeat center center;
	display: block;
	margin-top: 49px; /* to allow for the fixed navigation */
	z-index: 2;
}

/* index page, main road image */
.fillit {
	min-height: 100%;
	height: 100%;
}

/**/
@media (min-width: 401px) {
	.attentionbox {
		position: fixed;
		background-color: #8d3436; /* red */
		text-align: center;
		top: 50px; /* to account for navigation */
		left: 0;
		color: #fff;
		margin: 0;
		padding: 20px;
		z-index: 19;
		-webkit-box-shadow: #000 1px 1px 5px;
		   -moz-box-shadow: #000 1px 1px 5px;
		        box-shadow: #000 1px 1px 5px;
		-webkit-border-radius: 0 0 15px 0;
		   -moz-border-radius: 0 0 15px 0;
		        border-radius: 0 0 15px 0;
	}
	
	.radioDisplay {
		display: block;
	}
}
@media (max-width: 400px) {
	.attentionbox {
		position: relative;
		background-color: #8d3436; /* red */
		text-align: center;
		color: #fff;
		top: 50px; /* to account for navigation */
		left: 0;
		padding: 10px;
		z-index: 19;
		box-shadow: none;
		border-radius: none;
	}
	
	.radioDisplay {
		display: inline;
	}
}
	

/*
    LOGO
-------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
	.logosize {
		width: 650px;
		margin-top: 20px;
	}
	
	.logofooter {
		width: 90%;
	}
	
	.homeimgs {
		width: 95%;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px;
		margin-bottom: 40px;
	}

}
@media (max-width: 767px) {
	.logosize {
		width: 330px;
		margin-top: 10px;
	}
	
	.logofooter {
		width: 60%;
	}
	
	.homeimgs {
		width: 60%;
		text-align: center;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px;
		margin-bottom: 40px;
	}
}
@media (max-width: 400px) {
	.addressphone {
		font-size: 1em;
	}
	
	.textNormal {
		font-size: 0.875em;
	}
	
	.logosize {
		width: 75%;
		margin-top: 10px;
	}
	
	.logofooter {
		width: 80%;
		margin-bottom: 15px;
	}
	
	.homeimgs {
		width: 45%;
		text-align: center;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		margin-bottom: 30px;
	}
	
}
/* iPhone 5 res, http://stackoverflow.com/questions/12539697/iphone-5-css-media-query */
@media (device-height : 568px) and (device-width : 320px) and (-webkit-min-device-pixel-ratio: 2) {
	.logosize {
		width: 280px;
		margin-top: 10px;
	}
	
	.logofooter {
		width: 80%;
		margin-bottom: 15px;
	}
	
	.homeimgs {
		width: 70%;
		text-align: center;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		margin-bottom: 30px;
	}
	
}

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

img.curves {
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
		    border-radius: 8px;
}

img.curvesLeaf {
	-webkit-border-radius: 10px 10px 0 0;
	   -moz-border-radius: 10px 10px 0 0;
		    border-radius: 10px 10px 0 0;
}

@media (min-width: 768px) {
	img.wide90 {
		width: 90%;
	}
}

@media (max-width: 767px) {
	img.wide90 {
		width: 80%;
	}
}

@media (max-width: 400px) {
	img.wide90 {
		width: 96%;
	}
}

/* united way logo on donation page */
img.unitedway {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
	behavior: url("css/PIE.htc");
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
	-webkit-box-shadow: #888 0 2px 3px; /* color, x offset, y offset, blur size */
	   -moz-box-shadow: #888 0 2px 3px;
	        box-shadow: #888 0 2px 3px;
}

#tinted-image-butterfly {
	background: 
    /* top, transparent red, faked with gradient */
	linear-gradient(
	  rgba(0, 0, 0, 0.25), 
      rgba(0, 0, 0, 0.25)
    ),
	url("../images/butterfly.jpg") no-repeat top center;
	background: -webkit-linear-gradient(
	  rgba(0, 0, 0, 0.25), 
      rgba(0, 0, 0, 0.25)
    ),
	url("../images/butterfly.jpg") no-repeat top center;
	background-size: cover;
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 50px;
}

/* Road Image for all pages, but Index */
@media (min-width: 401px) {
	.tinted-image-header {
	    background:  
		linear-gradient(
		  rgba(0, 0, 0, 0.10), 
		  rgba(0, 0, 0, 0.10)
		),
		url("../images/road02.jpg") no-repeat bottom center;
		background: -webkit-linear-gradient(
		  rgba(0, 0, 0, 0.10), 
		  rgba(0, 0, 0, 0.10)
		),
		url("../images/road02.jpg") no-repeat bottom center;
		background-size: cover;
		overflow: hidden;
		padding: 40px 20px;
		margin-top: 50px;
	}
	
	.alt-logo {
		width: 90%;
	}
}

@media (max-width: 400px) {
	.tinted-image-header {
	    background:  
		linear-gradient(
		  rgba(0, 0, 0, 0.10), 
		  rgba(0, 0, 0, 0.10)
		),
		url("../images/road02-small.jpg") no-repeat bottom center;
		background: -webkit-linear-gradient(
		  rgba(0, 0, 0, 0.10), 
		  rgba(0, 0, 0, 0.10)
		),
		url("../images/road02.jpg") no-repeat bottom center;
		background-size: cover;
		overflow: hidden;
		padding: 30px 15px;
		margin-top: 50px;
	}
	
	.alt-logo {
		width: 50%;
		margin-bottom: 20px;
	}
}

/*
              FORMS
--------------------------------------------------------------------*/

@media (min-width: 768px) {
	label {
		text-align: right;
	}
	input[type="text"] {
		margin: 5px 0;
	}
	input[type="submit"] {
		margin: 10px 0;
	}
	textarea {
		margin: 5px 0;
	}
	select {
		margin: 5px 0;
	}
}
@media (max-width: 767px) {
	label {
		text-align: left;
	}
	input[type="text"] {
		margin: auto;
	}
	input[type="submit"] {
		margin: 10px 0;
	}
	textarea {
		margin: 5px 0;
	}
	select {
		margin: auto;
	}
}

/*
    boxes
-------------------------------------------------------------------------------------- */

@media (min-width: 768px) {
	.boxBorder1 {
		width: 90%;
		border: 1px solid #9fd8cb; /* dk green, slight color difference from background */
		margin: 0 5%;
		padding: 15px;
		-webkit-border-radius: 0 0 8px 8px;
		   -moz-border-radius: 0 0 8px 8px;
		        border-radius: 0 0 8px 8px;
	}
	
	.boxHeading1 {
		font-weight: bold;
		font-size: 1.25em;
		text-align: left;
	}
}

@media (max-width: 767px) {
	.boxBorder1 {
		width: 80%;
		border: 1px solid #9fd8cb; /* dk green, slight color difference from background */
		margin: 0 10% 20px 10%;
		padding: 15px;
		-webkit-border-radius: 0 0 8px 8px;
		   -moz-border-radius: 0 0 8px 8px;
		        border-radius: 0 0 8px 8px;
	}
	
	.boxHeading1 {
		font-weight: bold;
		font-size: 1.25em;
		text-align: left;
	}
}

@media (max-width: 400px) {
	.boxBorder1 {
		width: 96%;
		border: 1px solid #9fd8cb; /* dk green, slight color difference from background */
		margin: 0 2% 15px 2%;
		padding: 15px;
		-webkit-border-radius: 0 0 8px 8px;
		   -moz-border-radius: 0 0 8px 8px;
		        border-radius: 0 0 8px 8px;
	}
	
	.boxHeading1 {
		font-weight: bold;
		font-size: 1.25em;
		text-align: left;
	}
}

/* ------------------- ATTENTION grabber red box ******************************* */
.boxAttention {
	width: 100%;
	-webkit-border-radius: 14px;
	   -moz-border-radius: 14px;
		    border-radius: 14px;
	background-color: #cacfd6; /* lt gray */
	-webkit-box-shadow: #fff 0 3px 12px;
	   -moz-box-shadow: #fff 0 3px 12px;
	        box-shadow: #fff 0 3px 12px;
	padding: 25px;
	color: #000;
}

.titleAttn {
	color: #6c282b; /* dk red */
	font-size: 2em;
	font-weight: 700;
}

/*
    GOOGLE MAPS
-------------------------------------------------------------------------- */
@media (min-width: 401px) {
	.google-maps {
		position: relative;
		padding-bottom: 25%;
		height: 0;
		overflow: hidden;
	}
}

@media (max-width: 400px) {
	.google-maps {
		position: relative;
		height: 220px;
		overflow: hidden;
	}
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.mapborder {
	border-top: 1px solid #667384; /* med gray */
}

/*
    Facebook on the right side, pop out fropm the right
-------------------------------------------------------------------------------------- */
.popoutside {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 31;
  top: 100px;
  right: -0;
  border: 2px solid #fff;
  background: #5f96ca; /* sky blue */
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5f96ca), to(#ddeaf4));
  background: -webkit-linear-gradient(#5f96ca, #ddeaf4);
  background: -moz-linear-gradient(#5f96ca, #ddeaf4);
  background: -ms-linear-gradient(#5f96ca, #ddeaf4);
  background: -o-linear-gradient(#5f96ca, #ddeaf4);
  background: linear-gradient(#5f96ca, #ddeaf4);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  -webkit-border-radius: 15px 0 0 0;
     -moz-border-radius: 15px 0 0 0;
	      border-radius: 15px 0 0 0;
}

.sidefacebook {
	
}

.popoutside a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.popoutside a:hover {
  color: #f1f1f1;
}

.popoutside .closebtn {
  position: absolute;
  color: #c00;
  font-weight: 800;
  top: 0;
  left: 5px;
  font-size: 48px;
}

.fb-page {
	margin: 0 0 10px 10px;
}

/* -----------------------------------------
   Calendar Fundraiser Card (Tri-Tip 2026)
----------------------------------------- */
.eventCard{
  border: 1px solid #9fd8cb;      /* lt green */
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  padding: 18px;
  margin-bottom: 25px;
}

.eventHeader{
  border-bottom: 1px solid #cacfd6; /* gray */
  padding-bottom: 12px;
}

.eventSubhead{
  color: #517664; /* dk green */
  margin-top: 6px;
}

.eventBlock{
  background: #f7f8fa;
  border: 1px solid #cacfd6;
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 12px;
}

.eventList{
  margin: 0;
  padding-left: 18px;
}

.eventNote{
  margin-top: 12px;
  background: #d5eee9;   /* very light green (matches your mobile green set) */
  border-left: 5px solid #47ad96;
  padding: 10px 12px;
  border-radius: 6px;
}

.eventCard p { text-align: left; }

/*
    links
-------------------------------------------------------------------------------------- */
a {
	text-decoration: none;
}

/* white text links */
a.wlinks:link, a.wlinks:visited {
	color: #fff; /* white */
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
}
a.wlinks:hover, a.wlinks:active {
	color: #9fd8cb; /* lt geern */
	text-decoration: underline;
}

/* BLUE text links */
a.bluelinks:link, a.bluelinks:visited {
	color: #34368d; /* blue */
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
}
a.bluelinks:hover, a.bluelinks:active {
	color: #000; /* black */
	text-decoration: underline;
}

/* WHITE text links About Page */
a.whitelinks:link, a.whitelinks:visited {
	color: #fff; /* white */
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
}
a.whitelinks:hover, a.whitelinks:active {
	color: #cdebe4; /* xtra lt green */
	text-decoration: underline;
}

/* black links (corrects the iPhone phone numbers too) */
a.bllinks:link, a.bllinks:visited {
	color: #000; /* black */
	font-size: 1em;
	font-weight: normal;
}
a.bllinks:hover, a.bllinks:active {
	color: #000; /* black */
	text-decoration: none;
	cursor: default;
}

/* white links (corrects the iPhone phone numbers too) */
a.whtphonelink:link, a.whtphonelink:visited {
	color: #fff; /* white */
	font-size: 1em;
	font-weight: normal;
}
a.whtphonelink:hover, a.whtphonelink:active {
	color: #fff; /* white */
	text-decoration: none;
	cursor: default;
}

@media (min-width: 768px) {
	a.btnLtGreen:link, a.btnLtGreen:visited {
		background-color: #9fd8cb; /* lt green */
		padding: 16px 32px;
		cursor: pointer;
		color: #13352f; /* extra dk green */
		font-weight: 800;
		font-size: 1.5em;
		display: inline-block; /* limits the width of the button */
		margin-top: 20px;
		margin-bottom: 6px;
		text-decoration: none;
		letter-spacing: 1px;
		text-shadow: -1px -1px #f5fcfb; /* extra lt green */
		text-align: center;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		-webkit-box-shadow: #000 0 2px 5px;
		   -moz-box-shadow: #000 0 2px 5px;
		        box-shadow: #000 0 2px 5px;
	}
	a.btnLtGreen:hover, a.btnLtGreen:active {
		transition: background-color 0.5s ease;
		background-color: #47ad96; /* lt green */
		text-shadow: -1px -1px #f5fcfb; /* extra lt green */
		text-decoration: none;
	}
	
	a.btnNavy:link, a.btnNavy:visited {
		background-color: #34368d; /* navy */
		padding: 12px 24px;
		cursor: pointer;
		color: #fff; /* white */
		font-weight: 700;
		font-size: 1.25em;
		display: inline-block; /* limits the width of the button */
		margin-top: 20px;
		margin-bottom: 6px;
		text-decoration: none;
		letter-spacing: 1px;
		text-shadow: -1px -1px #16173d; /* dk navy */
		text-align: center;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		-webkit-box-shadow: #000 0 2px 5px;
		   -moz-box-shadow: #000 0 2px 5px;
		        box-shadow: #000 0 2px 5px;
	}
	a.btnNavy:hover, a.btnNavy:active {
		transition: background-color 0.5s ease;
		background-color: #2e307c; /* navy */
		text-shadow: -1px -1px #16173d; /* dk navy */
		text-decoration: none;
	}
	
	a.btnGray:link, a.btnGray:visited {
		background-color: #e6e9ec; /* gray */
		padding: 4px 12px;
		cursor: pointer;
		color: #16173d; /* extra dk navy */
		font-weight: bold;
		font-size: 1em;
		display: inline-block; /* limits the width of the button */
		margin-top: 12px;
		margin-bottom: 6px;
		letter-spacing: 1px;
		text-decoration: none;
		text-shadow: -1px -1px #fff; /* white */
		text-align: center;
		-webkit-border-radius: 6px;
		   -moz-border-radius: 6px;
		        border-radius: 6px;
		-webkit-box-shadow: #13352f 0 2px 4px;
		   -moz-box-shadow: #13352f 0 2px 4px;
		        box-shadow: #13352f 0 2px 4px;
	}
	a.btnGray:hover, a.btnGray:active {
		transition: background-color 0.5s ease;
		background-color: #fff; /* white */
		color: #16173d; /* extra dk navy */
		text-decoration: none;
	}
	
	/* for the RED attention box on the home page */
	a.btnWhite:link, a.btnWhite:visited {
		background-color: #fff; /* white */
		padding: 10px 20px;
		cursor: pointer;
		color: #8d3436; /* red */
		font-weight: bold;
		font-size: 1.25em;
		display: inline-block; /* limits the width of the button */
		margin-top: 5px;
		margin-bottom: 10px;
		text-decoration: none;
		letter-spacing: 1px;
		text-shadow: -1px -1px #000; /* black */
		text-align: center;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		-webkit-box-shadow: #000 0 2px 5px;
		   -moz-box-shadow: #000 0 2px 5px;
		        box-shadow: #000 0 2px 5px;
	}
	a.btnWhite:hover, a.btnWhite:active {
		transition: background-color 0.5s ease;
		background-color: #ccc; /* gray */
		text-shadow: -1px -1px #000; /* black */
		text-decoration: none;
	}
}

@media (max-width: 767px) {
	a.btnLtGreen:link, a.btnLtGreen:visited {
		background-color: #9fd8cb; /* lt green */
		padding: 14px 28px;
		cursor: pointer;
		color: #13352f; /* extra dk green */
		font-weight: bold;
		font-size: 1.5em;
		display: inline-block; /* limits the width of the button */
		margin-bottom: 6px;
		text-decoration: none;
		letter-spacing: 1px;
		text-shadow: -1px -1px #f5fcfb; /* extra lt green */
		text-align: center;
		transition: background-color 0.5s ease;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		-webkit-box-shadow: #000 0 2px 5px;
		   -moz-box-shadow: #000 0 2px 5px;
		        box-shadow: #000 0 2px 5px;
	}
	a.btnLtGreen:hover, a.btnLtGreen:active {
		transition: background-color 0.5s ease;
		background-color: #47ad96; /* lt green */
		text-shadow: -1px -1px #f5fcfb; /* extra lt green */
		text-decoration: none;
	}
	
	a.btnNavy:link, a.btnNavy:visited {
		background-color: #34368d; /* navy */
		padding: 10px 20px;
		cursor: pointer;
		color: #fff; /* white */
		font-weight: 600;
		font-size: 1.25em;
		display: inline-block; /* limits the width of the button */
		margin-top: 20px;
		margin-bottom: 6px;
		text-decoration: none;
		letter-spacing: 1px;
		text-shadow: -1px -1px #16173d; /* dk navy */
		text-align: center;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		-webkit-box-shadow: #000 0 2px 5px;
		   -moz-box-shadow: #000 0 2px 5px;
		        box-shadow: #000 0 2px 5px;
	}
	a.btnNavy:hover, a.btnNavy:active {
		transition: background-color 0.5s ease;
		background-color: #2e307c; /* navy */
		text-shadow: -1px -1px #16173d; /* dk navy */
		text-decoration: none;
	}
	
	a.btnGray:link, a.btnGray:visited {
		background-color: #e6e9ec; /* gray */
		padding: 4px 12px;
		cursor: pointer;
		color: #16173d; /* extra dk navy */
		font-weight: bold;
		font-size: 1em;
		display: inline-block; /* limits the width of the button */
		margin-top: 12px;
		margin-bottom: 6px;
		text-decoration: none;
		text-shadow: -1px -1px #fff; /* white */
		text-align: center;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
		-webkit-box-shadow: #13352f 0 2px 4px;
		   -moz-box-shadow: #13352f 0 2px 4px;
		        box-shadow: #13352f 0 2px 4px;
	}
	a.btnGray:hover, a.btnGray:active {
		transition: background-color 0.5s ease;
		background-color: #fff; /* white */
		color: #16173d; /* extra dk navy */
		text-decoration: none;
	}
	
	/* for the RED attention box on the home page */
	a.btnWhite:link, a.btnWhite:visited {
		background-color: #fff; /* white */
		padding: 10px 20px;
		cursor: pointer;
		color: #8d3436; /* red */
		font-weight: bold;
		font-size: 1.25em;
		display: inline-block; /* limits the width of the button */
		margin-top: 10px;
		margin-bottom: 0;
		text-decoration: none;
		letter-spacing: 1px;
		text-shadow: none;
		text-align: center;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
		-webkit-box-shadow: #000 0 1px 5px;
		   -moz-box-shadow: #000 0 1px 5px;
		        box-shadow: #000 0 1px 5px;
	}
	a.btnWhite:hover, a.btnWhite:active {
		transition: background-color 0.5s ease;
		background-color: #ccc; /* gray */
		text-shadow: -1px -1px #000; /* black */
		text-decoration: none;
	}
}

/* DIV that holds the button that brings user back to top of the page */
div.holdicon {
	background-color: #34368d;
    background-image: -moz-linear-gradient(top, #34368d, #5f61c5);
    background-image: -ms-linear-gradient(top, #34368d, #5f61c5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34368d), to(#5f61c5));
    background-image: -webkit-linear-gradient(top, #34368d, #5f61c5);
    background-image: -o-linear-gradient(top, #34368d, #5f61c5);
    background-image: linear-gradient(top, #34368d, #5f61c5);
	position: fixed;
	bottom: 25px;
	right: 30px;
	z-index: 500;
	border-radius: 50%;
}
/* button brings user back to top of the page */
a.backtotoparrow {
	color: #fff; /* white */
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 50px;
	width: 50px;
}

/* to help with Accessibility */
#skip_to_content a, #skip_to_content a:hover, #skip_to_content a:visited, #skip_to_content a:active, #skip_to_content a:focus {
	position: absolute;
	color: #000;
	left: -2000px;
	top: -500px; 
}

/* glyphicons-PRO set for social media http://glyphicons.com/ */
@font-face{font-family:'Glyphicons Social';src:url('../fonts/glyphicons-social-regular.eot');src:url('../fonts/glyphicons-social-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-social-regular.woff2') format('woff2'),url('../fonts/glyphicons-social-regular.woff') format('woff'),url('../fonts/glyphicons-social-regular.ttf') format('truetype'),url('../fonts/glyphicons-social-regular.svg#glyphicons_socialregular') format('svg')}.social{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Social';font-style:normal;font-weight:normal;line-height:1;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.social.x05{font-size:12px}.social.x2{font-size:48px}.social.x3{font-size:72px}.social.x4{font-size:96px}.social.x5{font-size:120px}.social.light:before{color:#f2f2f2}.social.drop:before{text-shadow:-1px 1px 3px rgba(0,0,0,0.3)}.social.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.social.flipv{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.social.rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.social.rotate180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.social.rotate270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.social-pinterest:before{content:"\E001"}.social-dropbox:before{content:"\E002"}.social-google-plus:before{content:"\E003"}.social-jolicloud:before{content:"\E004"}.social-yahoo:before{content:"\E005"}.social-blogger:before{content:"\E006"}.social-picasa:before{content:"\E007"}.social-amazon:before{content:"\E008"}.social-tumblr:before{content:"\E009"}.social-wordpress:before{content:"\E010"}.social-instapaper:before{content:"\E011"}.social-evernote:before{content:"\E012"}.social-xing:before{content:"\E013"}.social-zootool:before{content:"\E014"}.social-dribbble:before{content:"\E015"}.social-deviantart:before{content:"\E016"}.social-read-it-later:before{content:"\E017"}.social-linked-in:before{content:"\E018"}.social-forrst:before{content:"\E019"}.social-pinboard:before{content:"\E020"}.social-behance:before{content:"\E021"}.social-github:before{content:"\E022"}.social-youtube:before{content:"\E023"}.social-skitch:before{content:"\E024"}.social-foursquare:before{content:"\E025"}.social-quora:before{content:"\E026"}.social-badoo:before{content:"\E027"}.social-spotify:before{content:"\E028"}.social-stumbleupon:before{content:"\E029"}.social-readability:before{content:"\E030"}.social-facebook:before{content:"\E031"}.social-twitter:before{content:"\E032"}.social-instagram:before{content:"\E033"}.social-posterous-spaces:before{content:"\E034"}.social-vimeo:before{content:"\E035"}.social-flickr:before{content:"\E036"}.social-last-fm:before{content:"\E037"}.social-rss:before{content:"\E038"}.social-skype:before{content:"\E039"}.social-e-mail:before{content:"\E040"}.social-vine:before{content:"\E041"}.social-myspace:before{content:"\E042"}.social-goodreads:before{content:"\E043"}.social-apple:before{content:"\F8FF"}.social-windows:before{content:"\E045"}.social-yelp:before{content:"\E046"}.social-playstation:before{content:"\E047"}.social-xbox:before{content:"\E048"}.social-android:before{content:"\E049"}.social-ios:before{content:"\E050"}.social-wikipedia:before{content:"\E051"}.social-pocket:before{content:"\E052"}.social-steam:before{content:"\E053"}.social-souncloud:before{content:"\E054"}.social-slideshare:before{content:"\E055"}.social-netflix:before{content:"\E056"}.social-paypal:before{content:"\E057"}.social-google-drive:before{content:"\E058"}.social-linux-foundation:before{content:"\E059"}.social-ebay:before{content:"\E060"}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}