@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;
	/*top: 0px;*/
	width: 859px;
}

#membership .rounded {
	position: absolute;
	top: 270px;
	left: 80px;
	width: 300px;
	/*left: 20px;*/
	/*margin-left: 20px;*/
	background-color: #d8d3b1; /*to style rounded box with color*/
}

#membership {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2em;
	text-align: left;
	/*margin-top: .5em;
	margin-bottom: .9em;*/
	padding-left: 8px;
	padding-right: 5px;
}

#membership .list {
	text-align: left;
	line-height: .5em;
	/*padding: 2px;*/
	
}

#content .rounded {
	position: absolute;
	top: 500px;
	left: 80px;
	width: 700px;
	/*left: 20px;*/
	/*margin-left: 20px;*/
	background-color: #d8d3b1; /*to style rounded box with color*/
}

#content p {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2em;
	text-align: left;
	/*margin-top: .5em;
	margin-bottom: .9em;*/
	padding-left: 5px;
	padding-right: 5px;
}

#legacy .rounded {
	position: absolute;
	top: 780px;
	width: 700px;
	left: 80px;
}

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

#legacy a {
	text-decoration: none;
	border-bottom: 1px dotted #000;
}

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

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

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

#donatebutton {
	position: absolute;
	top: 265px;
	left: 500px;
	padding-right: 20px;
	z-index: 500;
}


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

#footer p { /*padding to move the text away from the edge of the rounded box*/
	/*padding-top: 15px;*/
	padding-left: 7px;
	padding-right: 7px;
	font-size: 10px;
	font-weight: 500;
	/*line-height: 1.2em;*/
	text-align: center;
	/*margin-top: .5em;
	margin-bottom: .9em;*/
}

/*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;}