/* ///////////////////////////////////////////////////////
= Globals
////////////////////////////////////////////////////////*/

@import url('reset.css');

* {
	margin: 0;
	padding: 0;
}

body#firstpage {
	background: #f0ebd7 url('../img/bg/body.gif') repeat-x top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%; /*set 1em = 10px;*/
	
}

body#otherpages {
	background: #f0ebd7 url('../img/bg/body_short.gif') repeat-x top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%; /*set 1em = 10px;*/
}

a {
	outline:none;
	color: #800807;
}

/* ///////////////////////////////////////////////////////
= Containers
////////////////////////////////////////////////////////*/

#totalcontainer { width: 100%; }  /*required for horizontal striping to span page */

#wrapper {               /*required for larger masthead - was working with flattened artwork */
	width: 1200px;
	margin: 0 auto;
}

#container {
	width: 960px;
	margin: 0 auto;
}

/* ///////////////////////////////////////////////////////
= Masthead
////////////////////////////////////////////////////////*/
#masthead {
	height: 275px;
	background:url('../img/bg/header.jpg') center top no-repeat;
	width: 1200px;
	position: relative;
}

/* ///////////////////////////////////////////////////////
= Navigation
////////////////////////////////////////////////////////*/

#nav {
	margin: 0 auto;
	width: 960px;
}

#nav ul {
	padding-top: 203px;
	padding-left: 395px;
	width: 567px;
	height: 72px;
	list-style: none;
}




/* top red area
--------------------------------------------*/



#red {
	padding-top: 15px;
	float: left;
	clear: both;
	list-style: none;

}

#red div#red_wrapper {
	width: 960px;
	}

#red div#red_container {
	float: left;

	width: 500px;
	}

#red h1 {
	margin-top: -1px;
	color: #ffaa00;
	font-style: italic;
	font-size: 2.8em;
	padding-bottom: .8em;
}

#red h2 {
	color: #fff;
	font-size: 1.7em;
	padding-bottom: 1em;
}

#red h2 a:link, #red h2 a:visited {
	color: #ffaa00;
	text-decoration: underline;
}

#red h2 a:hover, #red h2 a:active {
	color: #ffaa00;
	text-decoration: none;
}

#red p {
	color: #fff;
	font-style: italic;
	font-size: 1.3em;	
	padding-bottom: .8em;
}

#red .li_click_here_red { padding-bottom: .8em; }

#red li a {
	color: #ffaa00;
	font-size: 1.6em;
	font-style: italic;
	padding-left: 2em;
	background: url('../img/misc/li_arrow.gif') no-repeat 10px 5px;
}

#red img {
	margin: 0 0 20px 20px;
	border: 5px solid #fff;
	float: left;
}

/* ///////////////////////////////////////////////////////
= Main
////////////////////////////////////////////////////////*/
#main {
	float: left;
	clear: both;
	width: 960px;
	padding-bottom: 25px;
}

#otherpages #main {
	padding-top: 75px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#main h1 {
	color: #800807;
	font-size: 2.8em;
	font-style: italic;
	padding-bottom: 0.8em;
}

#main h2 {
	color: #660000;
	font-size: 1.7em;
	padding-bottom: .5em;
}

#main h2 a:link, #main h2 a:visited {
	color: #ffaa00;
	text-decoration: underline;
}

#main h2 a:hover, #main h2 a:active {
	color: #ffaa00;
	text-decoration: none;
}

#main p {
	color: #413c39;
	font-size: 1.3em;
	font-style: italic;
	padding-bottom: 2em;
	line-height: 140%;
}

#main .fineprint {
	font-size: 1em;
	padding-top: 3em;
	font-size: 1em;
}

#main img { border: 5px solid #fff; }

#main span.fineprint {
	font-size: .9em;
	}


/* -----------------------------------------------------
= Photo Strips
	This class is for the placement of the wide 
	divs containing an array of images.
-------------------------------------------------------*/

#main div.photo_strip_about,
#main div.photo_strip_beef,
#main div.photo_strip_creamery {
	margin: 25px 0;
	background-color: #e2d9b4;
	border: 1px dashed #bdc08c;
	text-align: center;
	}

/* Photostrip: about pages --------*/

#main div.photo_strip_about img  {
	border: 5px solid #fff;
	margin: 20px 35px;
}

/* Photostrip: Beef Pages ---------*/

#main div.photo_strip_beef img {
	border: 5px solid #fff;
	margin: 20px 10px;
}

#main div.photo_strip_creamery img {
	border: 5px solid #fff;
	margin: 20px 20px;
	
}


/* --------------------------------------------------
= Photo Floats
	These classes are for floating an image left 
	or right, and applying graphical styles to them.
-----------------------------------------------------*/

#main .img_photo_right {
	border: 5px solid #fff;
	margin: 0 0 25px 25px;
	float: right;
	clear: right;
}

#main .img_photo_left {
	border: 5px solid #fff;
	margin: 0 25px 25px 0;
	float: left;
}

/* --------------------------------------------------
= Image Titles	
	These are titles that use an image instead of text.
-----------------------------------------------------*/

#main .img_title {
	display: block;
	float: left;
}

/* --------------------------------------------------
= Auxillary Panels
	These styles are for the are three promo boxes on 
	the front page.
-----------------------------------------------------*/


/* Auxillary Panels: Left ---------*/

#main .div_aux_lt {
	float: left;
	padding: 12px 25px 12px 0;
	width: 295px;
	}

