/******************** AYRE MANOR ********************/

/* COLOURS */
/* #569099; /* teal */
/* #e5eff0; /* light blue */
/* #ece7e1; /* warm gray */

body {
	margin: 0;
	padding: 0;
	/*background: #d7d2cb url(images/bg-body.gif) repeat top center; /* warm grey */
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 105%;
	font-size: 18px;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 20px;
}
h1, h2, h3 {
	margin-top: 30px;
}
h1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 150%; /* 18pt */
	font-weight: normal;
	color: #569099; /* teal */
}
h1 i {
	font-size: 14pt;
}
h2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 125%; /* 14pt */
	font-weight: normal;
	color: #57517B;  /* purple */
}
h2 b {
	font-family: Arial;
	color: #666666;
	text-transform: uppercase;
}
h2 i {
	font-size: 10pt;
}
h3 {
	font-size: 115%; /* 14pt */
	font-weight: normal;
}
h4 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 115%;
	font-weight: normal;
	font-style: italic;
	color: #569099;
}
h2, h3, h4, p, li {
	line-height: 150%;
}
small {
	font-family: Arial;
	font-size: 80%;
	color: #666666;
}
li {
	margin-right: 20px;
	list-style: disc;
}
.list li {
	margin-bottom: 10px;
}
.spaced_list li {
	margin-top: 10px;
	margin-bottom: 10px;
}
a {
	color: #569099; /* teal */
}
a:hover {
	color: #57517B; /* purple */
}
hr {
	clear: both;
	margin: 20px;
	background: none;
	border: 0;
	border-bottom: 2px solid #99bec4;
}
hr.clear {
	clear: both;
	margin: 0;
	border: 0;
	padding: 0;
	background: 0;
}
.clear {
	clear: both;
}
img, object {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	border: 0;
	box-sizing: border-box;
}
div {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	/*width: 100%;*/
}
.center {
	text-align: center;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
.formtable {
	margin: 0 15px;
}
.formtable td {
	padding: 5px;
}
input, textarea {
	font-family: Arial, sans-serif;
	font-size: 100%;
}
input:required, textarea:required {
	border-left: 10px solid #e7793e; /* orange */
}
p.required {
	border-left: 10px solid #e7793e; /* orange */
	color: #e7793e; /* orange */
	padding-left: 5px;
	font-weight: bold;
}
input[type=text], input[type=email], input[type=phone], textarea {
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
}
textarea {
	height: 120px;
}
.formbutton, .button {
	display: inline-block;
	margin: 20px auto;
	border: 0;
	border-radius: 5px;
	padding: 15px;
	/*max-width: 240px;*/
	width: auto;
	background: #569099; /* teal */
	color: #ffffff;
	font-size: 125%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.formbutton:hover, .button:hover {
	background: #57517B; /* purple */
	color: #ffffff;
}

/******************** STRUCTURE ********************/
.content {
	margin: 0 auto;
	max-width: 1280px;
	text-align: left;
}

/******************** HEADER ********************/
.header {
	background: #569099; /* teal */
}
.header .contactinfo {
	margin: 0 auto;
	padding: 5px;
	max-width: 1200px;
	text-align: right;
}
.header ul, .header li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.header li {
	display: inline-block;
}
.header li a {
	display: block;
	padding: 5px;
}
.header a {
	font-family: Georgia;
	font-weight: bold;
	color: #ece7e1; /* warm gray */
	text-decoration: none;
}
.header a:hover {
	color: #ffffff;
}
.header .logo {
	display: inline-block;
	width: 170px;
	/*height: 200px;*/
	height: auto !important;
}
.slogan {
	font-weight: bold;
	text-align: center;
	color: #569099; /* teal */
}
.headerimage {
	padding: 1px 0;
	height: 200px;
	background: #ece7e1; /* warm gray */
	background-size: auto 100% !important;
}
#page_home .headerimage {
	background: #ece7e1 url(images/hdr-home.jpg) no-repeat left;
}
#page_facilities .headerimage {
	background: #ece7e1 url(images/hdr-facilities.jpg) no-repeat left;
}
#page_independent .headerimage {
	background: #ece7e1 url(images/hdr-independent.jpg) no-repeat left;
}
#page_assisted .headerimage {
	background: #ece7e1 url(images/hdr-assisted.jpg) no-repeat left;
}
#page_complexcare .headerimage {
	background: #ece7e1 url(images/hdr-complexcare.jpg) no-repeat left;
}
#page_hospice .headerimage {
	background: #ece7e1 url(images/hdr-hospice.jpg) no-repeat left;
}
#page_about .headerimage {
	background: #ece7e1 url(images/header-about.jpg) no-repeat left;
}
#page_jobs .headerimage {
	background: #ece7e1 url(images/hdr-jobs.jpg) no-repeat left;
}
#page_calendar .headerimage {
	background: #ece7e1 url(images/hdr-calendar.jpg) no-repeat left;
}
#page_news .headerimage {
	background: #ece7e1 url(images/hdr-news.jpg) no-repeat left;
}
#page_volunteer .headerimage {
	background: #ece7e1 url(images/hdr-volunteer.jpg) no-repeat left;
}
#page_support .headerimage {
	background: #ece7e1 url(images/hdr-support.jpg) no-repeat left;
}
#page_contact .headerimage {
	background: #ece7e1 url(images/hdr-contact.jpg) no-repeat left;
}

