body {
	margin: 0;
	padding: 0 0 10px 0;
	background-color: #E7AB51;
	background-image: url(images/bg_maintile.jpg);
	background-attachment: scroll;
	background-position: center top;
	background-repeat: repeat;
	text-align: center; /* forced IE 5 to center content on page */
}

#center { /* KLUDGE Makes sure content is fixed-width and centered on background in IE */
	width: 790px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4C382B;
}

/* TYPOGRAPHY */
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	font-style: italic;
	color: #5A3D1B;
	font-weight: 100;
	letter-spacing: 1px;
	line-height: 90%;
	padding-bottom: 5px;
	margin: 10px 0 5px 0;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	color: #5A3D1B;
	line-height: 90%;
	font-weight: 100;
	letter-spacing: 1px;
	padding-bottom: 5px;
	margin: 10px 0 5px 0;
}

h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #5A3D1B;
	line-height: 100%;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0;
	margin: 10px 0 5px 0;
}

.smalltype {
	font-size: 10px;
}

/* MENU ROW #1 */

#menu1 {
margin: 0;
padding: 0;
height: 38px;
width: 790px;
}

#menu1 ul, #menu2 ul, #menu3 ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu1 ul li, #menu2 ul li, #menu3 ul li {
display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
}

#menu1 ul li a {
display: block;
float: left;
font-size: 1px;
line-height: 1px;
letter-spacing: -2000em;
height: 38px;
}

#menu1 ul li.logo1 a {
background: url(images/logo1.jpg) no-repeat;
height: 38px;
width: 185px;
cursor: default;
}

#menu1 ul li.batch a {
background: url(images/batch.jpg) no-repeat;
height: 38px;
width: 346px;
cursor: default;
}

#menu1 ul li.about a {
background: url(images/button_about.jpg) no-repeat;
height: 38px;
width: 65px;
}

#menu1 ul li.community a {
background: url(images/button_farmers.jpg) no-repeat;
height: 38px;
width: 120px;
}

#menu1 ul li.contact a {
background: url(images/button_contact.jpg) no-repeat;
height: 38px;
width: 74px;
}

#menu1 ul li a:hover {
background-position: 0 -38px;
color: #FBBD53; 
}

#menu1 ul li a:link, a:visited {
color: #FBBD53; 
}

#about #menu1 .about a,
#community #menu1 .community a,
#contact #menu1 .contact a {
	background-position: 0 -38px;
	cursor: default;
}

/* MENU ROW #2 */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {height:26px; position:relative; z-index:100;}
#multi-level .logo {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:26px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:60px; background:url(images/home_1.jpg) no-repeat;}
.menu li.p2 {width:67px; background:url(images/menus_1.jpg) no-repeat;}
.menu li.p3 {width:55px; background:url(images/gifts_1.jpg) no-repeat;}
.menu li.p4 {width:104px; background:url(images/oktoberfest_1.jpg) no-repeat;}
.menu li.p5 {width:95px; background:url(images/directions_1.jpg) no-repeat;}
.menu li.p6 {width:144px; background:url(images/service_1.jpg) no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#home {width:60px; background:url(images/home_0.jpg) no-repeat;}
.menu li a#menus {width:67px; background:url(images/menus_0.jpg) no-repeat;}
.menu li a#gifts {width:55px; background:url(images/gifts_0.jpg) no-repeat;}
.menu li a#oktoberfest {width:104px; background:url(images/oktoberfest_0.jpg) no-repeat;}
.menu li a#directions {width:95px; background:url(images/directions_0.jpg) no-repeat;}
.menu li a#service {width:144px; background:url(images/service_0.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#menus:hover, .menu li:hover a#menus,
.menu li a#gifts:hover, .menu li:hover a#gifts,
.menu li a#oktoberfest:hover, .menu li:hover a#oktoberfest,
.menu li a#directions:hover, .menu li:hover a#directions,
.menu li a#service:hover, .menu li:hover a#service {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:20px; background: #000000; padding:0; white-space:nowrap; width:144px; height:auto;}
.menu :hover ul.sub li {display:block; height:22px; position:relative; float:left; width:142px; border:1px solid #D89E4E; border-top: 0;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:22px; width:144px; line-height:20px; text-indent:12px; color:#D89E4E; text-decoration:none;}
.menu :hover ul.sub li a:hover {background:#000000; color:#FEF2DD;}

/* show down image for page you're on */
#home .menu a#home {background:url(images/home_1.jpg) no-repeat; cursor: default;}
#menus .menu a#menus {background:url(images/menus_1.jpg) no-repeat; cursor: default;}
#gifts .menu a#gifts {background:url(images/gifts_1.jpg) no-repeat; cursor: default;}
#oktoberfest .menu a#oktoberfest {background:url(images/oktoberfest_1.jpg) no-repeat; cursor: default;}
#directions .menu a#directions {background:url(images/directions_1.jpg) no-repeat; cursor: default;}
#service .menu a#service {background:url(images/service_1.jpg) no-repeat; cursor: default;}


/* MENU ROW #3 */
#menu3 {
float: left;
margin: 0;
padding: 0;
height: 71px;
width: 530px;
}

#menu3 ul li a {
display: block;
float: left;
font-size: 1px;
line-height: 1px;
letter-spacing: -2000em;
height: 71px;
}

#menu3 ul li.logo3 a {
background: url(images/logo3.jpg) no-repeat;
height: 71px;
width: 325px;
cursor: default;
}

