<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*-------------------------------  reset  ----------------------*/

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

body, textarea {
  font-family: Arial, Helvetica, sans-serif;
  background-color: white;
}

section, article, aside, footer, header, nav {
  display: block;
}
section {
   width:100%;
}

.center {
	text-align:center;
}

/*------------------------------- global -----------------------*/

#myTopBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 12px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 12px;
  border-radius: 5px;
}

#myTopBtn:hover {
  background-color: #555;
}

a[href^="tel"]{  /* HOTLINE telephone numbers in red bold, no underline */
    color:red;
    text-decoration:none;
	font-weight:bold;
}

.hours {
	margin:5px;
	text-align:center;
}

/*-------------------------- TITLE ----------*/
#title {
	width:50%;
	float:left;
	padding-left:10px;
}
#title h1 {
	font-size:125%;
	margin-top:10px;
}

/*-------------------------- HOTLINE --------*/
#hotline {
	width:50%;
	float:right;
	text-align:center;
	margin-bottom:5px;
}
#hotline h1 {
	font-size:125%;
	margin-top:10px;
	padding-bottom: 3px;
}

/*-------------------------- NAV MENU ------*/
#topnav { }

#topnav ul {
    width: 100%;
	list-style-type: none;
	overflow: hidden;
	background-color: #C6C;
}

#topnav li {
	padding:0;
    float: right;
}

#topnav li a {
	display: block;
	color: white;
	text-align: center;
	text-decoration: none;
	transition: 0.1s;
	padding: 10px 16px;
	font-family: Verdana, Geneva, sans-serif;
}


#topnav li a:hover {
    background-color: #639;	
}

/*-------------------------- BANNER IMAGES -*/
/* Left (random): 330px    
   Center (fixed PCC):356px
   Right (random): 330px
   all Height: 300px
*/
#banner img {
	margin:4px 0px;
	width:33%;
}

#banner img:nth-child(2) {
margin-left:2px;
margin-right:2px;
}

/*--------------------- SECTION HEADERS ---*/
h2,  h3 {
    clear:both;
    display: block;
	width:100%;
	font-weight:bold;
	color:purple;
}
h2 {     /* pink bar */
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
	
	border-top: 1px solid #999;
	background-color: #FFE9FF;
	border-bottom: 1px solid #999;
	padding: 8px 0px;
}

h3 {   /* sub headings */
	text-align:left;
    margin-top:15px;
    margin-left:25px;
}

p, li, dl {
	color:black;
	padding-top:7px;
	padding-bottom:3px;
}

p, dl {
	margin-left:40px;
	margin-right:30px;	
}

dd {
	margin-left:15px;
	font-style:italic;
}

/*-------------------------- SUPPORT ----------*/



/*-------------------------- SERVICES --------*/
#services ul {
	margin-left:55px;
	width:80%;
}

#services img {
	margin:10px;
	margin-top:0px;
	float:right;
	border-radius:6%;
}

/*-------------------------- RESOURCES ------*/
#resources table {
  margin-left:40px;
  border-collapse: separate;
  border-spacing: 10px 10px;
}

#resources th {
	width:3em;
	font-weight:bold;
	text-align:center;
	background-color: #eee;
	padding-top:3px;
	padding-bottom:3px;
}
#resources td { vertical-align: top; }

#resources a { text-align:right; }
#resources a:hover { color:black; }

/*-------------------------- DONATIONS -----*/
#donations ul {
	margin-left:55px;
}

/*-------------------------- CONTACT US ---*/
.info {
	display:block;
	width:46%;
	float:left;
	margin-top:5px;
	margin-bottom:15px;
	font-size:114%;
}
.svg {
	margin-top:12px;
	margin-right:10px;
	margin-left:20px;
	width:20px;
}

/*----------------SEND A MESSAGE FORM ---*/
.message {
	display:block;
	width:54%;
    float:right;
    border-left:2px solid #ccc;
}
.message input, .message textarea {
	margin:4px;
	margin-left:20px;
}
.message input {
	width:60%;
	height:24px;
    padding-left:5px;
}

