/***************************
* Section Headers
***************************/

body h1 {
	height: 46px;
	margin: 0 0 10px -20px;
	overflow: hidden;
	text-indent: -5000px;
	width: 492px;
}

body#home h1 { background: url(../images/heading-global-hospice-care.png) no-repeat top left; }
body#about h1 { background: url(../images/heading-about.png) no-repeat top left; }
body#volunteers h1 { background: url(../images/heading-volunteers.png) no-repeat top left; }
body#calendar h1 { background: url(../images/heading-calendar.png) no-repeat top left; }
body#jobs h1 { background: url(../images/heading-job-opportunities.png) no-repeat top left; }
body#contact h1 { background: url(../images/heading-contact.png) no-repeat top left; }
body#espanol h1 { background: url(../images/heading-espanol.png) no-repeat top left; }

/***************************
* Collections
***************************/

.collection .thumb {
	background: #ffffff;
	float: left;
	margin: 0 10px 10px 0;
}

.collection .thumb a {
	border: 3px double #003556;
	display: block;
}

.collection .thumb a:hover {
	border: 3px solid #003556;
	padding: 0;
}

.collection .thumb img { margin: 2px; }
.collection .thumb a img { margin: 0; }

.collection .more p {
	font-variant: small-caps;
	margin-top: -12px;
	text-align: right;
}

.collection .body {
	margin-left: 32px;
}

.collection .item {
	border-bottom: 1px solid #3c8bb5;
	margin-top: 16px;
}

.collection .last {
	border: 0px;
}

/***************************
* Detail Pages
***************************/

.detail .image {
	background: #ffffff;
	float: right;
	margin: 4px 0 10px 10px;
}

.detail .image img {
	border: 3px double #003556;
	display: block;
}

.detail .lead {
	font-style: italic;
}

.detail .extra {
	font-weight: bold;
	text-align: center;
}

/**************************************
* Forms
**************************************/

#content form {
	width: 100%;
}

#content form .field {
	float: left;
	padding: 5px 0;
	width: 100%;
}

#content form .field label {
	float: left;
	font-size: 11px;
	height: 24px;
	line-height: 24px;
	padding-right: 16px;
	text-align: right;
	width: 124px;
}

#content form .required label {
	font-weight: bold;
}

#content form .field input {
	border: 1px solid #baccdb;
	font-size: 12px;
	padding: 5px;
	width: 297px;
	font-family: Arial, Helvetica, sans-serif;
}

#content form .field textarea {
	border: 1px solid #baccdb;
	font-size: 12px;
	height: 125px;
	padding: 5px;
	width: 297px;
	font-family: Arial, Helvetica, sans-serif;
}

#content form .submit {
	float: left;
	padding: 15px 0 15px 120px;
	text-align: center;
	width: 335px;
}

#content form .submit button {
	background: none;
	border: none;
}

/**************************************
* Error Messages
**************************************/

.errorExplanation {
	background: #ebd6d6;
	border: 2px solid #b00000;
	margin: 20px 0;
	padding: 20px;
}

.errorExplanation h2 {
	display: none;
}

.errorExplanation p {
	color: #b00000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#content .errorExplanation ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

#content .errorExplanation li {
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #b00;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

#content form .fieldWithErrors input, #content form .fieldWithErrors select, #content form .fieldWithErrors textarea {
	border: 2px solid #b00;
}

/**************************************
* Contact Form Vcard
**************************************/

#contact-page-vcard {
	text-align: center;
}

#contact-page-vcard p {
	margin-bottom: 0;
}

#contact-page-vcard .org {
	font-size: 14px;
	font-weight: bold;
}

#contact-page-vcard .street-address {
	display: block;
}

#contact-page-vcard .tel .type {
	font-weight: bold;
}

#contact-page-vcard .map {
	text-transform: lowercase;
}


/***************************
* Additional Styles
***************************/

#content ul {
	margin-left: 32px;
	margin-bottom: 12px;
}

#content li {
	list-style: disc;
}

#bbb-logo {
	float: right;
	margin: 0px 0px 12px 12px;
}