body {
	font: 14px Arial, Helvetica, sans-serif;
	background: #FCF3F9;
	margin: 0;
	padding: 0;
	color: #000;
}

a {
	color: #c44999;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

.container {
	max-width: 1240px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

.flexit {
	display: flex;
}

.break {
  flex-basis: 100%;
  height: 0;
  margin-bottom: 0px;
}

.bottomSpace {
	margin-bottom: 16px
}

.marginBottom {
	margin-bottom: 8px;
}


#header {
	/*background-image: url(images/masthead_bg.png);	*/
	background-color: #fff;
}

#purpleband {
	background: #c44999;	
}

#content {
	background: #ffffff;
	padding: 20px 20px;
}

img {
	border: 0;
	max-width: 100%;
	height: auto;	
}

.homeHeading {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 6px;	
}

.memberHomePage {
	display: flex;	
	flex-wrap: wrap;
	/*margin-right:-20px;*/
	gap: 20px 30px;
	margin-bottom: 40px;
}

.memberHomePage > div {
	width: 180px;
	/*margin-right: 20px;
	margin-bottom: 16px;*/
}

.homePhoto {
	margin-right: 3px;
	margin-bottom: 6px;
}


.articletitle {
	font: 24px Arial, Helvetica, sans-serif;
    color: #c44999;
}

.blockheadings {
	background-color: #c44999; 
	color: #fff;
	font: bold 13px Arial;
	padding-top: 3px; 
	padding-bottom: 3px;
	padding-left: 3px;
}

.notes {
	font-size: 11px;	
}

.titleheading {
	font: 20px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.subtitle {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.text11 {
	font: 11px Arial, Helvetica, sans-serif;
}
.text12 {
	font: 12px Arial, Helvetica, sans-serif;
}
.text16 {
	font: 16px Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
/*
.button {
	width: auto;
    overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A4456D;
	font-weight: bold;
	padding: 3px 3px;
}
*/
.button {
    border: 1px solid #333;
    padding: 12px 15px;
    background: #c44999;
    color: #fff;
    width: auto;
	min-width: 160px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
	text-decoration: none;
	font-size: 1.0em;
}
.MemberList {
	border: #000000 1px solid;
	padding: 5px;
	overflow: scroll;
	white-space: nowrap;
	width: 850px;
	height: 450px;
	background-color: #ffffff;
}
.NewMemberList {
	border: #000000 1px solid;
	padding: 5px;
	overflow: scroll;
	white-space: nowrap;
	width: 280px;
	height: 450px;
	background-color: #ffffff;
}

.checklist {
    border: 1px solid #ccc;
    list-style: none;
    height: 25em;
    overflow: scroll;
	white-space: nowrap;
    width: 90%;
}
.checklist, .checklist li { margin: 0; padding: 0; }
.checklist label {
    display: block;
    padding-left: 25px;
    text-indent: -25px;
}
.checklist label:hover { background: #777; color: #fff; }

/* documents */

@media screen and (max-width: 600px) { /* only do this if the screen size becomes less than 600px */
.memberHomePage {
	justify-content: center;
}
.homeHeading {
	text-align: center;
}
}