body {
	background: #B96C2F url(images/woodbkg5.jpg);
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10 0 0 0;
	text-align:left;
	padding:0;
}

#meats { left:50%; margin-left:-16px; top:0; width:32px; height:20px; position:absolute}

table { 
border-right: 3px solid #515151; border-left: 2px solid #515151; border-top: 1px solid #515151; border-bottom: 3px solid #333;
}

td table {border:none;}

td {vertical-align:top;}

a {
color:#9B5821;
}

#bbqL {position: absolute; top:0; left:50%;margin-left:-380px;}

#bbqR {position: absolute; top:0; left:50%;margin-left:306px;}

#outer {
text-align:left;
width:808px;
margin:auto;
}

#hdr {height:18px;
margin:0;}

#rightpadd {padding:0 20px 20px 0;vertical-align:top;}

#bar {
position: relative;
height:305px;
background-image:url(bar.gif);
width: 806px;
/* either padding or border of 1 needed to keep layout together */
padding:1px;
}
#bar p {margin:0; padding:0;}
#bar img {margin:0; padding:0;}
#flash-movie {
	width: 404px;
	height:300px;
	float:left;
}

/* dynamically indicate current and visited pages */
#navigation { margin:10px 0 0 15px; line-height:1.5em; color:#964444; font-weight:bold; }
#navigation a{ color:#617236; font-weight:normal;}
#navigation a:visited  { color: #777;  text-decoration: underline; } 
#navigation a:hover {color: #9B5821; text-decoration: underline overline;}
 
body#home a#homenav,
body#about a#aboutnav,
body#beef a#beefnav,
body#western-aged-beef a#agednav,
body#cookingbeef a#cookingbeefnav,
body#pork a#porknav,
body#poultry a#poultrynav,
body#meatcsa a#meatcsanav,
body#ranchnews a#ranchnewsnav,
body#knowyourfarmer a#knowyourfarmernav,
body#testimonials a#testimonialsnav,
body#retailers a#retailersnav,
body#ourpromise a#ourpromisenav,
body#resources a#resourcesnav{ color:#964444; font-weight:bold; text-decoration: none;}

/* dont forget the align:right that's attached to the bodyblock div tag! we could have probably accomplished same thing by adding a float to the container div (cont). without this, the divs just stack */
#navigation ul {margin: 0 0 0 1em; font-size: 12px; padding-right:0 10px 0 0;}
#navigation li {padding-left: 0px;}
#bodyblock
{
	position: relative;
	background-image:url(centerBkg.gif);
	width: 808px;
	padding:0;
	background-repeat: repeat-y;
}
#l-col {
background-image:url(l-col.gif) repeat: no-repeat ;
	float:left;
	width:321px;
	height: 470px;
	padding:20px 45px 30px 35px;
	background-image: url(l-col.gif);
	background-repeat: no-repeat;
	text-align:left;
}

#cont {
width: 334px;
text-align:left;
margin:0px;
padding:20px 30px 30px 40px;
}


#l-col img {
display: block; margin-left: auto; margin-right: auto; margin-bottom:0;}

#l-col a {
font-weight:bold; color:blue;}

h3 {
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:14px;
font-weight:bold;
font-style:italic;
color:#617236;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#964444;
margin-top:30px;
}


#ftr {
height: 25px;
background: #c0c0c0;
border:1px solid #000;
margin: 0;
}
.caption {
text-align:right;
font-size: 12px;
font-style: italic;
font-family:"Times New Roman", Times, serif;
margin-bottom: 5px; margin-top:-1em;
}
#verybottom {
	padding:10px;
	text-align:center;
	background-color: #964544;
	color: #FFFFFF;
}
#verybottom a {color:yellow; font-weight:normal}
.clear
{
     clear: both;
     display: block;
     overflow: hidden;
     width: 0;
     height: 0;
}