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

/*The different areas of the main page are absolutely positioned. If more text is added you will have to more 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: #d8d3b1;
	padding: 5px;
}


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

p {
	padding: 10px;
}

span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 16px;
	font-weight: 600;
}

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

#content  {
	position: absolute;
	top: 260px;
	left: 80px;
	width: 700px;
}

#content p {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2em;
	text-align: left;
	padding: 5px;
}

#footer {
	position: absolute;
	top: 800px;
	left: -80px;
	width: 860px;
}

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

#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;}