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

body { background-color: #A33900; }

#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;
}

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: #FFC671;
}
#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; }

/* Vertical navigation section
------------------------------------------------- */
#leftnav { clear:both; float: left; width: 20%; background-color: #FFC671; }
#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: #FFC671; }
#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; }

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

/* Navigation tabs
-------------------------------------*/
#tabnav { height: 28px; background-color:#000000; 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 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: #461804; }
#menu h3 { font-family:Georgia, "Times New Roman", serif; font-style:italic; font-size: 12px; 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; }

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