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

body{
	background-color:#4C4432;
	font-family:"Times New Roman", Times, serif;
}

#container{
	position:relative;
	padding: 18px;
	top: 37px;
	width: 853px;
	height: 656px;
	background-color:#FFFFFF;
	margin:0 auto;
}

#header{
	position:absolute;
	top: 18px;
	height:105px;
	width:853px; 
	background:#4C4432;
	margin:0;
	text-align:center;
	z-index:3;
}

#leftColumn{
	 position:absolute;
	 top:140px;
	 left:18px;
	 width:273px; 
}

#middleColumn{
	 position:absolute;
	 top:140px;
	 left:308px;
	 width:273px; 
}

#rightColumn{
	 position:absolute;
	 top:140px;
	 left:598px;
	 width:273px; 
}

#doubleColumn{
	 position:absolute;
	 top:140px;
	 left:308px;
	 width:563px;
	 height:517px;
	 background:#4C4432; 
}

#main{
	position:absolute;
	top: 0;
	width: 273px;
	height: 339px;
	background-color:#7A8431;
}

#secondary{
	position:absolute;
	top: 178px;
	width: 273px;
	height: 339px;
	background-color:#7A8431;
}

.topPhoto{
	position: absolute;
	top: 0;
	width: 273px;
	height: 161px;
}

.bottomPhoto{
	position: absolute;
	top: 356px;
	width: 273px;
	height: 161px;
}

#contactInfo{
	position: absolute;
	top: 178px;
	height: 161px;
	width: 273px;
	background:#4C4432;
}

#contactInfo p {
	color: #D9D88B;
	text-align: center;
	font-style: oblique;
}

a {
	color: #D9D88B;
	text-decoration:none;
}

a:hover {
	color:#00CCFF;
	text-decoration:none;
}

.internal {
	position:absolute;
	top: 170px;
	left: 0;
}

.internal a {
	color: #4C4432;
	text-decoration:none;
	font-size:16px;
	font-weight:bolder;
}

.internal a:hover {
	color: #00CCFF;
	text-decoration:none;
}

#footer{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 670px;
	left: 572px;
	width: 300px;
	height: 18px;
	text-align: right;
	color:#4C4432;
	font-size: 10px;
}

#footer a {
	color:#4C4432;
	text-decoration:none;
}

#footer a:hover {
	color:#00CCFF;
	text-decoration:none;
}

#title{
	background: url("Images/title.png") center top no-repeat;
	width: 853px;
	height: 140px;
	position: relative;
	top: 0;
	z-index: 3;
}

#subHeader {
	color: #4C4432;
	font-size: 16px;
	font-weight: bold;
	text-indent: 8px;
	padding-top: 8px;
}

#menu ul {
	padding: 0;
	margin: 0;
}

#menu li {
	list-style-type: none;
	font-size: 12px;
	display: block;
	line-height: 24px;
}

#menu a, a:hover {
	text-decoration: none;
}

#arugula{
	background: url("Images/arugula.jpg") center top no-repeat;
	width: 273px;
	height: 161px;
	position: absolute;
	top: 0;
}

#lettuce{
	background: url("Images/lettuce.jpg") center top no-repeat;
	width: 273px;
	height: 161px;
	position: absolute;
	top: 0;
}

#peppers{
	background: url("Images/peppers.jpg") center top no-repeat;
	width: 273px;
	height: 161px;
	position: absolute;
	top: 0;
}

#tomatoes{
	background: url("Images/tomatoes.jpg") center top no-repeat;
	width: 273px;
	height: 161px;
	position: absolute;
	top: 0;
}