*{
padding: 0;
margin: 0;
}

body { font-family: "Trebuchet MS",sans-serif;
margin: 0; border: none; font-size: small;
padding: 0; background: url(images/htmlBkgd.jpg) #996633;
}

img { border-style: none;
}

p { font-size: 115%;
color: black; 
font-weight: bold;
padding: 2px; text-align: left;
line-height: 1.5em;}

h1 { font-weight: bold; font-size: 185%; text-align: center;
padding-bottom: 20px;}

h2 { font-weight: bold; font-size: 135%; text-align: center; font-style: italic; line-height: 1.5em; letter-spacing: .07em;
}

h3 { font-weight: bold; font-size: 145%; text-align: center; line-height: 2em;
}

h4 { font-weight: bold; font-size: 115%; text-align: center; font-style: italic; line-height: 1.5em; letter-spacing: .07em;
margin-bottom: 20px;}

a { border: none; text-decoration: none; list-style-type: none; color: #000; }

a:hover { color:#663399; text-decoration: underline;
}

br { line-height: .5em;
}

#wrap { margin: 10px auto; width: 800px; height: auto; }

#flashBanner {width: 800px; height: 185px; padding: 10px 0 10px 0;
}

#header2 { width: 800px; height: 150px; background: url(images/topBkgd2.jpg) no-repeat top left; 
}

#indexBkgd { background: url(images/indexPic.png) no-repeat top left;
width: 800px; height: 871px; margin-top: -20px;}

#contentWrapper { width: 800px; height: auto; background: url(images/middleBkgd2.jpg) repeat-y top left;
}

.subscribeWrapper { padding: 2em; }
div.adminmessage { width: auto !important; }

#storyContent { width: 400px; height: auto; 
float: left;}

#storyContent2 { width: 400px; height: auto; 
float: right;}

#storyContent p { font-size: 90%;
color: black; margin: 10px 20px 0 30px;
font-weight: normal;
text-align: left;
line-height: 1.5em;
}

#storyContent2 p { font-size: 90%;
color: black; margin: 10px 30px 0 20px;
font-weight: normal;
text-align: left;
line-height: 1.5em;
}

div.indexImgLeft {
	padding-left: 30px;
}

#storyPic { width: 375px; height: auto; margin-left: 10px; float: left; padding-top: 20px;
}

.centerContent { width: 800px; height: auto; float: left; 
}

.centerContent p {text-align: center; font-size: 95%;
}

.splitContent { width: 390px; float: left; margin: 0 0 0 0;
height: auto;}

.splitContent p { font-size: 95%;
color: black; 
font-weight: normal;
padding-left: 70px; text-align: left;
line-height: 1.5em;
}

.menuSplit { width: 265px; height: auto; float: left; display: inline;
}

.menuTest { width: 245px; height: auto; float: left; margin: 0 0 0 20px;
display: inline;}

.menuTest2 { width: 215px; height: auto; float: left; margin: 0 0 0 15px;
display: inline;}

.menuTest p, .menuTest2 p, #menuTest3 p { font-size: 85%; 
color: #663333; font-style: italic; letter-spacing: .1em;
padding: 2px 0 5px 25px; text-align: center;
line-height: 1.35em;
}

span.testy { font-size: 135%; font-weight: bold; 
}

span.testySig { font-style: normal; line-height: 1em;
}

/* navigation */
#menu { width: 400px; height: 150px; 
}

#btn1, #btn2, #btn3, #btn4, #btn5, #btn6 { width: 79px; height:150px; float: left;}

#btn1 span a{ width: 79px; height: 150px; background: url(images/btn1.2.png) no-repeat top left; z-index: 90; position: absolute; }

#btn1 span a:hover { background: url(images/btn1.2Over.png) no-repeat top left; z-index: 100; position: absolute;}

#btn2 span a{ width: 79px; height: 150px; background: url(images/btn2.2.png) no-repeat top left; z-index: 90; position: absolute; }

#btn2 span a:hover { background: url(images/btn2.2Over.png) no-repeat top left; z-index: 100; position: absolute;}

#btn3 span a{ width: 79px; height: 150px; background: url(images/btn3.2.png) no-repeat top left; z-index: 90; position: absolute; }

#btn3 span a:hover { background: url(images/btn3.2Over.png) no-repeat top left; z-index: 100; position: absolute;}

#btn4 span a{ width: 79px; height: 150px; background: url(images/btn4.2.png) no-repeat top left; z-index: 90; position: absolute; }

#btn4 span a:hover { background: url(images/btn4.2Over.png) no-repeat top left; z-index: 100; position: absolute;}

#btn5 span a{ width: 79px; height: 150px; background: url(images/btn5.2.png) no-repeat top left; z-index: 90; position: absolute; }

#btn5 span a:hover { background: url(images/btn5.2Over.png) no-repeat top left; z-index: 100; position: absolute;}

#btn6 span a{ width: 79px; height: 150px; background: url(images/btn6.2.png) no-repeat top left; z-index: 90; position: absolute; }

#btn6 span a:hover { background: url(images/btn6.2Over.png) no-repeat top left; z-index: 100; position: absolute;}

/*IE NAV*/
* html #btn1 span a{ width: 79px; height: 150px; background: url(images/IEbtn1.2.jpg) no-repeat top left; z-index: 90; position: absolute; }