/******************** HOMEPAGE ********************/

.buttongroup {
	
}
.buttongroup h2 {
	margin-bottom: 5px;
	text-align: center;
}
.buttongroup p {
	margin-top: 5px;
}
.buttongroup a {
	color: #666666;
	text-decoration: none;
}
.buttongroup a:hover {
	color: #333333;
	text-decoration: none;
}
.buttongroup a img {
	margin-bottom: 10px;
	border-radius: 175px;
	transition: border-width 0.5s;
}
.buttongroup a:hover > img, .buttongroup a:hover > h2 > img {
	border-width: 5px !important;
	transition: border-width 0.5s;
}

.btn-independent a img, .btn-about a img {
	border: 10px solid #58517b; /* purple */
}
.btn-independent h2 a:hover, .btn-about h2 a:hover {
	color: #58517b; /* purple */
}
.btn-assisted a img, .btn-jobs a img {
	border: 10px solid #569099; /* teal */
}
.btn-assisted h2 a:hover, .btn-jobs h2 a:hover {
	color: #569099; /* teal */
}
.btn-complexcare a img, .btn-volunteer a img {
	border: 10px solid #fad435; /* yellow */
}
.btn-complexcare h2 a:hover, .btn-volunteer h2 a:hover {
	color: #fad435; /* yellow */
}
.btn-hospice a img, .btn-support a img {
	border: 10px solid #e7793e; /* orange */
}
.btn-hospice h2 a:hover, .btn-support h2 a:hover {
	color: #e7793e; /* orange */
}

.nav ul, .nav li{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 110%;
}
.sidebar .nav {
	background: #e5eff0; /* light blue */
}
.sidebar .nav li {
	border-bottom: 1px solid #e5eff0; /* light blue */
}
.sidebar .nav a {
	display: block;
	padding: 6px 20px;
	font-family: Georgia, Times New Roman, serif;
	font-weight: bold;
	background: #e5eff0; /* light blue */
	color: #57517B; /* royal purple */
	text-decoration: none;
}
.sidebar .nav a:hover{
	background: #f0f6f7;
	/*color: #000000;*/
}
.sidebar .nav ul ul li a {
	padding-left: 40px;
	color: #569099;
}
.sidebar .nav ul ul li a:hover{
	/*color: #000000;*/
}
.sidebar .nav a b {
	font-family: Arial, sans-serif;
	font-size: 85%;
	color: #e7793e !important; /* orange */
}

.mainoptions{
	margin: 0px;
}

.photogallery {
	clear: both;
}
.photo {
	font-size: 85%;
	color: #666666;
}
.notice {
	display: block;
	margin: 20px;
	border: 2px solid #fad435; /* yellow */
	border-radius: 5px;
	padding: 5px;
	background: #faf5dc; /* light yellow */
	/*color: #e7793e; /* orange */
	color: #666666;
	text-align: center;
}
.notice .button {
	padding: 10px;
	max-width: 160px;
	font-size: 100%;
	font-weight: bold;
}

