body {
	background-color: #295019;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-image: url(images/bkg.gif);
	background-repeat: repeat;
}
/* 	The parent container for the site */
#mainwrapper {
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: #92C07F; url(images/content-bg.gif) repeat-y;
}
#header {
	height: 110px;
	width: 960px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
	background:#000 url(images/header.jpg);
}
#header h1 {
	position: relative;
	top: 155px;
	margin: 0;
	padding: 0;
	width: 288px;
	text-align: center;
	color: #ffe3a4;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}

#header h1 span.phone {
	font-size: 14px;
}

/* 	We float both the maincontent and sidebar DIVs right.
	Since sidebar comes first in the markup, it assumes
	the rightmost position. By floating both DIVs, we
	eliminate inherent bugs in IEPC and create a more
	stable layout.
	
	Width is calculated so that the sum of the sidebar and
	maincontent DIVs plus their left padding, right padding,
	left border, and (or) right borders is equal to the width
	of the mainwrapper DIV. */
#maincontent {
	width: 706px;
	margin: 0;
	padding: 20px 20px 15px 20px;
	font-size: 13px;
	background-color: #fff;
	float: left;

}
#maincontent p {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 21px;

	}
#maincontent h1 {
	font-size: 22px;
	color: #295019;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	padding: 0 0 0 10px;
}

#maincontent h2 {
	font-size: 22px;
	color: #295019;
	text-align: right;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	padding: 0 0 0 10px;
}
#maincontent h3 {
	font-size: 16px;
	color: #295019;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding: 0 0 0 10px;
}
#maincontent table th h3 {
 padding: 0;
}
#maincontent h3.wineGlass {
 background: transparent url(images/24px_icon_wineglass.png) no-repeat 0 50%;
 padding: 6px 0 6px 28px;
}
#maincontent ul.noBullets {
 line-height: 1.21;
 list-style-type: none;
 margin: 0 0 20px 10px;
 padding: 0;
}
#maincontent dl dd ul.noBullets {
 line-height: 1.21;
 list-style-type: none;
 margin: 0 0 20px 0;
 padding: 0;
}
.alignLeft {
 text-align: left;
}
.allCaps {
 text-transform: uppercase;
}
.boldgreen {
	font-size: 13px;
	color: #295019;
	font-weight: bold;
}
.borderBottomSolid {
 border-bottom: 1px solid #e2e2e2;
}
.centered {
 text-align: center;
}
.clearBoth {
 clear: both;
}
.floatLeft {
 float: left;
 margin: 0 10px 3px 0;
 padding: 0;
}
.floatRight {
 float: right;
 margin: 0 0 3px 10px;
 padding: 0;
}
.noBreak {
 display: none;
}
.underline {
 text-decoration: underline;
}
#maincontent a, #maincontent a:visited {
	color: #295019;
	text-decoration: underline;
}
#maincontent a:hover, #maincontent a:active {
	color: #60A145;
}

#maincontent ul {
	margin: 0 0 20px 10px;
}
#maincontent ul li ul,
#maincontent ul.noBullets li ul {
	list-style-type: square;
	margin: 0 0 5px 0;
	padding: 0 0 0 28px;
}
#maincontent dl {
 margin: 0 0 20px 10px;
 padding: 0;
}
#maincontent dl dt {
 margin: 0 0 0 0;
 padding: 0;
}
#maincontent dl dd {
 margin: 0 0 10px 0;
 padding: 0;
}
#maincontent p.callout {
 background: #FEECC3; 
 border: 2px solid #295019; 
 color: #295019; 
 padding: 5px;
}
#maincontent img {
 padding: 2px;
 border: 1px solid #000;
}

/* Menu styles */
#menu {
	width: 575px;
	line-height: 100%;
	margin: 0;
	padding: 2px;
	font-size: 12px;
	
}
.menuheader {
	font-size: 16px;
	font-weight: bold;
	color: #295019;
	text-align: center;
	padding: 10px 10px;
}
.menunotes {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	padding: 4px;
	color: #666;
}
.menuitem {
	font-size: 14px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 0;
}
.price {
	font-weight: bold;
	width: 100px;
	padding-top: 6px;
	padding-bottom: 0;
}

.ingredients {
	font-size: 12px;
	padding: 3px 2px 2px 5px;
}

.contact {
	font-size: 11px;
	text-align: center;
	margin-left: 0;
	padding: 2px;
	margin-bottom: 2px;
	line-height: 125%;
	color: #295019;
	font-weight: bold;
}

#sidebar {
	float: left;
	width: 214px;
	padding: 0;
	margin: 0;
	font-size: 13px;
	color: #295019;
	background-color: #92C07F;
}

/* 	We set the top margin on the UL that holds the navbar */
#nav {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* 	We set the bottom margin of each list item to 1px and
	we turn off the default bullet character. */
#nav li {
	list-style-type: none;
}

/* 	For navbar links only - We turn off underlines, assign
	3px padding, a border, a background color, a text color
	and we set the link to display block which makes it act
	like a "button" */
#nav a, #nav a:visited {
	text-decoration: none;
	margin: 0;
	padding: 6px 6px 8px 10px; 
	background-color: #92C07F;
	color: #295019;
	display: block;
	font-weight: bold;
}

/* 	the hover class is obvious. Active serves a dual purpose. In
	all browsers, it is triggered when the mouse is down and
	releases when the link loses focus. In IEPC it also is the
	state of the link when tabbed to using the keyboard. Focus
	is triggered when the link is tabbed to in browsers other
	than IEPC. */
#nav a:hover, #nav a:active, #nav a:focus {
	color: #FEECC3;
	background-color: #5C9644;
}

#footer {
	clear: both;
	background-color: #000;
	font-size: 11px;
	padding: 8px;
	margin: 0;
	min-width: 728px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#footer p {
	color: #fff;
	margin: 0;
}
.slideshow {
	width: 300px;
	padding: 2px;
	border: 1px solid #000;
	float: left;
	margin: 0 10px 0 10px;
}
.pdfLink {
	padding-left: 21px;
	line-height: 20px;
	background: url(images/pdf.png) no-repeat left;
}
.caption {
	padding-top: 2px;
	font-size: 10px;
}