/*	
	======================================================================

	public/formatting.css

	======================================================================
*/


/* ----------------------------------------------------
   document
   ---------------------------------------------------- */

	html, body, td, th, p, li {
	
		font-family: Helvetica, Arial, sans-serif;
		font-size: 13px;
		line-height: 140%;
	}

	html, body {
	
		background-color: #FFD;
	}
	
/* ----------------------------------------------------
   database page wrapper
   ---------------------------------------------------- */

	#databaseContent, #centeredBodyContent {
	
		margin: 0 auto;
		width: 90%;
		max-width: 800px;
	}
	
	#databaseContent div,
	.databaseContent div {
	
		margin-bottom: 12px;
	}
	
/* ----------------------------------------------------
   body text basics
   ---------------------------------------------------- */

	ul {  overflow: hidden;  }  /*  required so that bullets don't overlap left-aligned images */

	li {  margin-bottom: 10px;  }
	
	li.singleSpacedBullet {  margin-bottom: 0;  }
	
	.bodyText {
	
		margin-bottom: 12px;
	}
	
	.pageTitle {

		color: #400011;
		font-size: 30px;
		line-height: 35px;
		font-weight: bold;
		margin-bottom: 20px !important;
	}

	.pageTitleWithSubtitle {
	
		margin-bottom: 5px !important;
	}

	.pageSubtitle {
	
		font-size: 110%;
		font-style: italic;
	}
	
	.header {

		color: #623;
		font-size: 20px;
		line-height: 25px;
		margin-top: 25px;
		margin-bottom: 10px !important;
	}

	.subheader {

		color: #436214;
		font-size: 12pt;
		line-height: 14pt;
		font-weight: italic;
		margin-bottom: 10px !important;
	}
	
	.tellMeMoreDiv {

		display: none;	
		width: 90%;
		max-width: 600px;
		margin: 25px auto;
		padding: 20px;
		border: 3px solid #B399A0;
		border-radius: 5px;
		background-color: #EEE;
	}
	
	#databaseContent div.tellMeMoreHideLinkDiv {

		text-align: right;
		margin-bottom: 0;
	}

/* ----------------------------------------------------
   paypal div
   ---------------------------------------------------- */

	.payPalDiv {
	
		display: none;
		margin-top: 8px;
		border: 3px solid #8CA;
		border-radius: 10px;
		background-color: white;
		padding: 30px 30px 20px 30px;
	}
	
	#databaseContent .payPalDiv div {
	
		margin-bottom: 0;
	}
	
	#databaseContent .payPalDiv .preambleText div {
	
		margin-bottom: 12px;
	}
	
	.payPalRow {
	
		position: relative;
		margin-bottom: 10px;
	}
	
	.payPalLabel {
	
		position: relative;
		float: left;
		width: 108px;
		height: 20px;
		text-align: right;
		font-weight: 800;
		color: #400011;
		font-size: 125%;
	}

	.payPalData {
	
		position: relative;
		float: left;
		margin-left: 10px;
		font-size: 125%;
	}

	.payPalTotalDiv {
	
		font-weight: 800;
	}
	
	.payPalData input[type=radio]:not(:first-child) {
	
		/* add space between radio buttons */
	
		margin-left: 20px;
	}