#menu3 ul li.order a {
background: url(images/button_order.jpg) no-repeat;
height: 71px;
width: 205px;
}

#menu3 ul li a:hover {
background-position: 0 -71px;
color: #FBBD53; 
}

#menu3 ul li a:link, a:visited {
color: #FBBD53; 
}

#order #menu3 .order a {
	background-position: 0 -71px;
	cursor: default;
}


/* RIGHT SIDEBAR */

#wrapper {
	float: right;
	background: url(images/sidebar/sidebar_bg.jpg) repeat-y right top;
	margin-bottom: 20px;
}

#sidebar {
	float: right;
	width: 260px;
	margin: -75px 0 0 0;
	padding: 0;
}

#sidebar table {
	border: 1px solid #000000;
	margin: -1px 0 0 0;
	background-color: #000000;
}

#sidebar td {
	vertical-align: top;
}

#sidebar td.red {
	background-color: #720605;
	vertical-align: middle;
	text-align: left;
	font-size: 9px;
	font-style: italic;
	padding: 0 0 10px 0;
	color: #FFFEBE;
}

#sidebar td img {
	display: block;
}

#sidebar td.red h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 1px;
	color: #E7A850;
	margin: 5px 0 10px 5px;
	padding: 0;
}

#sidebar td.red p {
	margin: 5px 10px 0 18px;
}

/* MAIN BODY SECTION */

#main {
	float: left;
	width: 430px;
	margin: 0;
	padding: 10px 45px 0 55px;
	background-attachment: scroll;
	background-image: url(images/curly4title.gif);
	background-repeat: no-repeat;
	background-position: 35px 5px;
	overflow: hidden;
}

#main img.lft {
	float: left;
	margin: 0 15px 15px 0;
}

#main ul {
	padding-left: 0;
}	

#main li {
	list-style: none;
	background: url(images/bullet-pretzel.png) scroll 0 5px no-repeat;
	padding: 3px;
	padding-left: 20px;
}

#main .product .description {
	float: left;
	width: 170px;
	padding: 0;
	margin: 0 0 10px 0;	
}

#main .product .description form {
	padding: 15px 0 15px 0;
	margin: 0;	
}

#main .product .description form table {
	padding: 0 0 5px 0;
}

#main .product img.right {
	float: right;
	padding: 0;
	margin: 10px 0 10px 10px;
}

.bavarian_wrap {
	padding-left: 150px;
}

.imageRight {
	float: right;
	margin: 5px;
	margin-right: 0;
}

.viewCart {
	float: right;
	margin: 5px;
	margin-right: 50px;
	padding: 5px 0 0 0;
}

/* image gallery */
#main .gallery-farmers, #main .gallery-oktoberfest, #main .gallery-carshow  {
	float: left;
	margin-bottom: 10px;
}

