* {
	margin: 0;
	padding: 0;
}

body{
	background: #84956d url(img/bg.png) repeat-x fixed top left;
	text-align: center;
	font-family: arial, trebuchet, serif;
	color: #f5f5f5;
}

a, a:visited, a:hover, a:active{ 
	text-decoration: underline;
	color: #f5f5f5;
}

p {
	padding: 15px;
}

.title {
	text-decoration: underline;
	font-weight: bold;
}

.shadow {
	/* Adds shadow to container divs */
	box-shadow: 2px 2px 2px #322112; /* General */
	-khtml-box-shadow: 2px 2px 2px #322112; /* Linux */
	-moz-box-shadow: 2px 2px 2px #322112; /* Firefox */
	-webkit-box-shadow: 2px 2px 2px #322112; /* Safari, Chrome */
}

.contentcontainer{
	text-align: left;
	margin: 0 auto;
	width: 750px;
	height: 529px;
	background: #F5F5F5;
	margin-top:30px;
	margin-bottom:50px;
	position:relative;
	/* Adds shadow to container divs */
	box-shadow: 2px 2px 2px #322112; /* General */
	-khtml-box-shadow: 2px 2px 2px #322112; /* Linux */
	-moz-box-shadow: 2px 2px 2px #322112; /* Firefox */
	-webkit-box-shadow: 2px 2px 2px #322112; /* Safari, Chrome */
}

#indexcontainer{
	height: 766px;
}

#logo{
	position:absolute;
	top:0px;
	left:0px;
}

#typeface{
	position:absolute;
	top: 25px;
	right: 10px;
}

#box1, #box2 {
	position: absolute;
	width: 303px;
	border: 1px solid #6B815B;
	left: 6px;
}

#box1{
	top: 132px;
	height: 256px;
	background-image: url(box1.jpg);
}	

#box2{
	top: 395px;
	height: 127px;
	background-image: url(box2.jpg);
}

#featuredbackground{
	/*---------*/
	/* This is the background for the three product/event feature boxes at the bottom of the home page. It's done!! 
	/*---------*/
	position: absolute;
	bottom: 6px;
	left: 6px;
	z-index: 0;
	height: 230px;
	width: 545px;
	background-image: url(background.gif);
}

#mbox1, #mbox2, #mbox3, #mbox4{
	position: absolute;
	font-size: 10pt;
	z-index: 1;
	text-align: center;
	height: 201px;
	margin-top: 10px;
	color: #000;
}

#mbox1{
	top: 545px;
	left: 16px;
	width: 167px;
}

#mbox2{
	top: 545px;
	left: 185px;
	width: 183px;
}

#mbox3{
	top: 545px;
	left: 370px;
	width: 170px;
}

/* To make links on the three featured items black and not affect links on the rest of the site */
	
#mbox3 a, #mbox3 a:visited, #mbox3 a:hover, #mbox3 a:active, #mbox2 a, #mbox2 a:visited, #mbox2 a:hover, #mbox2 a:active,#mbox1 a, #mbox1 a:visited, #mbox1 a:hover, #mbox1 a:active{ 
	text-decoration: none;
	border: 0px solid none;
	color: #000;
}

#mbox4{
	bottom: 6px;
	right: 7px;
	width: 186px;
	height: 230px;
	background: #3C5150;
	margin-top: 0;
	color: #f5f5f5;
}

.name{
	color: #8EA97B;
	font-weight: 800;
}	
	
#copyright{
	position: absolute;
	bottom:-35px;
	font-size: 8pt;
	color: #DFD8CD;
	width: 750px;
}

#copyright ul{
	float: right;
}

#copyright span{
	float: left;
	padding: 5px 0 0 5px;
}

#copyright li{
	display: inline;
}

#copyright img{
	margin-top: 5px;
	border: none;
}

/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/* This begins the navigation bar code */
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

#navigation {
	position: absolute;
	left: 6px;
	top: 100px;
	height: 20px;
	width: 738px;
}

#nav {
	margin:0;
	padding:0;
	background:#808259 url(nav_bg.jpg) 0 0 repeat-x;
	width:100%;
	float:left;
	border:1px solid #42432d;
	border-width:1px 0;
	font-size: 8pt;
	font-weight: 1000;
}

#nav li {
	display:inline;
	padding:0;
	margin:0;
}

#nav a:link,#nav a:visited {
	color:#000;
	background:#b2b580;
	padding:10.5px 30px 3px 7.5px;
	float:left;
	width:auto;
	border-right:1px solid #42432d;
	text-decoration:none;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #555;
}

#nav a:hover {
	background:#727454;
}

#nav li:first-child a {
	border-left:1px solid #42432d;
}
	
#home #nav-home a, #market #nav-market a, #about #nav-about a, #archive #nav-archive a,
#lab #nav-lab a, #reviews #nav-reviews a, #contact #nav-contact a {
	background:#e35a00;
	text-shadow:none;
}

#home #nav-home a:hover, #market #nav-market a:hover, #about #nav-about a:hover,
#archive #nav-archive a:hover, #lab #nav-lab a:hover,
#reviews #nav-reviews a:hover, #contact #nav-contact a:hover {
	background:#e35a00;
}

#nav a:active {
	background:#7E2217;
}

/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/* End of nav bar code.  Wow, what a shitty place to put the nav bar code. */
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

#futureflashbox{
	/* Eventually I want to turn this into a 
	flash box with products/events rotating*/
	position: absolute;
	top: 132px;
	right: 6px;
	border: 1px solid #6B815B;
	background-image: url(bberries.jpg);
	height: 390px;
	width: 425px;
}

/*------------------------------------------*/
/*------------------------------------------*/
/* This will start the section for the market page.  I know it's janky, but I will do proper classes someday*/
/*------------------------------------------*/
/*------------------------------------------*/