.message textarea {
	padding:5px;
	width:90%;
}
.message p {
	text-align:center;
}
.message .sendTitle {
	text-align:center;
	padding:2px;
}
.message button {
	height:30px;
	width:80px;
	margin:3px;
	margin-left:180px;
	font-size:14px;
    border-radius: 5px;	
}
.message button:hover {
    background-color: #3E6;
}

/*---------------- BUILDING PHOTO ---*/
#contact_us h3 {
   clear: both;
}

.building {
	border:1px solid #333;
	margin-top:6px;
	margin-bottom:6px;
	width:100%;
}

#map {
	height:400px;
	width:100%;
    border:1px solid #666;
	margin-top:10px;
}

/*-------------------------- FOOTER ---*/
footer {
	margin-top: 20px;
	margin-bottom:20px;
	text-align: center;
	color: #999;
	font-size:90%;
}



/*------------------------------- device selection -----------------------*/

/* Mobile Portrait Styles */
@media only screen and (min-width:100px) and (max-width: 400px) {
	body {
/*		background-color: #8888ff;   *debug*/
	}
  
	p, dl {
		margin-left:20px;
		margin-right:10px;	
	}

	#title {
		width:100%;
		text-align:center;
	}
	#hotline {
		width:100%;
	}

	#topnav {
		font-size:80%;
	}
	#topnav li a {
		padding: 10px 7px;
	}
	#topnav  li:nth-child(5) { display:none; }	
  
	#banner img:nth-child(2) {
		margin-left:1px;
		margin-right:1px;
	}

	#resources table {
	  margin-left:20px;
	}

	.info {
		width:100%;
	}  
	.svg {
		margin-left:50px;
	}
	.message {
		padding:20px;
		border:none;
		width:100%;
		margin:auto;
	}
}


/* Mobile Landscape Styles */
@media only screen and (min-width:401px) and (max-width: 700px) {
	body {
/*		background-color: #ff9999;   *debug*/
	}
  
	p, dl {
		margin-left:20px;
		margin-right:10px;	
	}

	#title {
		width:100%;
		text-align:center;
	}
	#hotline {
		width:100%;
	}

	#topnav {
		font-size:85%;
	}

	.info {
		width:100%;
	}  
	.svg {
		margin-left:50px;
	}
	.message {
		padding:20px;
		border:none;
		width:100%;
		margin:auto;
	}
}


/* Tablet Styles */
@media only screen and (min-width: 701px) and (max-width: 960px) {
	body {
/*		background-color: #ffff88;     *debug*/
		font-size:97%;
	}

	p, dl {
		margin-left:30px;
		margin-right:20px;	
	}

	.hours br { display: none; }
	.location div br { display:none; }  

}


/* Desktop Styles */
@media only screen and (min-width: 961px) {
	body {
		width:1024px;
		margin:auto;
		font-size:110%;
	}
  
	p, dl {
		margin-left:40px;
		margin-right:30px;	
	} 
	
	#banner img:nth-child(2) {
		margin-left:5px;
		margin-right:5px;
	}
		
 	.message input {
		width:50%;
	}
   
	.hours br { display: none; }
	.location  br { display:none; }  
  
	#title h2, #hotline h2, h2, h3 { font-size:125%; } 
	
}


/* Printing (same values as 'Desktop Styles' above) */
@media print {
	body {
		width:1024px;
		margin:auto;
		font-size:110%;
	}
  
	p, dl {
		margin-left:40px;
		margin-right:30px;	
	} 
	
	#banner img:nth-child(2) {
		margin-left:5px;
		margin-right:5px;
	}
		
 	.message input {
		width:50%;
	}
   
	.hours br { display: none; }
	.location  br { display:none; }  
  
	#title h2, #hotline h2, h2, h3 { font-size:125%; } 


/* page breaks */

	#map {
		break-before: auto;
		break-after: auto;
		break-inside: avoid;
	}

}








</pre></body></html>