/* CSS Document */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
body {
background-color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: small;
color: #58595b;
margin:0px 0px; 
padding:0px;
text-align:center;
}
#wrapper{
margin:0px auto;
width: 750px;
padding-top: 10px;
}
#header{
margin-bottom: 10px;
height:130px;
}
.navcell{
width: 150px;
background-color: #0c1c3d;
background-image: url(../images/nav_bottom.gif);
background-position: bottom;
}
#nav{
width: 130px;
background-color: #0c1c3c;
background-image: url(../images/nav_back.jpg);
background-repeat: no-repeat;
background-position: top;
padding: 10px;
padding-bottom: 0px;
height: 430px;
}
#navinner{
border: 1px solid #FFFFFF;
border-bottom: none;
}
.navinnertable{
margin: 10px;
}


#navinner ul li{
list-style: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:128px;
}

ul li {
	position: relative;
	width:128px;
	display: block;
	}
	
ul li ul{
width: 95px;
border: 1px solid #58595b;
background-color: #FFFFFF;
}
ul li ul li{
width: 95px;
}
ul li a{
	display:block;
	width: 128px;
}
ul li ul li a{
	width: 95px;
}
ul li ul li a img{
border: none;
}
ul li a:hover, ul li a.sfhover {
border: 0px;
}

ul li ul li a:hover, ul li ul li a.sfhover{
border: 0px;
width: 95px;
}

ul ul {
	position: absolute;
	top: 0;
	display:none;
	width: 95px;
}

ul li:hover ul, ul li.sfhover ul{
	display: block;
	left:128px;
	width: 95px;
}

#mainphoto{
width: 590px;
padding-left: 10px;
padding-top: 0px;
margin-bottom: 10px;
display: block;
vertical-align: top;
height: 300px;
}
#homecontentbox{
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
width: 590px;
background-color: #dacfb3;
background-image:url(../images/ham_drawing.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
#poultrycontentbox{
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
width: 590px;
background-color: #dacfb3;
background-image: url(../images/chicken_drawing.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
#porkcontentbox{
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
width: 590px;
background-color: #dacfb3;
background-image: url(../images/pig_drawing.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
#lambcontentbox{
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
width: 590px;
background-color: #dacfb3;
background-image: url(../images/lamb_drawing.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
#beefcontentbox{
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
width: 590px;
background-color: #dacfb3;
background-image: url(../images/cow_drawing.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
#sausagescontentbox{
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
width: 590px;
background-color: #dacfb3;
background-image: url(../images/sausages_drawing.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
#piecontentbox{
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
width: 590px;
background-color: #dacfb3;
background-image: url(../images/pie_drawing.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
#contentinner{
margin: 10px;
margin-top: 0px;
margin-bottom: 0px;
border: 1px solid #FFFFFF;
padding: 15px;
}
#leftcell{
width: 255px;
float: left;
padding-right: 15px;

}
#rightcell{
width: 250px;
float: left;
padding-left: 15px;
border-left: 1px solid #FFFFFF;
}
.pagetitle{
margin-bottom: 10px;
float: left;
}
.clearit{
clear: both;
}
.produceimage{
vertical-align: bottom;
margin-bottom: 35px;
}
p{
text-align: left;
}
#footer{
clear: both;
height: 80px;
background-color: #dacfb3;
margin-top: 10px;
padding-top: 10px;
}
#footerinner{
font-size: 90%;
margin:0px auto;
width: 750px;
}
#footerinner ul{
list-style: none;
float: left;
}
#footerinner ul li{
width: 250px;
float: left;
text-align: left;
}
.rightfooter{
text-align: right;
}
#footerinner a{
text-decoration: none;
color: #58595b;
}
#footerinner a:hover, #footerinner a.sfhover {
	color: #58595b;
	text-decoration: underline;
}
h1{
font-weight: bold;
font-size: medium;
text-align: left;
}
#contactform{
float: left;
width: 230px;
}
.comp{
font-size: 11px;
text-align: left;
margin-bottom: 5px;
padding-right: 5px;
}
label{
text-align: left;
float:left;
font-weight: bold;
margin-bottom: 5px;
}

input, textarea{
float: left;
width: 235px;
margin-bottom: 10px;
border: 1px solid #58595b;
}

textarea{
width: 235px;
height: 150px;
}

.boxes{
width: 1em;
}
#formbuttons{
height: 20px;
width: 235px;
}
#submitbutton{
border-color: #58595b;
height: 20px;
width: 80px;
margin-right: 5px;
background-color: #FFFFFF;
color: #0c1c3c;
font-weight: bold;
font-size: small;
float: left;
}
#resetbutton{
border-color:#58595b;
height: 20px;
width: 80px;
background-color: #FFFFFF;
color: #0c1c3c;
font-weight: bold;
font-size: small;
}
#submitbutton:hover, submitbutton.sfhover{
border-color: #58595b;
height: 20px;
width: 80px;
margin-right: 5px;
background-color: #0c1c3c;
color:  #FFFFFF;
font-weight: bold;
font-size: small;
}
#resetbutton:hover, resetbutton.sfhover{
border-color: #58595b;
height: 20px;
width: 80px;
background-color: #0c1c3c;
color:  #FFFFFF;
font-weight: bold;
font-size: small;
}

br{
clear: left;
}
p a{
text-decoration: none;
font-size: small;
color: #32466f;
}
p a:hover, p a.sfhover{
text-decoration: underline;
font-size: small;
color: #32466f;
}