div.notice, div.COVIDnotice {
	display: block;
	margin: 20px;
	border-radius: 5px;
	padding: 1px 0;
	background: #fad435; /* yellow */
	background: #fbdf68; /* 75% yellow */
	color: #666666;
	text-align: center;
}
div.notice h2, div.COVIDnotice h2 {
	margin: 5px;
	color: #000000;
}
.COVIDnotice .button {
	display: inline-block;
	margin: 0;
	padding: 10px;
	max-width: 160px;
	font-size: 100%;
	font-weight: bold;
}

.featurebox {
	padding: 1px 0;
	background: #faf5dc url(images/didyouknow.gif) no-repeat top right; /* light yellow */
	color: #666666;
}
.featurebox h2 {
	color: #e7793e; /* orange */
}
.featurebox a.button {
	display: inline-block;
	margin: 0;
	padding: 10px;
	/*max-width: 160px;*/
	font-size: 100%;
	font-weight: bold;
	background: #ec9465; /* 80% orange */
	color: #ffffff;
}
.featurebox a.button:hover {
	background: #e7793e; /* orange */
	color: #ffffff;
}


.btn-calendar {
	margin: 20px 0;
}
.btn-calendar img {
	border-radius: 5px;
}

.col ul{
	margin-top: 0px;
	margin-bottom: 20px;
}
.aside_yellow, .aside_teal, .aside_purple {
	margin: 20px;
	border-radius: 5px;
	padding: 1px 0px;
	color: #666666;
	font-size: 120%;
}
.aside_yellow{
	background: #faf5dc; /* light yellow */
}
.aside_teal{
	background: #d5e3e5; /* light teal */
}
.aside_purple{
	background: #d5d3de; /* light purple */
}
.backtotop{
	text-transform: uppercase;
	font-size: 8pt;
}
.biophoto {
	float: right;
}


.bio-photo img {
	display: block;
	border-radius: 10px;
	max-width: 100%;
	width: 240px;
	height: auto;
}

.quote {
	margin-bottom: 5px;
	font-size: 110%;
	font-family: Georgia, serif;
	color: #666666;
}
.quotecredit {
	margin-top: 5px;
	font-size: 80%;
	color: #666666;
	text-align: right;
	text-transform: uppercase;
}
.history_gallery{
	margin: 0px 10px;
}
.history_gallery p{
	margin: 10px;
	border: 1px solid #CCCCCC;
	padding: 4px;
	font-size: 10pt;
	color: #666666;
}
.activities .col {
	padding: 5px 0;
}
.activities img {
	opacity: 0.75;
}
.activities .col h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
}
.activities .col p {
	margin-top: 5px;
	margin-bottom: 5px;
}

/******************** FOOTER ********************/
.footer {
	/*border-top: 2px solid #569099; /* teal */
	padding: 10px 0;
	/*background: #e5eff0; /* light blue */
	background: #569099; /* teal */
	color: #e5eff0; /* light blue */
}
.footer .content {
	text-align: center;
}
.footer .contactinfo b {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 125%; /* 14pt */
	font-weight: normal;
	/*color: #569099; /* teal */
	color: #e5eff0; /* light blue */
}
.footer .nav {
	
}
.footer .nav p {
	text-align: left;
}
.footer .nav a {
	font-family: Georgia, Times New Roman, serif;
	font-weight: bold;
	color: #e5eff0; /* light blue */
	text-decoration: none;
}
.footer .nav a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.credit {
	margin: 5px 10px;
	font-size: 80%;
	color: #666666;
	color: #e5eff0; /* light blue */
	text-transform: uppercase;
}
.credit a {
	color: #666666;
	color: #e5eff0; /* light blue */
	text-decoration: none;
}
.credit a:hover {
	color: #000000;
	color: #ffffff;
	text-decoration: underline;
}

