@charset "utf-8";
/* CSS Document */

/*The different areas of the page are absolutely positioned. If more text is added you will have to move one or more of the bottom div's down (adjust the px's from the top: setting). EX: #mission .rounded, #donatebutton and #donate .rounded div*/

body {
	position: relative;
	background-image: url(images/pm_background.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2a2a2a;
	margin: 0px auto;
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align: center; /* Hack for IE/Win */
}

/*to fill the rounded class boxes with color unless otherwise specified and do special formatting for individual "rounded" areas*/

.rounded {
	background-color: #aea779;
	padding: 5px;
}


/********************DIV styling and positions****************/
#page {
	position: relative;
	width: 860px;
	height: 1200px;
	margin: 0 auto;
	background-color: #e7e2c0;
}

p {
	margin-top: .5em;
	margin-bottom: .9em;
}

#header {
	position: relative;
	width: 859px;
}


/************************LIVING HISTORY CSS*/

#images .blacksmith {
	position: absolute;
	top: 265px;
	left: 20px;
	padding-bottom: 15px;
}

#images .musicians {
	position: absolute;
	top: 565px;
	left: 20px;
}

#images .ragdolls {
	position: absolute;
	top: 650px;
	left: 350px;
} 

#living .rounded {
	position: absolute;
	top: 300px;
	left: 300px;
	width: 500px;
	background-color: #d8d3b1; /*to style rounded corner box with color choice*/
}

#living p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3em;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
/*******************************END OF LIVING HISTORY*/

#footer {
	position: absolute;
	top: 1100px;
	left: 0px;
	width: 860px;
}

#footer p { 
	padding-left: 7px;
	padding-right: 7px;
	font-size: 10px;
	font-weight: 500;
	text-align: center;
}

/*default link styles*/

#footer .footerlinks {
	font-size: 10px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	
}

#footer a:link { 
	font-weight: 500;
	text-decoration: none;
	color: #2a2a2a;
}

#footer a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #a56142;
}

#footer a:hover, a:active { 
	text-decoration: none;
	background: #d0ba7f;
}

* {margin: 0px; padding: 0px;}