#main .div_aux_lt h1 {
	padding-bottom: .8em;
	font-size: 1.8em;
	color: #6c0602;
	}

#main .div_aux_lt p {
	padding-bottom: .8em;
	font-size: 1.2em;
	color: #413c39;
	}

#main .div_aux_lt img {
	border: 5px solid #fff;
	margin-bottom: 25px;
	}

/* Auxillary Panels: Center ---------*/

#main .div_aux_cen {
	float: left;
	padding: 12px 4px 12px 20px;
	width: 295px;
	}

#main .div_aux_cen h1 {
	padding-bottom: .8em;
	font-size: 1.8em;
	color: #6c0602;
	}

#main .div_aux_cen p {
	padding-bottom: .8em;
	font-size: 1.2em;
	color: #413c39;
	}

#main .div_aux_cen img {
	border: 5px solid #fff;
	margin-bottom: 25px;
	}

/* Auxillary Panels: Right ---------*/

#main .div_aux_rt {
	float: right;
	padding: 12px 0 12px 25px;
	width: 295px;
	}

#main .div_aux_rt h1 {
	padding-bottom: 0.8em;
	font-size: 1.8em;
	color: #6c0602;
	margin-left: 1.2em;
	}

#main .div_aux_rt p {
	padding-bottom: 0.8em;
	font-size: 1.2em;
	color: #413c39;
	margin-left: 1.8em;
	}

#main .div_aux_rt img {
	border: 5px solid #fff;
	margin-bottom: 25px;
	margin-left: 22px;
	}

/* -----------------------------------------------------
= Tables
	These styles are for the tables on various pages.
-----------------------------------------------------*/


#main table td:hover {
	background-color: #b43b3b;
	color: #fff;
	}

#main table.small {
	width: 610px;
	font-size: 13px;
	color: #413c39;
	border: 1px dashed #bdc08c;
	margin-bottom: 25px;
	}

#main table.small tr, #main table.small td { border: 1px dashed #bdc08c; padding: 5px; }

#main table.products {
	clear: both;
	font-size: 13px;
	color: #413c39;
	margin-bottom: 25px;
	border-collapse: collapse;
	
	
	}

#main table.products tr, #main table.products td {
	border: 1px dashed #bdc08c;
	width: 310px;
	padding: 5px;
	}


#main div.menu h2 {
	margin-left: 25px;
	}
	
	
#main table.grade {
	clear: both;
	font-size: 13px;
	color: #413c39;
	margin-bottom: 25px;
	border-collapse: collapse;
	
	
	}

#main table.grade td {
	border: 1px dashed #bdc08c;
	width: 465px;
	padding: 5px;
	}

#main table.grade th {
	}


#main div.menu h2 {
	margin-left: 25px;
	}	
	

/* -----------------------------------------------------
= Optional Rightcols (Floated)
	These styles are for the occasional floated column
	on some of the pages.
-----------------------------------------------------*/

#main .rightcol {
	float: right;
	margin: -1px 0 25px 25px;
	width: 268px;
	border: 1px dashed #bdc08c;
	background-color: #e2d9b4;
	padding: 25px;
	clear: both;
	}

#main .rightcol a:link,
#main .rightcol a:visited { 
	color: #92322e; 
	}

#main .rightcol a:hover,
#main .rightcol a:active { 
	text-decoration: none; 
	}


#main .rightcol li {
	margin-left: 25px;
	padding: 5px;
	list-style-position: outside;
	list-style: disc;
	font-size: 14px;
	}

#main .rightcol p { padding: 10px; }


#main .topcol {
	margin: 0 0 25px 0;
	width: 910px;
	border: 1px dashed #bdc08c;
	background-color: #e2d9b4;
	padding: 25px;
	clear: both;
	float: left;
}

#main .topcol a:link,
#main .topcol a:visited { 
	color: #990000; 
	}

#main .topcol a:hover,
#main .topcol a:active { 
	text-decoration: none; 
	}
	
#main .topcol li {
	margin-left: 40px;
	
	list-style-position: outside;
	list-style: disc;
	font-size: 14px;
	float: left;
	
	display: inline-block;
	width: 140px;
	
}

#main .topcol p { padding: 10px; }

/* ///////////////////////////////////////////////////////
= Footer
////////////////////////////////////////////////////////*/

#footer {
	margin: 0 auto;
	clear: both;
	width: 100%;
	height: 150px;
	background-color: #88867a;
}

#footer_in {
	margin: 0 auto;
	width: 1200px;
	padding-top: 2.5em;
}

#footer_in p {
	margin-left: 118px;
	color: #fff;
	font-size: 1.2em;
}

#footer_in .p_credits {  /* hacked for ie6 - check sheet */
	margin-right: 120px;
	float: right;
	text-align: right;
}

#footer_in a:link, #footer_in a:visited {
	color: #6c0602;
	text-decoration: underline;
}

#footer_in a:hover, #footer_in a:active {
	color: #6c0602;
	text-decoration: none;
}

/* form
--------------------------------------------*/

/* general classes
--------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearthis { clear: both; }

#main li {
	font-size: 1.3em;
	color: #413c39;
	list-style: circle inside;
	margin-left: 25px;
	}

#main p.top_link {
	clear: both;
	float: right;
	}

#main .photo_strip_creamery { width: 500px; }

#otherpages #totalcontainer #wrapper #container #main .rightcol img { margin-bottom: 25px; }