@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).*/

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: 1650px;
	margin: 0 auto;
	background-color: #e7e2c0;
}

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

#header {
	position: relative;
	/*top: 0px;*/
	width: 859px;
}



/********************************BEGIN CLAY COUNTY FAIR*/

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

#fair p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3em;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

#images .policeuniform {
	 position: absolute;
	 top: 260px;
	 left: 20px;
}

#images .queens {
	position: absolute;
	top: 555px;
	left: 20px;
}

#images .heritage {
	position: absolute;
	top: 1005px;
	left: 20px;
}

#images .miscmemorabilia {
	position: absolute;
	top: 450px;
	left: 345px;
}

#images .baseball {
	position: absolute;
	top: 765px;
	left: 345px;
}

#images .fourh {
	position: absolute;
	top: 1080px;
	left: 345px;
}

#footer {
	position: absolute;
	top: 1500px;
	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: bold;
	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;}