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

#wrapper {
   width: 80%;
   margin-left: 10%;
}

#header {
   height: 30px;
   background: #E5FFBF;
}

#logodiv {
   height: 150px;
}

#logopic {
	float: left;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left;
}

#logoaddr {
	float: right;
	font-family: cursive, sans-serif;
	margin-top: 1em;
}

#tabnav {
   height: 28px;
   background: #C7C800;
}

#container {
   width: 80%;
   float: right;
}
#menu {
}

#menupics {
   clear: both;
}

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

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

#leftnav {
   float: left;
   width: 20%;
}

#covernav {
	float: left;
	width: 25%;
	text-align: center;
}

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

#footerpics {
   clear: both;
   width: 100%;
}

#footer {
   clear: both;
   width: 100%;
   background: #FFA988;
   text-align: center;
}

/* Tabbed navigation
----------------------------------------- */
.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;
/*   width: 200px; */
}

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

#leftnav h4
{
   font-style: italic;
   font-variant: normal;
   text-align: center;
   font-weight: lighter;
   font-size: .8em;
}

/* Menu (food) Items
----------------------------------- */
#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:3px;
   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;
}
#menu dt.sub { /* item sub-category */
   font-weight:normal;
   margin-left: 1em;
}
#menu dd{margin:0;padding:0;}
#menu dd.price{float:right;padding-left: 1em;}
#menu dd.desc{color:#666;float:left;width:85%;padding: 3px 0 0 2.1em;font-style:italic;font-family: Georgia, Times, "Times New Roman", serif;}
#menu h1 {
   text-align: center;
}
#menu h3 {
   font-family:"Lucida Grande", Verdana, Arial, sans-serif;font-size:86%;margin: 0 0 0 2.1em;
}
#menu h2 {
   font-style:italic;
   font-size: 1em;
   margin: 0 0 8px 0;
   padding:0;
   text-align: center;
}

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