* html #btn1 span a:hover { background: url(images/IEbtn1.2Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

* html #btn2 span a{ width: 79px; height: 150px; background: url(images/IEbtn2.2.jpg) no-repeat top left; z-index: 90; position: absolute; }

* html #btn2 span a:hover { background: url(images/IEbtn2.2Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

* html #btn3 span a{ width: 79px; height: 150px; background: url(images/IEbtn3.2.jpg) no-repeat top left; z-index: 90; position: absolute; }

* html #btn3 span a:hover { background: url(images/IEbtn3.2Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

* html #btn4 span a{ width: 79px; height: 150px; background: url(images/IEbtn4.2.jpg) no-repeat top left; z-index: 90; position: absolute; }

* html #btn4 span a:hover { background: url(images/IEbtn4.2Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

* html #btn5 span a{ width: 79px; height: 150px; background: url(images/IEbtn5.2.jpg) no-repeat top left; z-index: 90; position: absolute; }

* html #btn5 span a:hover { background: url(images/IEbtn5.2Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

* html #btn6 span a{ width: 79px; height: 150px; background: url(images/IEbtn6.2.jpg) no-repeat top left; z-index: 90; position: absolute; }

* html #btn6 span a:hover { background: url(images/IEbtn6.2Over.jpg) no-repeat top left; z-index: 100; position: absolute;}

/* end navigation */

span.menu { font-size: 85%;
color: black; 
font-weight: normal;
margin-left: 20px; text-align: left;
line-height: 1.25em;
}

span.menu2 { font-weight: bold; font-size: 100%; text-align: left; line-height: 1.5em; letter-spacing: .07em;
margin-bottom: 20px;}

span.menu3 { font-weight: bold; font-size: 100%; text-align: left; line-height: 1.5em; letter-spacing: .07em; font-style: italic; 
}

span.menu4 { font-weight: bold; font-size: 115%; text-align: left; line-height: 1.5em; letter-spacing: .07em; font-style: italic;
margin-bottom: 20px;}

.spacer { width: 800px; height: 380px;
}

.clearSpacer {width: 5px; height: 230px; float: left;
}

.clearSpacer2 {width: 5px; height: 10px; float: left;
}

* html .clearSpacer2 {width: 5px; height: 50px; float: left;
}

.clear { clear: both; 
}

span.right { color: red; text-align: right; font-weight: bold;
}

span.intro { font-size: 145%; font-weight: bold; font-style: italic;
}

#footer { width: 800px; height: 66px; background: url(images/btmBkgd2.jpg) no-repeat bottom left; 
}

#footer p { text-align: center; padding-top: 10px;
}

/*----the following are for the form page-----*/
fieldset p { font-size: 95%;
color: black; 
font-weight: normal;
text-align: left;
line-height: 1.5em;}

fieldset {
margin: 0 0 0 100px;
padding: 1em;
border: 1px solid #339933;
width: 540px;
line-height: 1.5em; }

fieldset#event {
background: transparent; }

fieldset#event div { width: 8em; float: left; margin-left: 40px; }
fieldset#event label { width: 3em; float: none; display: inline;}

legend {font-weight: bold; color: #cc0000; }

textarea {
width: 400px; height: 100px;}

label {float: left; width: 10em; }

input[type="text"] { width:300px; }

input.submit {width: auto; }

input:focus, textarea:focus { background:#ffc;}
/*----end for the form page-----*/

/*----lunch menu-----*/
h1.menutitle {
	font-size: 185%;
	font-weight: bold;
	padding-bottom: 20px;
	text-align: center;
}

h2.menudesc {
	font-size: 125%;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.07em;
	line-height: 1.5em;
	text-align: center;
	padding-bottom: 1.5em;
}

h2.category {
	font-size: 135%;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.07em;
	line-height: 1.5em;
	text-align: center;
}

h4.desc {
	font-size: 115%;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.07em;
	line-height: 1.5em;
	magin-bottom: 20px;
	text-align: center;
}

p.menunote {
	font-size: 95%;
	text-align: center;
	color: black;
	font-weight: bold;
	line-height: 1.5em;
	padding: 2px 2px 1em 2px;
}

table.menutable {
	width: 650px;
	margin: 0 auto;
}
table.menutable td { vertical-align: top; }
td.l-sym { width: 7px; text-align: right; padding-right: 0.2em; }
td.r-sym { text-align: right; width: auto; padding-right: 0.2em; }
td.entry { width: 250px; padding-bottom: 1.5em; }
td.price { width: 40px; text-align: right; color: red; }
table.menutable p.name {
	font-size: 95%;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
	padding: 0;
	width: 250px;
	overflow: hidden; 
	white-space: nowrap;
}
table.menutable p.desc {
	font-size: 85%;
	font-weight: normal;
	text-align: left;
	line-height: 1em;
	padding: 0 0 0 1.2em;
}
table.menutable p.namewine {
	font-size: 95%;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
	padding: 0;
}
table.menutable p.descwine {
	font-size: 85%;
	font-weight: normal;
	text-align: left;
	line-height: 1em;
	padding: 0 0 0 1.2em;
	width: 250px;
	overflow: hidden; 
	white-space: nowrap;
}
table.menutable td.pricewine {
	font-size: 85%;
	width: 40px;
	text-align: right;
	color: red;
	padding-top: 1.5em;
}
/*----end lunch menu-----*/