h1{ font-family:'DeltaSans', sans-serif;  color: #717D84;font-weight:normal; margin:0; padding:0; font-size:36px !important; line-height:39px;}

.narrow{width:100%; max-width:570px; margin:0 auto;}
.ingres{margin:0;}

#content{margin:60px 0; font-size:16px; color:#5E6A71;}
#content .minitagGrn{margin-bottom:10px;}
#content .minitagGrn a{font-weight:inherit; color:inherit; text-decoration:inherit;}
#content .minitagGrn a:hover{text-decoration:underline;}
#content h1{margin-bottom:10px;}
#content h2{color:#717D84;}
#content p{line-height:20px;}
#content .ingres { line-height: 26px;}
#content img{width:100%; height:auto; display:block;}
#content .imagetext{ margin: 10px 0 0; text-align: right;}
#content .green_header{font-family: 'DeltaSans', sans-serif; color: #0087DC; font-size: 18px; font-weight: bold; margin:0; margin-bottom: 5px;}
#content a{color:#0087DC;}
#content iframe{ width: 100%; margin:20px 0;}

#event{font-size:14px; margin: 40px 0;}

#event .image { width: 30%; padding-right: 4%; text-align:center;}
#event .image a{display:inline-block;}
#event .image img{max-width:100%; display:block;} 


#event .detail {text-align: left; border-left: 4px solid #0087DC; padding-left: 4%; width: 60%;}
#event .detail .t_row .t_cell{padding-top:5px;}
#event .detail .table .t_row .t_cell:first-child{width: 70px; vertical-align: top; font-weight:bold;}

.eventTitle{color:#0087DC; text-decoration:none; font-family: 'DeltaSans', sans-serif; font-size: 22px;}
/*.eventTitle:hover{text-decoration:underline;}*/

#people .image{width: 30%; vertical-align:top;}
#people .image img{border-right: 6px solid #0087DC;}
#people .detail{vertical-align:top; padding-left: 4%;}
#people .detail p{margin:0; margin-top: 10px;}
#people .detail p:first-child{margin-top: 0px;}
#people .table{margin-bottom:45px;}
#people .table:first-child{margin-top:15px;}

#signup{ text-align: center; background-color: #E1E6E6; margin: 50px 0; padding: 40px 0; }
#signup .text{font-size: 22px;}
#signup a{margin-top: 20px; color:#FFF; }

#map_container .t_cell{padding-top:5px;}

#upcoming_events{ background-color: #E1E6E6; margin: 60px 0 40px; padding: 30px 0 40px; }
#upcoming_events .events{margin-top:20px;}
#upcoming_events .event{float: left; width: 23.5%; margin-left: 2%;}
#upcoming_events .event:first-child{margin-left:0;}
#upcoming_events .event span{display:block; margin-top: 3px;}
#upcoming_events .event .minitagGrn{ margin-top: 12px;}
#upcoming_events .event img{ margin: 0 auto; max-width: 50%; max-height: 130px; width: auto;}
#upcoming_events .image {background-color: white; height: 150px; display: table-cell; vertical-align: middle; width: 25%;}
#all_events {text-align:center;}
#all_events a{font-size:18px; text-decoration:none; font-weight:bold;}
#all_events a:hover{text-decoration:underline;}

.table {
    display:table;
    width:100%;
}
.t_row {
    display:table-row;
}
.t_cell {
    display:table-cell;
	vertical-align:middle;
}




@media screen and (max-width: 980px) {
	h1, h2 {font-size: 25px !important; line-height: 29px !important; }	
	#content {font-size: 14px; line-height: 19px;}
	#content .ingres {line-height: 23px; font-size: 18px;}
}

@media screen and (max-width: 800px) {
	#upcoming_events .event { width: 49%; margin-left: 2%; margin-bottom: 30px;}
	#upcoming_events .event:nth-child(2n+1) { margin-left: 0;  clear: left;}
	#upcoming_events { padding: 30px 0 10px;}
}

@media screen and (max-width: 700px) {
	#content { margin: 30px 0;}
	.narrow { width: 94% !important; max-width: none !important;  }
	#signup .text {font-size: 18px;}
}

@media screen and (max-width: 500px) {
	#event > .t_row > .t_cell{display:block; width:100%; border:0; padding:0; text-align:left;}
	#event .image img { margin-bottom: 20px;}
	#event .detail .t_row .t_cell:first-child{ width: 80px; vertical-align: top;}
	#event .image img { max-width: 70%;}
	#signup { margin: 30px 0;}
	#map_container .t_row .t_cell:first-child{ width: 80px; vertical-align: top;}
	
	
}

@media screen and (max-width: 400px) {
	#people .t_row .t_cell{ display: block; width: 100%; padding: 0;}
	#people .image img{border:0; margin-bottom:10px;}
	#people .table { margin-bottom: 30px;}	
	#upcoming_events .event {width: 100%; margin-left: 0;}
}