@charset "utf-8";

/* CSS Document */



/* SOME HAYLEY CODE SOME NOT, DON'T COPY HAYLEY CODE DIRECTLY FOR BANNER AND MENU */

body { 
    margin:0px; padding:0px;  
    background:url('../images/tileheader.png') repeat-x top #717832;
}  

#pagewrap {
	width: 844px;
	margin: 0 auto;
	}


#nav {
	height: 267px;
	background:url(images/tileheader.png) no-repeat;
	margin: 0 auto;
	border-style:none;
}


ul#nav li a{
	display: inline-block;
	width: 94px;
	float: left;
	display: inline;
	margin-top: 185px;
	color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4;
	text-decoration: none;

}


article {
		padding:30px;
		background-color:#d7dbb4;
		height:100%;
		
			/* Hayley's code for gradient, removed url reference to 'Data" and huge string of numbers and letters, 
			this was said to be 'invalid' when I highlighted it so I deleted it, it may have been the virus, 
			don't copy this code directly from Hayley's	files with that line in it  */
	
				 /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: -moz-radial-gradient(center, ellipse cover, #d7dbb4 8%, #d7dbb4 8%, #a6a989 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(8%,#d7dbb4), color-stop(8%,#d7dbb4), color-stop(100%,#a6a989)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover, #d7dbb4 8%,#d7dbb4 8%,#a6a989 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover, #d7dbb4 8%,#d7dbb4 8%,#a6a989 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover, #d7dbb4 8%,#d7dbb4 8%,#a6a989 100%); /* IE10+ */
		background: radial-gradient(ellipse at center, #d7dbb4 8%,#d7dbb4 8%,#a6a989 100%); /* W3C */


		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7dbb4', endColorstr='#a6a989',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
		color: #000;
		font-size: 16px;
}



h1 {
	color:#000000;
	margin-bottom:10px;
	font-family:'Marcellus SC', serif;
	font-weight:bold;
	font-size:200%;
	text-align:	center;
 
}

h2 {
	color:#000000;
	margin-top:10px;
	margin-bottom:10px;
	font-family:'Roboto',sans-serif;
	font-weight:bold;
	font-size:130%;
}

h3 {
	color:#000000;
	font-family:'Roboto',sans-serif;
	font-weight:normal;
	font-style:italic;
	font-size:100%;
	margin-bottom:0;
}

h4 {
	color:#000000;
	text-align:center;
	margin-top:30px;
	margin-bottom:10px;
	font-family:'Roboto',sans-serif;
	font-weight:bold;
	font-size:110%;
	text-decoration:underline;
}

.contact {
			color:#000000;
			text-align:center;
			line-height:110%;
			font-family:'Roboto',sans-serif;
			font-weight:Bold;
			font-size:100%;
			margin-bottom:10px;			
			margin-top:5px;
			
}


ul li {
	color:#000000;
	font-family:'Roboto',sans-serif;
	font-weight:normal;
	font-size:100%;
}


p {

	color:#000000;
	font-family:'Roboto',sans-serif;
	font-weight:normal;
	font-size:100%;
	
}


		/* kepp footer formating incase you figure out how to get it to stay at the bottom of pages with very little content. It was tricky to format.
			since I changed formatting, all this code may not be necessary anymore.  
		
				footer {
							margin-top:3%;
							overflow:hidden;
							background-color:#0B2D4C;
							color:#3881C3;			
  							text-align: right;
							padding:.5%;
							width: 100%;
							font-family:'Marcellus SC', serif;
							font-weight:bold;

				#footer {
    						position: absolute;
    						bottom: 0px;
    						width: 100%;
						}														*/