#marketcontainer{
	height: 940px;
}

#marketcontent{
	height: 801px;
	width: 425px;
	position: absolute;
	top: 132px;
	right: 6px;
	border: 1px solid #6B815B;
	background-color: #6E7049;
	font-size: 12px;
	text-decoration: none;
}

#marketgraphic{
	position: absolute;
	top: 132px;
	left: 6px;
	border: 1px solid #6B815B;
	height: 390px;
	width: 303px;
	background-image: url(market.jpg);
}

/*------------------------------------------*/
/*------------------------------------------*/
/* This ends the section for the market page*/
/*------------------------------------------*/
/*------------------------------------------*/

/*------------------------------------------*/
/*------------------------------------------*/
/* This will start the section for the product page.  I know it's janky, but I will do proper classes someday*/
/*------------------------------------------*/
/*------------------------------------------*/

#productscontainer{
	height: 529px;
}

#productcontent{
	height: 390px;
	width: 425px;
	position: absolute;
	top: 132px;
	right: 6px;
	border: 1px solid #6B815B;
	background-color: #6E7049;
	font-size: 12px;
	text-decoration: none;
}

#productgraphic{
	position: absolute;
	top: 132px;
	left: 6px;
	border: 1px solid #6B815B;
	height: 390px;
	width: 303px;
	background-image: url(productside.jpg);
}

#productgraphic2{
	position: absolute;
	top: 529px;
	left: 6px;
	border: 1px solid #6B815B;
	height: 478px;
	width: 303px;
	background-image: url(product2.jpg);
}

#angelfood{
	float: left;
	margin-right: 10px;
}

#honeypic{
	float: right;
	margin-left: 10px;
	margin-bottom: 2px;
}

/*------------------------------------------*/
/*------------------------------------------*/
/* This ends the section for the product page*/
/*------------------------------------------*/
/*------------------------------------------*/

/*------------------------------------------*/
/*------------------------------------------*/
/* This will start the section for the about page.  I know it's janky, but I will do proper classes someday*/
/*------------------------------------------*/
/*------------------------------------------*/

#aboutcontent{
	height: 390px;
	width: 425px;
	position: absolute;
	top: 132px;
	right: 6px;
	border: 1px solid #6B815B;
	background-color: #6E7049;
	font-size: 12px;
	text-decoration: none;
}

#aboutgraphic{
	position: absolute;
	top: 132px;
	left: 6px;
	border: 1px solid #6B815B;
	height: 390px;
	width: 303px;
	background-image: url(sheep.jpg);
}


/*------------------------------------------*/
/*------------------------------------------*/
/* This ends the section for the about page*/
/*------------------------------------------*/
/*------------------------------------------*/

/*------------------------------------------*/
/*------------------------------------------*/
/* This will start the section for the crop report page.  I know it's janky, but I will do proper classes someday*/
/*------------------------------------------*/
/*------------------------------------------*/

#cropcontent{
	height: 390px;
	width: 425px;
	position: absolute;
	top: 132px;
	right: 6px;
	border: 1px solid #6B815B;
	background-color: #6E7049;
	font-size: 12px;
	text-decoration: none;
}

#cropgraphic{
	position: absolute;
	top: 132px;
	left: 6px;
	border: 1px solid #6B815B;
	height: 390px;
	width: 303px;
	background-image: url(crop.jpg);
}

/*------------------------------------------*/
/*------------------------------------------*/
/* This ends the section for the crop report page*/
/*------------------------------------------*/
/*------------------------------------------*/

/*------------------------------------------*/
/*------------------------------------------*/
/* This will start the section for the activities page.  I know it's janky, but I will do proper classes someday*/
/*------------------------------------------*/
/*------------------------------------------*/

/* 
#activitiescontainer{
	height: 854px;
}
*/

#activitiescontent{
	height: 390px;
	width: 425px;
	position: absolute;
	top: 132px;
	right: 6px;
	border: 1px solid #6B815B;
	background-color: #6E7049;
	font-size: 12px;
	text-decoration: none;
}

#activitiesgraphic1{
	position: absolute;
	top: 132px;
	left: 6px;
	border: 1px solid #6B815B;
	height: 390px;
	width: 303px;
	background-image: url(activitiesl1.jpg);
}

#activitiesgraphic2{
	position: absolute;
	top: 529px;
	left: 6px;
	border: 1px solid #6B815B;
	height: 478px;
	width: 303px;
	background-image: url(product2.jpg);
}

#pic0{
	height: 150px;
	width: 192px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#pic1{
	height: 200px;
	width: 200px;
	float: right;
	margin: 10px;
	
}

#pic2{
	height: 172px;
	width: 230px;
	float: left;
	margin-right: 10px;
}

/*------------------------------------------*/
/*------------------------------------------*/
/* This ends the section for the activities page*/
/*------------------------------------------*/
/*------------------------------------------*/

/*------------------------------------------*/
/*------------------------------------------*/
/* This will start the section for the contact page.  I know it's janky, but I will do proper classes someday*/
/*------------------------------------------*/
/*------------------------------------------*/

#contactcontent{
	height: 390px;
	width: 425px;
	position: absolute;
	top: 132px;
	right: 6px;
	border: 1px solid #6B815B;
	background-color: #6E7049;
	font-size: 12px;
	text-decoration: none;
}

#contactgraphic{
	position: absolute;
	top: 132px;
	left: 6px;
	border: 1px solid #6B815B;
	height: 390px;
	width: 303px;
	background-image: url(berry.jpg)
}

/*------------------------------------------*/
/*------------------------------------------*/
/* This ends the section for the contact page*/
/*------------------------------------------*/
/*------------------------------------------*/