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

body { background-color: #D2C1D0; }

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

/* Logo/address
-------------------------------*/
.quotewrap { width: 100%; height: auto; text-align: center; }
.quotetab { text-align: center; border: thin solid Black; width: auto; height: auto; }

#logodiv { height: 100%; background-image:url(../img/backgroundmain.gif); text-align:center; }
#logoaddr {
    clear:both;
    font-family: cursive, sans-serif;
    /* color: #FFCCAA; */
}

table { width: 100%; height: 100%; }
td { vertical-align: middle; text-align: center; }

/* First page address, hours, etc.
----------------------------------------*/
#covernav {
    clear: both;
    float: left;
    width: 20%;
    height: 550px;
    text-align: center;
    background-color: #DDCBEE;
}
#covernav h3 { padding: 1em 0 0 0; height: 100%; }

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

/* Vertical navigation section
------------------------------------------------- */
#leftnav { clear:both; float: left; width: 20%; background-color: #DDCBEE; }
#navlist { padding-left: 0; margin-left: 0; border-bottom: 1px solid gray; font-family:"Times New Roman", 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 items & menu pictures
-------------------------------------*/
#container { width: 100%; float: left; }

#menupic { position: relative; float: right; width: 30%; background-color: #DDCBEE; }
#menupic dl { padding: 1em 0 0 0; vertical-align:middle; }
#menupic dd.desc { color:black; float:left; padding: 3px 0 0 2.1em; font-style:italic; font-family: Georgia, "Times New Roman", serif; font-size: small; }

#pictable { border: 0px solid; }
#pictable td { text-align: center; vertical-align: middle; }

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

img.imgright { float:right; }

#galleryitem { clear: both; }
#gallerytext { float:left; width:60%; }
#gallerypic { float: none;  text-align: center; vertical-align: middle; }

/* Footer text bar
-------------------------------------*/
#footer {
    clear: both;
    width: 100%;
    text-align: center;
    background-color: #9256CB;
    /* color: #FFCCAA; */
}
#footerpics { clear: both; width: 100%; }

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

.csstabnav  { position:relative; float: left; margin: 0; padding: 0; font-family: arial, sans-serif;
              background: url(../img/btnTabOver.jpg) no-repeat; width: 100px; height: 28px; overflow:hidden; }
.csstabnav a { display: block; color: #000000; font-size: 11px; width: 100px; height: 28px; float: left;
                text-decoration: none; overflow:hidden; }
.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; }

/* Menu (food) Items
----------------------------------- */
#menu { float: left; width: 50%; }
#menu table { width: 100%; height: 100%; margin: 0 auto; }
#menu td { vertical-align: middle; text-align: center; }

#menu ul {
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  font-size:86%;
  width:80%;
  overflow:hidden;
  padding-left:4em;
  margin: 0 0 6px 0;
  list-style-type: none;
}
#menu ul.center {
  text-align:left; /* set to center for centered items */
  padding: 0 0 0 25%; /* set to 0 0 0 0 for centered items */
  list-style-image:none;
}
#menu li
{
  padding: 3px 0 0 2.1em;
  font-weight:bold;
}
#menu li.spicy
{
  background-image:url(../img/pepper.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  padding-left:14px;
}
#menu li.item
{
  float:left;
  padding: 3px 0 0 2.1em;
}
#menu li.price { list-style-image:none; float:right;    padding-left: 1em; font-weight:bold; text-align: right; width: 10%; }
#menu li.desc
{
  list-style-image:none;
  color:black;
  font-weight:normal;
  float:left;
  width:85%;
  padding: 3px 0 0 2.1em;
  font-style:italic;
  font-family: Georgia, Times, "Times New Roman", serif;
}
#menu li.sub
{
  font-weight:bold;
  float:left;
  margin-left: 1em;
}
#menu li.subdesc { color:black; float:left; margin-left: 1em; width:85%; padding: 3px 0 0 2.1em; font-style:italic; font-family: Georgia, "Times New Roman", serif; }

#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 { float:left; padding-right:2px; padding-left:2em; font-weight:bold;}
#menu dt.spicy { background-image: url(../img/pepper.gif); background-repeat: no-repeat; background-position: left; }
#menu dt.sub { font-weight:bold; margin-left: 1em; }
#menu dd.subdesc { color:black; float:left; margin-left: 1em; width:85%; padding: 3px 0 0 2.1em; font-style:italic; font-family: Georgia, "Times New Roman", serif; }
#menu dd { margin:0;padding:0;}
#menu dd.price { float:right;   padding-left: 1em; font-weight:bold; text-align: right; width: 11%; }
#menu dd.wprice {   float:right; padding-left: 1em; font-weight:bold; text-align: right;    width: 35%; }
#menu dd.desc { color:black; float:left; width:85%; padding: 3px 0 0 2.1em; font-style:italic; font-family: Georgia, "Times New Roman", serif; }

#menu h1 { font-family:Georgia, "Times New Roman", serif; text-align: center; }
#menu h2 { font-family:Georgia, "Times New Roman", serif; font-style:italic; font-size: 1.6em; margin: 8px 0 8px 0; padding:0;
              text-align: center; color: #006E00; }
#menu h3 { font-family:Georgia, "Times New Roman", serif; font-style:italic; font-size: 12px; text-align: center;
              font-weight:normal; }
#menu h4 { font-family:Georgia, "Times New Roman", serif; text-align: center; font-size: 1.4em; }
#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; }

h4 { font-family:Georgia, "Times New Roman", serif; text-align: center; font-size: 1.5em; }
h6 { font-size: 1.2em; color: #006E00; margin: 0 0 8px 0; padding:0; text-align: center; }

.centerimg  { display:block; margin-left:auto; margin-right:auto; }
.emph { font-weight:normal; font-style: italic; font-size: .9em; }
.reverse { background-color: Black; color: white; font-weight: bold; }