/* CSS Document */

/* CSS Document */

body
{font-family: Arial, Verdana, Helvetica, sans-serif;
color: #666666;
background: /*url(images/seamlesswallpaper.jpg) top left repeat*/ #FFEE9C;
font-size:1em;}
em.fix
{color:red;
font-weight:bolder;
}
a, a:link, a:visited
{text-decoration: none;}
a:hover
{text-decoration: underline;
}
a>img
{border:none;
}
#wrapper
{width:902px;
margin-left:auto;
margin-right:auto;
text-align:left;
position:relative;
background: white;
border: #331646 1px solid;
}

#wrapperouter
{width: 906px;
padding-top: 2px;
padding-bottom:px;
margin-left:auto;
margin-right:auto;
background: white;
}

div#wrapper.landing
{background:url(images/indexbg.jpg) top center no-repeat;
height: 850px;
}

span.landing
{margin:-10000px;
}
div.enter
{
text-align:center;
padding-top:290px;
padding-left: 350px;
color:#FFBF00;
font-size: 1.5em;
}

a.enter, a:link.enter
{color: #ffbf00;}

div.floatright
{float:right;
padding: 10px;
width:auto;
margin: 10px;
text-align:center;
border: #CCCCCC 1px solid;}

div.floatleft
{float:left;
padding: 10px;
/*width:auto;*/
margin: 10px;
text-align:center;
border: #CCCCCC 1px solid;}

div.floatnone
{float:none;
padding:10px;
width:auto;
margin: 10px;
text-align: center;
border: #CCCCCC 1px solid;
}
/*banner and navigation*/
	/**** banner ****/
	h1
	{
	width: 100%;
	background: url(images/banner1.jpg) center top no-repeat;
	height:/* 150px;*/ 250px;
	}
	h1 span
	{position:absolute; left: -50em; width: 50em;
	}

	/****mainnav****/
	#mainnav
	{
	width: 100%;
	text-align:center;
	list-style: none;
	margin:0;
	padding: 0 0 10px 0;
	font-size: 80%;
	}
	
	#mainnav li
	{display:inline;
	padding-right:1em;
	padding-left:0;
	padding-top: 50px;
	margin:0;
	
	}
	
	#mainnav a, a:link, a:visited, a:active
	{
	text-decoration:none;
	color: #331646
	}
	
	#mainnav a:hover
	{
	text-decoration: underline;
	color: #331646;
	}
	.active
	{font-weight:bolder;
	}


/* left sidebar */
#subnav
{width: 150px;
float:left;
margin:0;
padding:0;
margin-top: 10px;
margin-left: 10px;
}
ul#subnav
{
list-style: none;
font-size: 75%;
text-align: right;
}
#subnav li
{padding-bottom: 5px;
padding-right:10px;
}
#subnav li a, a:link, a:visited, a:active;
{color:#999999;
text-decoration: none;}
#subnav a:hover
{
text-decoration:underline;
}
ul#subsubnav
{list-style: none;
font-size: 90%;
margin-top: 5px;
}
ul#subsubnav li
{padding-right: 10px;
margin-right:0;
}








/* content */
div#content
{
margin-left:160px;
width: 730px;
border-left: 1px dotted #999999 ;
font-size:80%;
position:relative;
}
div#contentnarrow
{
float:left;
/*margin-left:160px;*/
width: 580px;
border-left: 1px dotted #999999 ;
border-right: 1px dotted #999999 ;
font-size:80%;
position:relative;
margin-right: 10px;/*added this to deal with quotes*/
}

#content a:hover
{text-decoration:underline;
}

div#content.store
{
margin-left: 0px;
border:none;
width: 100%;
font-size:80%;
position:relative;
text-align:center;
height: 1150px;
}
h2, p
{margin-left:10px;
margin-right:10px;}

h2
{font-size: 1.1em;
color:#331646;
}
p
{
font-size: inherit;
}

ul#quote
{
position: absolute;
width: 150px;
top:0px;
right:0px;
}

.clearall
{clear:both;
}


/*content*/
/****photo tour code****/
	div#phototour
	{
	text-align:center;;
	float:left;
	width:560px;;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #999999;
	overflow: hidden;
	}
	div#phototourw
	{
	text-align:center;;
	float:left;
	width:710px;;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #999999 ;
	overflow: hidden;
	}	
	ul#tourphotos
	{
	list-style:none;
	padding:0;
	margin:0;
	}
	ul#tourphotos li
	{margin-top: 10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	}
	ul#tourphotos img
	{width: 100%;
	border: 1px solid;
	}
	
	ol#photonav
	{list-style:none;
	text-align:right;
	margin: 0px;
	padding-right:10px;
	padding-bottom: 5px;
	font-size:90%;
	color: #331646;
	}
	
	#photonav li
	{display:inline;
	padding-left: 2px;}
	\
/****guest quotes*****/
	ul#guestquotes
	{
	float:right;
	width:130px;
	min-height:500px;
	list-style:none;
	list-style-position:inside;
/*	background: url(images/qutesbg1.jpg) left center no-repeat;*/
	padding:0px 5px 0px 0px;
	margin:0px;
	display: block;
	}
	#guestquotes li
	{
	text-align: center;
	list-style:none;
	padding:10px 10px 0px 0px;
	display: block;
	}
	#guestquotes span
	{
	font-size: 72%;
	font-style:italic;
	color: #331646;
	display:block;
	padding:10px 10px 0px 0px;
	margin-top: 10px;
	}
	
	.display
	{display:block;
	}
	.hidden
	{display:hidden;
	}
	
/****rates code****/

table#rates
{margin-left: 50px;
margin-right: 50px;
font-size: 90%;
border-collapse: collapse;
border-top: #999999 medium solid;
border-bottom: #999999 medium solid;
}
#rates td
{padding-left: 10px;
}
ul#policies
{font-size:inherit;
}
ul#policies li
{
font-weight:bolder;}

ul#policies p
{
font-weight:normal;
}


tr.header
{font-weight:bold;

}
tr.header td
{padding-top: 2px;
color: #331646;
border-bottom:#331646 1px solid;
}
/*burgundy*/
ul.links
{margin-top:0px;
padding-top:0px;
}
ul.links li
{clear:left;
font-weight:bold; 
list-style:none;
}
ul.links p
{font-size: inherit;
text-decoration:none;
font-weight:normal;
}

p.tagline
{font-style:italic;
}
#winetasters
{width: 400px;
float:right;
border-collapse: collapse;
border: 1px solid;
margin:10px;
}
#winetasters td
{vertical-align:top;
padding: 5px;
width:50%;
border-left: 1px solid;
border-right: 1px solid;
}
#winetasters td.first
{text-align:center;
font-weight:bolder;
font-size: 1.1em;
border-bottom: 1px solid;
}
.bohtoc ul
{width: 90%;
liststyle:none;
text-align:left;
margin-left: 10px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}
.bohtoc li
{display:inline;
padding-left: 5px;
padding-right:5px;
font:bolder 110%;
}
.boh
{margin-left: 20px;
margin-right:20px;
border-top: 1px solid #666666;
}
.boh ul
{clear: both;
}
.boh li
{margin-bottom:10px;
}
/*newsletter*/

h2#grapenews
{background: url(images/grapenewsheader.jpg) top center no-repeat;
height: 64px;
width: 98%;
border-bottom: #331646 1px dotted;

}
h2#grapenews span
{width: 50em;
margin: -5000em;
}
h2#pubdate
{text-align:center;
width: 98%;
border-bottom: #331646 1px dotted;
padding-bottom: 10px;
}

div#forms
{width: 500px;
margin-left:auto;
margin-right:auto;
border: 1px solid #666666;
text-align: left;
background:#e4e4e4;
color:#666666;
padding-top: 10px;
padding-bottom: 10px;

}
span.fieldname
{width: 150px;
display:block;
float:left;
padding-top:10px;
padding-right: 5px;
text-align:right;
}

div#forms input
{width: 335px;
margin: 5px 0px 5px 0px;
color:/*#847c99*/#FFBF00;
background: white; }
div#forms textarea
{width: 335px;
margin: 5px 0px 5px 0px;
font-family:inherit;}

div#forms .button
{background: /*#847c99*/#FFBF00;
color: white;
width:auto;
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
}
ol#newsletter
{list-style: inside upper-roman;
font-size: inherit;
margin-left:10px;
padding-left:0px;
}
ol#newsletter li
{color: #331646;
clear:both;
list-style-position:inside;
margin-top:15px;
padding-left:10px;
font-weight:bold;
}
ol#newsletter ul li
{clear:none;
color:#666666;
font-weight:normal;
}

ol#newsletter li>a
{padding-left: 20px;
}
ol#newsletter p
{color: #666666;
font-weight:normal;
}
h3
{font-size:100%;
text-decoration:underline;
margin-left: 10px;
}

#tableofcontents
{margin-left:40px;
margin-right:40px;
border: 1px solid;
padding:10px;
}
.floatright p
{max-width: 250px;
width:expression(250 + "px"); 
/*margin-left: auto;
margin-right: auto;*/
}
.floatleft p
{max-width: 250px;
width:expression(250 + "px"); 
/*margin-left: auto;
margin-right: auto;*/
}
.floatL
{margin:10px;
float:left;
}
floatR
{margin:10px;
float:right;}

span.address
{display:block;
margin-left: 50px;
}
span.restaurant
{display:block;
margin-left: 50px;
font-weight:bolder;
font-size:105%;
}
div.snails
{float:none;
margin: 10px;
}
div.snails img
{display:inline;
}

span.author
{display:block;
margin-left: 10px;
}
.amazonUSA
{display:block;
margin-left:10px;
}
.amazonUSA span
{margin-left: -10000px;
}
p#signature
{background: url(images/signature.jpg) top left no-repeat;
height: 50px;
clear:both;
}
#signature span
{margin-left:-1000px;
width: 50px;
}

	/**** volume 4 ****/
	.charlotte
	{width: 200px;}
	
	/**** volume 5 ****/
	#sept11 p
	{margin-left:50px;
	margin-right:50px;
	font-weight: bold;
	font-style:italic;
	}
	
	/**** volume 6 ****/
	.vol6
	{text-align:center;}
	.update
	{color: red;
	font-weight:bold;
	}

	/**** volume 9 ****/
	.vol9
	{
	font-style:italic;
	font-weight:bold;
	display:block;
	line-height: inherit;
	margin-top: 10px;
	}
	
	/**** volume 11 ****/
	#vol11
	{
	margin-left:30px;
	margin-right:30px;
	border: 1px solid #666666;
	padding-top:10px;
	padding-bottom:10px;
	}
	#vol li
	{padding-top: 5px;
	padding-bottom:5px;
	padding-right:10px;
	font-style:italic;
	text-align:left;
	}
	#vol11 img
	{float:right;}
	li.question
	{font-style:italic;
	list-style:none;
	}
	li.answer
	{
	list-style:none;
	}
	
	/**** volume 12 ****/
	.marco
	{font-style:italic;
	margin-left: 40px;
	margin-right: 40px;
	}
	table.vol12
	{
	border-top: thick solid;
	border-bottom:thick solid;
	text-align:center;
	border-collapse: collapse;
	margin: 10px auto 10px auto;
	width:580px;
	clear: both;
	}
	table.vol12 td
	{border-bottom: 1px solid #666666;
	}
	#toprow
	{font-weight:bold;}
	
	/***** volume 13 ****/
	.vol13
	{font-style:italic;
	display:block;
	padding-left:20px;
	}
	/***** volume 13 ****/
	a.vol14
	{
	padding-left:20px;
	}

/* recipes */
#recipepic
{width: 510px;
margin:10px;
padding:10px;
border: 1px solid #666666;
float:none;
}
#recipepic img
{width:100%;
float:none;}
#recipelist
{margin-left:40px;
margin-right:40px;
border: 1px solid;
padding:10px;
}
#recipelist table
{width: 100%;
text-align: center;
}
#recipelist ul
{list-style:none;
padding:0px;
margin:0px;}
#recipelist li
{padding:0px;
margin:0px;

}
#recipelist2
{width: 110px;
margin-left: 40px;
margin-right:10px;
border: 1px solid #666666;
padding:10px;
float:right;
}
#recipelist2 table
{width: 100%;
text-align: center;
}
#recipelist2 ul
{list-style:none;
padding:0px;
margin:0px;}

#recipelist2 li
{padding:0px;
margin-bottom:10px;
margin-top:10px;
font-size: 90%;
}
#recipelist2 a 
{color: /*#847c99*/#FFBF00;
}
.recipecats td
{
border-bottom: 1px solid #666666;
font-size: 110%;
color: #331646;
}

/*availability and reservations */
#calendar
{margin-left: 50px;
}

div#inqforms
{width: 600px;
margin-left:auto;
margin-right:auto;
border: 1px solid #666666;
text-align: left;
background:#e4e4e4;
color:#666666;
padding-top: 10px;
padding-bottom: 10px;

}


/*footer*/
div#footer
{clear:both;
color: white;
text-align:center;
padding-top: 5px;
padding-bottom:5px;
width:100%;
background:/*#847c99*/#FFBF00;
border-top: /*#847c99*/#FFBF00 1px solid;
margin-top: 20px;
margin-bottom: 10px;}
#footer span
{
font-size: 70%;
color:/* /*#847c99*/ white;
}




