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

}

body {
	background-image:url(../img/fall.gif);
	background-color:#FFFFCC;
}

#wrapper {
   width: 90%;
   margin-left: 5%;
}

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

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

#logodiv {
/*   height: 400px; */
   background-image:url(../img/yelloback.gif);
}

#logoaddr {
   /*clear:both; */
	font-family: cursive, sans-serif;
	font-size: .8em;
}

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

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

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

/* First-page text
--------------------------------------*/
#covercontainer {
	width: 80%;
	height: 800px;
	float: right;
	background-image: url(../img/coverbackgrd.png);
}

#covertext {
	margin: 2em 0em 2em 0em;
	float: left;
	width: 68%;
}

#picscontainer {
	margin: 2em 0em 2em 0em;
	float: right;
	width: 30%;
}

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

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

#menucenteritems {
	padding-left:10%;
}

#menu {
	margin-left: 13%;
	margin-right: 13%;
}

.menudrink {
	/*margin-left: 13%;
	margin-right: 13%;*/
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	width: 69%;
}


img.imgright {
	float:right;
}

img.imgleft {
	float:left;
}

#gallerypic {
   float: right;
   margin-top: .2em;
}

#gallerypiclef {
   float: left;
   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: #FFA988;
   text-align: center;
}

/* Navigation tabs
-------------------------------------*/
#tabnav {
   height: 28px;
   background: #C7C800;
   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:2px;
	top:10px;
	text-align:center;
	width:100px;
	height:28px;
	cursor: pointer;
	color: #000000;
}

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

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

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

#menu dt{ /* normal menu item name */
   float:left;
   padding-right:2px;
   padding-left:2em;
   font-weight:bold;
}

.emph {
   font-weight:normal;
   font-style: italic;
   font-size: .9em;
}
.reverse {
   background-color: Black;
   color: white;
   font-weight: bold;
}

#menu dd{margin:0;padding:0;}
#menu dd.price{float:right;padding-left: 1em;font-weight:bold;}

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

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

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

#menu h3.leftalign {
	text-align: left;
}

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