@media screen and (max-width: 959px) {
	.btn-mobilenav a {
		display: block;
		background: #e5eff0 url(images/btn-mobilenav.png) no-repeat 20px center; /* light blue */
		background-size: auto 50%;
		padding: 12px;
	}
	.btn-mobilenav a:hover{
		background: url(images/btn-mobilenav.png) no-repeat 20px center;
		background-size: auto 50%;
	}
	.sidebar .nav ul {
		display: none;
		text-align: center;
	}
	.sidebar .nav:hover ul {
		display: block;
		text-align: left;
	}
}

@media screen and (min-width: 400px) {
	.buttongroup div {
		float: left;
		width: 50%;
	}
	.buttongroup div:nth-of-type(2n+1) {
		clear: left;
	}
}

@media screen and (min-width: 600px) {	
	.headerimage {
		background-position: center right !important;
	}
	.col {
		float: left;
		width: 50%;
	}
	.activities .col {
		float: left;
		width: 50%;
	}
	.activities .col:nth-of-type(2n+1) {
		clear: left;
	}
	.photogallery {
		padding: 0 10px;
	}
	.photogallery p {
		margin: 10px;
	}
	.photo {
		float: left;
		width: 50%;
	}
	.photo:nth-of-type(2n+1) {
		clear: left;
	}
	.featurebox {
		margin: 20px;
		border: 2px solid #fad435; /* yellow */
		border-radius: 10px;
	}
	.aside_yellow, .aside_teal, .aside_purple {
		float: right;
		margin: 0 20px 20px 20px;
		width: 200px;
	}
	.applynow {
		margin: 20px;
		border-radius: 5px;
	}
	.footer .nav {
		padding: 0 15px;
	}
	.footer .nav li {
		display: inline-block;
	}
	.footer .nav li a {
		padding: 5px;
	}
}

@media screen and (min-width: 760px) {
	.headerimage {
		height: 300px;
	}
	.logo {
		width: 238px !important;
		/*height: 300px !important;*/
	}
	.activities .col {
		float: left;
		width: 33.33%;
	}
	.activities .col:nth-of-type(2n+1) {
		clear: none;
	}
	.activities .col:nth-of-type(3n+1) {
		clear: left;
	}
	.bio-photo {
		float: right;
		width: 33%;
		padding-top: 100px;
	}
	.bio-text {
		float: left;
		width: 66%;
	}
}

@media screen and (min-width: 960px) {
	.mobile {
		display: none;
	}
	.content:nth-of-type(2) {
		background: url("images/bg-body.png") repeat-y center top;
		background-size: 100%;
	}
	.sidebar {
		float: left;
		width: 25%;
	}
	.main {
		float: left;
		width: 75%;
	}
	.header .sidebar {
		text-align: center;
	}
	.sidebar .nav {
		padding-top: 20px;
	}
	.buttongroup div {
		float: left;
		width: 25%;
	}
	.buttongroup div:nth-of-type(2n+1) {
		clear: none;
	}
	.footer .contactinfo {
		float: left;
		width: 25%;
		text-align: left;
	}
	.footer .nav {
		float: right;
		width: 75%;
	}
	.footer .credit {
		text-align: right;
	}
}

@media screen and (min-width: 1200px) {
	.bio-photo {
		float: right;
		width: 25%;
	}
	.bio-text {
		float: left;
		width: 75%;
	}
	/*.activities .col {
		float: left;
		width: 25%;
	}
	.activities .col:nth-of-type(3n+1) {
		clear: none;
	}
	.activities .col:nth-of-type(4n+1) {
		clear: left;
	}*/
}


/** JOT FORM **/
.form-all, .form-section.page-section {
    margin: 0;
    border : 0;
    padding: 10px;
    box-shadow: none;
}
.form-header {
    font-family : Georgia, Times New Roman, Times, serif;
    font-size : 20px;
    font-weight : normal;
    color : #57517B;
    /* purple */;
}
.form-submit-button {
    border-radius : 5px;
    padding : 15px;
    max-width : 200px;
    background : #569099;
    /* teal */
	color : #ffffff;
    font-size : 24px;
    text-align : center;
}