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

/* RESETS & BASIC PAGE SETUP */
* {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
html { overflow-y: scroll; }
body { 
		font: 62.5% "Arial", sans-serif;
		background: url(Images/body-bg.jpg) bottom center repeat-x;
		background-color: #6da9fd;
}

ul { list-style: none inside; }
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 1.2em;
	color:#053f6e;
	}
	p.sidebar { font-family: Times New Roman, serif; font-size: 1.8em; font-weight: normal;
				line-height: 1.6em; margin-bottom: 1.2em;}
	p.footer { font-size: 1.1em; line-height: 1.2em; margin-bottom: 1.2em; color: #FFFFFF; 
				padding: 10px 0px 10px 56px; bottom center no-repeat; text-decoration: none;} 
	p.footer a:hover { color: #89cff7; font-weight: bold; text-decoration: none;}
	p.footer a:active { color: #89cff7; font-weight: bold; text-decoration: none;}
	p.blue a:hover { color: #053f6e; font-weight: bold; text-decoration: none;}
	p.blue a:active { color: #053f6e; font-weight: bold; text-decoration: none;}
	p.green a:hover { color: #428d01; font-weight: bold; text-decoration: none;}
	p.green a:active { color: #428d01; font-weight: bold; text-decoration: none;}
	p.metadata { background: #fff9a7; padding: 3px;} 
a { outline: none; text-decoration: none;}
a img { border: none; }

h1 {
	font-family: Times New Roman, serif;
	font-size: 3.6em;
	font-weight: normal;
	color: #053f6e;
	}
	h1#logo {
		width: 811px;
		height: 343px;
		background: url(Images/top-bg.jpg) no-repeat top center;
		text-indent: -9999px;
	}
	
	h1#haysign {
	background:transparent url(Images/haysign.png) no-repeat scroll 0 0;
	display:block;
	height:141px;
	margin:0;
	padding:0;
	position:absolute;
	right:102;
	text-indent:-9999px;
	top:202px;
	width:123px;
	left: 743px;
	}	

/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#page-wrap {
	width: 811px;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

	}
	#main-content {
		padding: 33px 56px 22px 56px;

	}
	#article-area {
		width: 405px;
		float: left;
		font: #053f6e Arial, Helvetica, sans-serif 
	}
	#sidebar {
		width: 268px;
		float: right;
		line-height: 1.6em;
	}
	
	#footer {
		min-height: 29px;
		width: 811px;
		background: #053F6E bottom center no-repeat;
		font: #fffff;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
	}	

ul#hay {
	
	}
	ul#hay li {
		display: inline;
		}
		ul#hay li a {
		display: inline;
		position: absolute;
		height: 74px;
		width: 118px;
		text-indent: -9999px;
		top: 210px;
		right: 0px;
		}
		ul#hay li.hay a {
		position: absolute;
		top: 209px;
		right: 104px;
		left: 766px;
		bottom: 62px;
		}

ul#nav {
	
	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a {
			display: block;
			height: 53px;
			text-indent: -9999px;
			float: left;
		}
		ul#nav li.farm a {
			width: 224px;
			background: url(Images/nav-our-farm.jpg) bottom center no-repeat;
		}
		ul#nav li.beef a {
			width: 181px;
			background: url(Images/nav-beef.jpg) bottom center no-repeat;
		}
		ul#nav li.lamb a {
			width: 181px;
			background: url(Images/nav-lamb.jpg) bottom center no-repeat;
		}
		ul#nav li.katahdins a {
			width: 181px;
			background: url(Images/nav-katahdins.jpg) bottom center no-repeat;
		}
		ul#nav li a:hover {
			background-position: center center;
		}
		
ul#nav-middle {
	height: 29px;
	padding-left: 56px;
	background: #428d01 no-repeat;
	list-style:	none;
	}
	
	ul#nav-middle li {
		display: inline;
		font-size: 1.2em;
	}
	ul#nav-middle li a {
		display: inline;
		padding: 7px 0px 7px 0px;
		float: left;
		color: white;
		text-decoration: none;
		}
		ul#nav-middle li a:hover, ul#nav li a:active {
			color: #8cd011;
			font-weight: bold;
		}


ul#nav-footer {
	height: 29px;
	padding-left: 130px;
	background: #053F6E no-repeat;
	list-style:	none;
	}
	
	ul#nav-footer li {
		display: inline;
		font-size: 1.1em;
		font-color: #FFFFFF;
	}
	ul#nav-footer li a {
		display: inline;
		padding: 7px 40px 7px 0px;
		float: left;
		color: white;
		text-decoration: none;
		}
		ul#nav-footer li a:hover, ul#nav li a:active {
			color: #89cff7;
			font-weight: bold;
		}					
		


/* END STRUCTURE */