/* Layout Divisions
------------------------------------- */
* { margin: 0 0 0 0 }

body {
   background-color: #EA6F17;
}

#wrapper {
   width: 90%;
   margin-left: 5%;
   background-image: url(../img/backgroundmain.gif);
}

/* Logo/address
-------------------------------*/
table {
    width: 100%;
    height: 100%;
}

.quotewrap {
   width: 100%;
   height: auto;
   text-align: center;
}

.quotetab {
   text-align: center;
   border: thin solid Black;
   width: auto;
   height: auto;
   padding-left: 2em;
}
#map {
   vertical-align: middle;
}
td {
  vertical-align: middle;
  text-align: center;
}

#logodiv {
   height: 100%;
   background-image:url(../img/background.gif);
}

#logoaddr {
   clear:both;
	font-family: cursive, sans-serif;
}

table {
    width: 100%;
    height: 100%;
}

td {
  vertical-align: middle;
  text-align: center;
}

/* First page address, hours, etc.
----------------------------------------*/
#covernav {
	float: left;
	width: 20%;
	height: 470px;
	text-align: center;
   background-color: #e2d1e6;
/*	background-image: url(../img/blueback.gif); */
}

#covernav h3 {
	padding: 1em 0 0 0;
}

/* First-page text
--------------------------------------*/
#covercontainer {
	width: 80%;
	height: 470px;
	float: right;
/*	background-image: url(../img/strawmat.jpg); */
}
#covercontainer {
	width: 80%;
	height: 470px;
	float: right;
	background-image: url(../img/backgroundmain.gif);
}
#covertext {
   margin: .4em 2em 2em 2em;
}

/* Menu items & menu pictures
-------------------------------------*/
#container {
	width: 80%;
	float: right;
/*	background-color: #CDFEDE;
	background-image: url(../img/strawmat.jpg); */
}

#lunchcontainer {
	width: 80%;
	float: right;
/*	background-color: #DEFEE3;
	background-image: url(../img/strawmat.jpg); */
}

#menucenteritems {
	padding-left:10%;
}

#menu {
	margin-left: 13%;
	margin-right: 13%;
/*   text-align: center;   <-- new
   vertical-align: center; */
}

#menupics {
   clear: both;
}

#menupic {
	position: relative;
	float: left;
	margin-right: 1em;
}

#menupiclabel {
   font: italic smaller sans-serif;
}

img.imgright {
	float:right;
}

#galleryitem {
   clear: both;
}

#gallerytext {
   float:left;
   width:60%;
}
#gallerypic {
   float: right;
   margin-top: .2em;
}

/* Vertical navigation menu
-----------------------------------*/
#leftnav {
   float: left;
   width: 20%;
}

/* Pictures at bottom of page
------------------------------------*/
#footerpics {
   clear: both;
   width: 100%;
}
/* Footer text bar
-------------------------------------*/
#footer {
   clear: both;
   width: 100%;
   background: #B0ACFF;
   text-align: center;
}

/* Navigation tabs
-------------------------------------*/
#tabnav {
   height: 28px;
   /*background: #C7C800;*/
   background-color:#864B9D;
   clear:both;
}

.csstabnav	{
   position:relative;
   float: left; 
   margin: 0; 
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   background: url(../img/btnTabOver.jpg) no-repeat;
   width: 100px;
   height: 28px;
   overflow:hidden;/* for ie to hide extra height*/
}

.csstabnav a {
   display: block;
   color: #000000;
   font-size: 11px;
   width: 100px;
   height: 28px;
   display: block;
   float: left;
   text-decoration: none;
   overflow:hidden;/* for ie to hide extra height*/
}

.csstabnav a:hover {
   color: #000000;
   text-decoration: none;
}
			
.csstabnav img {width: 100px; height: 28px; border: 0; }
* html a:hover {visibility:visible}
.csstabnav a:hover img{visibility:hidden}

.csstabnav span {
   position: absolute;
   left:0;top:10px;
   text-align:center;
   width:100px;
   height:28px;
   cursor: pointer;   
   color: #000000;
}

/* Vertical navigation section
------------------------------------------------- */
#navlist
{
   padding-left: 0;
   margin-left: 0;
   border-bottom: 1px solid gray;
   font-family:"Times New Roman", Times, serif;
   height: 100%;
}

#navlist li
{
   list-style: none;
   margin: 0;
   padding: 0.25em;
   border-top: 1px dotted gray;
   text-align: center;
}

#navlist li a { text-decoration: none; }
#navlist a:hover, #nav a:active
{
   color: Blue;
   background-color: transparent;
}

/* Menu (food) Items
----------------------------------- */
#menu table {
   width: 100%;
   height: 100%;
   margin: 0 auto;
}

#menu td {
  vertical-align: middle;
  text-align: center;
}

#menuitems {
   width: 500px;
   margin: 0 auto;
}
#menu dl{
   font-family: "Lucida Grande", Verdana, Arial, sans-serif;
   font-size:86%;
   width:80%;
   overflow:hidden;
   padding-left:4em;
   margin: 0 0 6px 0;
}

#menu dt{ /* normal menu item name */
   float:left;
   padding-right:2px;
   padding-left:2em;
   font-weight:bold;
}
#menu dt.spicy{ /* spicy items - includes pepper symbol */
   background-image: url(../img/pepper.gif);
   background-repeat: no-repeat;
   background-position: left;
}

.emph {
   font-weight:normal;
   font-style: italic;
   font-size: .9em;
}
.subtitle {
   font-weight:normal;
   font-style: italic;
   font-size:.8em;
}
.reverse {
   background-color: Black;
   color: white;
   font-weight: bold;
}
#menu dt.sub { /* item sub-category */
   font-weight:bold;
   margin-left: 1em;
}
#menu dd{margin:0;padding:0;}
#menu dd.price{float:right;padding-left: 1em;font-weight:bold;}
#menu dd.desc{color:black;float:left;width:85%;padding: 3px 0 0 2.1em;font-style:italic;font-family: Georgia, Times, "Times New Roman", serif;}

#menu h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
   text-align: center;
}

#menu h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   font-size: 1.6em;
   margin: 8px 0 8px 0;
   padding:0;
   text-align: center;
}

#menu h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1em;
	text-align: center;
	font-weight:normal;
}

#menu h4 {
   font-weight: lighter;
   font-style:italic;
   font-size: 80%;
   margin: 0 0 8px 0;
   padding:0;
   text-align: center;
}

#menu h5 {
   font-style:normal;
   margin: 0 0 8px 0;
   padding:0;
   text-align: center;
   font-size: large;
}
#menu h6 {
   font-style:normal;
   font-size: x-large;
   margin: 0 0 8px 0;
   padding:0;
   text-align: center;
   color: #8B0000;
   }
#menu img {
   padding-left: 10%;
}