@media (min-width: 901px) {
#cbmTbl {
    width: 98.5%;
    max-width: 1200px;
}
}


#calTbl {
	margin-left:auto;margin-right:auto;
	box-shadow: 3px 3px 3px #a8ada8;
	width:98%;
}
#calTbl, #calTbl TD {
	border-collapse:collapse;
	border: 1px solid #bec4be;
}
#calTbl P {
	margin:5pt
}
#calTbl TD { vertical-align:top;padding:0 }
#kIMG IMG {
	border: 2px outset #bec4be;
	border-radius:6px;
	box-shadow: 6px 6px 5px #a8ada8;
	margin:3px;
}

/* TEENS/ADULTS/CHILDREN */
#calD { display:none }
.ftop {
    display:flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
}
.ftop img {
	flex-shrink: 1;
	max-height: 240px;
    max-width:32%;
    margin: 0;
}
@media (max-width: 500px) {
.ftop img {
    max-width: 95%;
    margin-bottom: 0.4rem;
}
}

#dstD .evtDNR {
    color: #888;
    font-size:0.8rem;
    margin: 0 1em 0 0;
}
#dstD img.sdwBrdr {
    float:right;
    margin: 0 0 0 0.5em;
    max-width: 70%;
}
#dstD > div {
    border: 2px solid #FFE74C;
    border-top:none;
    padding: 0.5em;
}
#dstD > div:nth-child(1) {
    border-top: 2px solid #FFE74C;
}
#dstD div p:nth-child(1) {
    margin: 0;
    font-size:130%;
}
#dstD div p:nth-child(1) > span {
    display:inline-block;
    margin-left: 1em;
}
@media screen and (max-width: 600px) {
    #dstD div p:nth-child(1) > span {
        display:none;
    }
}

#dstD div p:nth-child(2) {
    margin: 0;
}


/* EVENT HEADING */
.eventHeadingDiv {
	margin: 8pt 0 12pt 0;
	padding:4pt 8pt;
	background-color:#fafffa;
	border: 2px outset #bec4be;
	border-radius:5px;
	box-shadow: 2px 2px 2px #B6BFB6;
	position:relative;
}

.eventHeadingDiv P { margin-top:0;margin-bottom:0.5em }

.eventHeadingDiv A {
	 font-weight:normal;
}

.eventHeadingDiv P.eventDateP {
	margin-left: 1em;
}

/* registration form link, event date */
/* evtDNR - no registration links */
.evtD, .rflnk { display:block;clear:both }
.evtDNR {
	display:inline-block;
	color: #486148;
}

.evtD A, .rflnk A {
	color: #4C634C;
}

.evtDNR + .evtDNR {
    margin-left: 1.5rem;
}

.evtD {
	margin-left: 0.7rem;
}
.rflnk {
	margin-top:6pt;
}

.eventHeadingDiv .eventGrades {
	font-size:120%;
    font-weight:bold;
    margin-right: 0.5rem;
	color: #5A6D57;
}

#eventNameP {
	margin:0 50px 0 0;
}

.eventHeadingDiv #eventPin {
	position:absolute;
	right:0.3em;
	top:0.3em;
	margin:0;
}

/* fall men's retreats page */
.mens-topphotos { max-width:100% }

.mens-topphotos IMG {
	float:right;margin:8pt;
	border:2px outset #bec4be;
	border-radius: 4pt;
	box-shadow: 4px 4px 4px #a8ada8;
}

.mens-topphotos IMG {
	margin:0;margin-right:9pt;
	height:130px;float:none;
}

.mens-topphotos {
    margin: 10pt auto;
    text-align:center;
}

/* fall couples retreat page */
.fall-couples-actlist {
	margin:0;margin-left:2em;margin-bottom:15pt;margin-top:12pt;
}
.fall-couples-actlist LI { margin-top:10pt }

/* family camp page */
.family-indented-text { margin-left:3% }
.mainDiv .family-psechead { font-weight:bold;
	margin: 39px 1em 6px 1.3em;
	text-indent: -1em;
	font-size:125%;
}

#family-activity-table { margin: 0 auto }
#family-activity-table TD { padding:0;text-align:center }
#family-activity-table P {
	margin: 3pt 0;
	background-color:#ffb;
	padding:4pt;
	border-radius:4pt;
	border: 1px solid #ccb;
	box-shadow: 2px 2px 2px #aa9;
}
#family-activity-table TD:first-child P {
	margin-right:6pt;
}

/* HIS-ability page */
.mainDiv .hisability-cahead { font-weight:bold; margin-bottom:3px;font-size:1.2em }

#hisability-activity-list { margin: 0 }
#hisability-activity-list * { font-weight:bold }


/* spring men's retreat */
#spring-mens-sm4 { float:right }

/* pic containers for fading */
.picContainer {
	display:inline-block;
	float:right;
    overflow:hidden;
}

.picContainer > DIV {
	position:relative;
	width:100%;
}

.picContainer IMG {
	top:0;left:0;
}

/* summer - high school */
.summer-hs .hmc {
	margin-top:0;margin-bottom:20px;
}

#actTbl {
	width:100%; /* needed for IE flex to work */
}
#actTbl #aelist {
	display:flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 110%;
}
#aelist .ae1 {
	flex-grow: 0;
    margin: 0 0.5em 0.3em 0.5em;
	min-width: 7em;
}
.mainDiv #actTbl P:first-child {
	margin: 0.2em 0.5em 0.5em 0.7em;
}

/* begin responsive CSS */

@media screen and (max-width: 720px) {
#family-activity-table P { font-size: 75% }
}

@media screen and (max-width: 600px) {
#family-activity-table P { font-size: 100% }

.eventHeadingDiv { margin: 0 0 12pt 0 }
}

@media screen and (max-width: 500px){
.mens-topphotos IMG { max-width:95%;float:none;margin:0px }
.mens-topphotos IMG { height:auto }
#spring-mens-sm4 { float:none }

}

@media screen and (max-width: 400px) {
#calTbl * { font-size: 10pt }
#calTbl P { margin: 2pt }
#calTbl { box-shadow: none; width:100% }
.evtDNR { display:block }
.eventHeadingDiv #eventPin {
	position:static;
	right:auto;top:auto;
	margin:0;
}

.ladies-activity-list {
	margin: 10px 0 15px 0;
}
}