#main .gallery-farmers img.thumb, #main .gallery-oktoberfest img.thumb, #main .gallery-carshow img.thumb {
	margin: 5px 5px 0 0;
	border: 1px solid #666666;
}	

#main .gallery-farmers .thumbnail, #main .gallery-oktoberfest .thumbnail, #main .gallery-carshow .thumbnail {
	z-index: 0;
}

#main .gallery-farmers .thumbnail:hover, #main .gallery-oktoberfest .thumbnail:hover, #main .gallery-carshow .thumbnail:hover {
	background-color: transparent;
	z-index: 50;
}

#main .gallery-farmers .thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	right: 5px;
	top: 235px;
	visibility: hidden;
}

#main .gallery-oktoberfest .thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	right: 5px;
	top: 388px;
	visibility: hidden;
}

#main .gallery-farmers .thumbnail span img, 
#main .gallery-oktoberfest .thumbnail span img {
	border: 1px solid #666666;
	padding: 5px;
	background-color: #FFFFFF;
}

#main .gallery-farmers .thumbnail:hover span, 
#main .gallery-oktoberfest .thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	z-index: 500000000;
}

.clear {
	clear: both;
}

.lineTop {
	background: url(images/horiz_rule.gif) left -10px no-repeat;
	padding-top: 20px;
}
	
/* FOOTER BAR */

#footer {	
	position: relative;
	float: left;
	background: url(images/footer.gif) no-repeat left bottom;
}

#footer #toTop {
	position: absolute;
	right: 245px;
	bottom: -20px;
	background: url(images/to-top.gif) 0 0 scroll no-repeat;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 15px;
}

#footer #toTop ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer #toTop ul li {
	display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
}

#footer #toTop ul li a {
	display: block;
	float: left;
	font-size: 1px;
	line-height: 1px;
	letter-spacing: -2000em;
	height: 20px;
}

#footer #toTop ul li.top a {
	background: url(images/to-top.gif) no-repeat;
	height: 20px;
	width: 15px;
}

#footer #toTop ul li a:hover {
background-position: 0 -20px; 
}

#textLinks {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #664A37;
	padding-left: 27px;
}

/* LINK STYLES */

#main a:link, #textLinks a:link {
color: #000066;
text-decoration: underline;
}

#main a:visited, #textLinks a:visited {
color: #CC0000;
text-decoration: underline;
}

#main a:hover, #textLinks a:hover {
color: #FF6600;
text-decoration: underline;
font-style: italic;
}

.readmore {
	text-align: right;
}

.readmore a:link {
color: #720605;
text-decoration: none;

}
.readmore a:visited {
color: #CC0000;
text-decoration: none;
}

.readmore a:hover {
color: #C40C0C;
text-decoration: underline;
font-style: italic;
}

#sidebar a:link {
color: #E7A850;
text-decoration: underline;

}
#sidebar a:visited {
color: #E7A850;
text-decoration: underline;
}

#sidebar a:hover {
color: #E7A850;
text-decoration: underline;
font-style: italic;
}

 /* Form styles */
 
.label {
	float: left;
	width: 75px;
	margin-right: 10px;
	text-align: right;
	clear: left;
}

.indent {
	margin-left: 80px;
}

input#submit {
	margin-left: 85px;
}

input#name, input#email, textarea#comments {
	background-color: #E2DCC3;	
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 1em;
	margin-top: -2px;
}

input#name:focus, 
input#email:focus, 
textarea#comments:focus {
	background-color: #FFFF99;
}

fieldset {
  padding: 1em;
  border: none;
  border-top: 1px solid #5A3D1B;
  border-right:  1px solid #5A3D1B;
}

legend {
  padding: 0.2em 0.5em 0.4em;
  border: 1px solid #5A3D1B;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 110%;
  color: #5A3D1B;
  text-align: right;
  background-color: #E2DCC3;
  }

/* INTERNET EXPLORER HACKS */

* html #main {
	display: inline;
	width: 530px;
	w\idth: 430px;
}

* html .sidebar {
	display: inline;
}

html {
	height: 100%;
}