/* Layout Divisions
------------------------------------- */
* { margin: 0 0 0 0 }

body {
	background-color:#711919;
}

#wrapper {
   width: 90%;
   margin-left: 5%;
}

/* Logo/address
-------------------------------*/
#logodiv {
   height: 100%;
   background: #C78F0B;
}

#logoaddr {
   clear: both;
	font-family: cursive, sans-serif;
}

table {
    width: 100%;
    height: 100%;
}

td {
  vertical-align: middle;
  text-align: center;
}


/* First page
----------------------------------------*/
#covercontainer {
   float: none;
   background-image: url(../img/menuback.gif);
}

#covernav {
   margin-top: 2%;
   height: 100%;
}

#covernav h1 {
	margin-bottom: .2em;
}

#covernav h3 {
	color: #F20000;
}

#covertext {
	margin-left: auto;
	margin-right: auto;
	font-size: .6;
	text-align: center;
	width: 700px;
}

#coverpic1 {
	float: left;
	margin-left: 7px;
}

#coverpic2 {
	float: left;
	margin-left: 7px;
}

#coverpic3 {
	float: left;
	margin-left: 5px;
}

/* Menu items & menu pictures
-------------------------------------*/
#container {
   float: right;
   background-color: #CDFEDE;
   background-image: url(../img/menuback.gif);
}

#location {
   margin-right: 15%;
   margin-left: 12%;
}

/* Footer text bar
-------------------------------------*/
#footer {
   clear: both;
   width: 100%;
   background: #711919;
   text-align: center;
   color: white;
}

#redtext {
   font-family: "Lucida Grande", Verdana, Arial, sans-serif;
   font-size:75%;
   color: #F20000;
   text-align: center;
}

/* Navigation tabs
-------------------------------------*/
#tabnav {
	height: 28px;
	background: #800000;
	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: 87px;
   height: 28px;
   overflow:hidden;/* for ie to hide extra height*/
}

.csstabnav a {
   display: block;
   color: #000000;
   font-size: 11px;
   width: 87px;
   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: 87px; 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:87px;
   height:28px;
   cursor: pointer;   
   color: #000000;
}

/* Menu (food) Items
----------------------------------- */
#menu {
   text-align: center;
   vertical-align: center;
}

#menu table {
   width: 100%;
   height: 100%;
   margin: 0 auto;
}

#menu td {
  vertical-align: middle;
  text-align: center;
}

#menuitems {
   width: 500px;
   margin: 0 auto;
   text-align: left; /**** new ***/
}

#menu dl {
   font-family: "Lucida Grande", Verdana, Arial, sans-serif;
   font-size:86%;
   width: 100%;
   overflow: hidden;
   margin: 0 0 1em;
   background: url(../img/dot.gif) repeat-x 0 1em
}

#menu dt,dd.price {
   background-image: url(../img/menuback.gif);
}
#menu dt {float: left;padding-right: 3px;font-weight: bold;}
#menu dd {margin:0}
#menu dd.price {float: right;padding-left: 3px;}
#menu dd.desc {float: left;width: 100%;padding: 3px 0;
   font: italic 100% Georgia,Times,sans-serif;}

#menu img {
   display:block;
   margin-left:auto;
   margin-right:auto;
}

#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;
   color: #711919;
}

#menu h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1em;
	text-align: center;
	font-weight:normal;
}
