/* This is the footer that appears after the end of the white section of the page.
   It contains the link to the site map, the copyright, and another link to contact Serendipity */
	
#content form textarea {
	width: 100%;
	height: 5em;
}

#content form li input[type="checkbox"], #content form li input[type="radio"] {
	width: auto;
}

#content form {
	padding: 0px;
	margin: 0px;
}

#content form ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-left: 1em;
}
#content form ul {
	margin: 0px;
	padding: 0px;
}

#content form dl dd {
	padding-left: 0px;
	margin-left: 0px;
}

#content form dl dd input {
	width: 100%;
	padding: 2px;
}

/* Classes for client comments.
   The clientComment is right of content div.  It's length varies each time page is loaded. */

.commentCenterContainer {

}

#clientCommentPage {
	padding: 0px 20px;
}
#CommentAnchor {
	width: 23%;
	float: right;
	padding-top: 130px;

}
#clientComment {

	min-width: 165px;
	float: right;

	padding-top: 20px;
	display: inline; /* This keeps the right margin from getting doubled in IE */
	font-size: 0.95em; /*12px; */
	font-style: italic;

border-image-slice: 27 27 27 27;
border-image-width: 20px 20px 20px 20px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: stretch stretch;
	border-style: solid;
	border-image-source: url("/images/MenuItems/commentsBorderWhole.gif")

}

/* The client's comment */
#clientCommentContent .quote {
	font-size: 1em; /*12px; */
	font-style: italic;
}

/* The client's name and address */
#clientCommentContent .CommentNames {
	font-size: 0.95em; /*11px;*/
	font-style: normal;
}

/* The actual content of the comment sits within this inner div so 
   that an image of a quote sign can appear with the comments and 
   line up properly */
#clientCommentContent {
	margin: 15px 0px; /* left and right margins are handled on individual paragraphs to get background images to line up */
	
}

#clientCommentContent p  {
	margin: 6px 10px 0px 20px;
	position: relative;
}

#clientCommentContent .testimonialLink a {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 0.95em;
	text-decoration: none;
	color: #0066CC;

}

#clientCommentContent .testimonialLink {
	margin: 0.25em 0px auto 0px;
	padding: 0px 15px;
	text-align: right;

	padding-bottom: 15px;
}

.CommentNames {
	font-weight: bold;
	display: block;
	text-align: right;
}
.columntext {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule: 1px solid green; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid green; /* Firefox */
    column-rule: 1px solid green;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
     page-break-inside: avoid; /* Firefox */
     break-inside: avoid; /* IE 10+ */
}

.columnimage {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule: 1px solid green; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid green; /* Firefox */
    column-rule: 1px solid green;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
     page-break-inside: avoid; /* Firefox */
     break-inside: avoid; /* IE 10+ */
}
.incolumnCaption {
	display: block;
	background-color: #C3C3DB;
	   /* works for both LARGE and MEDIUM  when image has blie caption area 90px high */

	padding: 10px;
	font-style: italic;
	font-size: 12px;
	line-height: 15px;
}


img.incolumnImg {
	width: 100%;
}
img.quote {
	padding-left: 10px;
}
/*  TO PUT IMAGES IN COLUMNS -- see article: https://stackoverflow.com/questions/37449271/css-columns-breaks-figcaption  */