/*	The Holland Home website is built with pure HTML5. We’re proud to support web standards.
	
	We also want to share what we’ve learned. Although the basic design of this site, as
	well as all written content, photographs, and logos are the copyright property of
	Holland Home, the HTML and CSS code for this site is licensed under a Creative Commons
	BSD license (http://creativecommons.org/licenses/BSD). Share alike and give it away. */

/*	This is the stylesheet for the front page. */

@media screen {
	/*	First <article> on the front page, containing the main picture and welcome text. */
	article#welcome {
		height: 380px;
		padding-bottom: 0; }

	article#welcome img {
		float: right;
		margin: 0 0 0 28px; }

	article#welcome ul {
		margin-top: -6px; }

	article#welcome section {
		height: auto !important;
		min-height: 0; }


	/*	Styles for the front-page jQuery image slideshow. */
	div#slideshow {
		float: right;
		margin: 0 0 0 28px;
		width: 482px;
		height: 380px; }

	div#slideshow img {
		margin: 0; }


	/*	Creates the styles for the HomeCare, Faith Hospice, and Helpers of Holland Home buttons. */
	ul#services {
		margin: 0; }

	ul#services li {
		float: left;
		list-style: none;
		margin-left: -12px; }

	ul#services li a:link,
	ul#services li a:visited {
		float: left;
		font: bold 10pt/12pt Helvetica, Verdana, Arial, sans-serif;
		color: #fff;
		height: 25px;
		margin-top: 4px;
		padding-top: 9px;
		background-color: #aca170;
		text-align: center;
		text-decoration: none; }

	ul#services #homecare {
		width: 90px;
		background: #aca170;
		margin-right: 25px; }

	ul#services #faithhospice {
		width: 115px;
		background: #7070ac;
		margin-right: 25px; }

	ul#services #helpers {
		width: 190px;
		background: #66a4d1; }


	/*	Second <article> on the front page, containing any promotions that may be running. */
	article#promotions {
		background: #eeb111;
		padding: 0; }

	article#promotions section {
		text-align: center;
		float: left;
		height: auto !important;
		min-height: 0; }

	section#promotionRememberMe a:link,
	section#promotionRememberMe a:visited {
		float: right;
		font: bold 10.5pt/12pt Helvetica, Verdana, Arial, sans-serif;
		color: #fff;
		text-decoration: none;
		padding-top: 12px;
		width: 963px;
		height: 30px;
		background: #eeb111;
		text-align: center; }


	/*	Third <article> on the front page, containing links for the three Holland Home campuses. */
	article#campus {
		background: #ddd;
		height: 189px;
		padding-bottom: 0; }

	article#campus section {
		float: left;
		width: 321px;
		height: auto !important;
		min-height: 0; }

	article#campus h1 {
		margin: 0;
		padding: 0; }

	article#campus h1 a:link,
	article#campus h1 a:visited {
		text-decoration: none;
		font: bold 10.5pt/12pt Helvetica, Verdana, Arial, sans-serif;
		padding: 15px 0 0 0;
		float: left;
		width: 100%;
		height: 30px;
		text-align: center;
		color: #fff;
		text-decoration: none; }

	article#campus img {
		float: left;
		margin: 0; }

	article#campus p {
		font-size: 7.5pt;
		float: left;
		color: #666;
		margin: 0;
		padding: 10px 10px 0 10px;
		width: 157px; }

	article#campus p a:link,
	article#campus p a:visited {
		color: #3d6b1e;
		text-decoration: underline; }

	article#campus p a:hover,
	article#campus p a:active {
		text-decoration: none; }

	section#campusBreton h1 a:link, section#campusBreton h1 a:visited {		background: #2b3c65; }
	section#campusFulton h1 a:link, section#campusFulton h1 a:visited {		background: #696; }
	section#campusRaybrook h1 a:link, section#campusRaybrook h1 a:visited {	background: #841323; }
}


@media print {
	/*	Suppress display-specific elements from printing. */
	div#slideshow,
	article#promotions,
	article#campus,
	ul#services {
		display: none; }
}