body {
 background-color:#824b21;
 background-image:url(../images/bg.jpg);
 background-repeat:repeat-x;
 background-position:top;
 width:980px;
 margin-right:auto;
 margin-left:auto;
 margin-top:0px;
 font-family:"Times New Roman", Times, serif;
 }
#header {
 background-image:url(../images/header.jpg);
 height:200px;
}
#logo {
 margin:0px;
}
#mid {
 margin:0px;
}
#content {
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;
 width:950px;
 color:#572e22;
 background-image:url(../images/contbg.gif);
 background-position:top;
 background-repeat:repeat-y;

}
#sider {
 margin:0px auto auto 0px;
 float:left;
 clear:none;
}
#navigation {
 margin:0px auto auto auto;
 padding-left:10px;
 width:195px;
 float:left;
  clear:none;
}
#imagenav {
  margin:0px auto auto auto;
  padding-left:-10px;

 float:left;
  clear:none;
}
#container {
 margin:0px auto auto auto;
 text-align:center;

 float:right;
 clear:none;
 width:600px;
 }
#slideshow1{
 margin-left:auto; 
 margin-right:auto;
 z-index:0;
 }
.pics { margin: 20px auto 10px auto;  }
pre { margin: auto } 
.pics img {border:5px solid;  width:500px;}

#subcat {
 margin:auto 50px 10px 15px;
 padding:10px;
 border:#000000 1px dotted;
 background-color:#562e22;
 color:#FFFFFF;
 text-align:center;
 float:left;
}

#specialoff {
 width:85%;
 margin:auto 50px 10px 15px;
 padding:10px;
 border:#000000 1px dotted;
 background-color:#562e22;
 color:#FFFFFF;
 text-align:center;
 clear: both;
}

#subcat img {
 height:200px;
 width:200px;
}
#subcat a {
 display:block;
 color:#FFFFFF;
 text-decoration:none;
}
#subcat a:hover {
 display:block;
 color:#FFFFFF;
 text-decoration:underline;
}
#text {
 background-color:#744326;
 width:90%;
 font-size:18px;
 padding:10px;
 color:#ffffff;
 text-align:left;
}
#food_menu table tr td{
 background-color:#744326;
 font:18px tahoma;
 padding: 5px;
 color:#ffffff;
}
#food_menu table{
 width:560px;
}

#food_menu td{
 border:1px solid #ffc;
 text-align:right;
}

#food_menu .menu_heading {
 text-align:center;
 background-color:#C89872;
 color:#744326;}

#food_counter {
 float:right;
}

#food_counter table{
 width:20px;
}

#food_counter td{
 border:1px solid #000;
}

#food_counter  table tr td{
 background-color:#744326;
 font:18px tahoma;
 padding: 1px;
 color:#ffffff;
 border:0px solid #000;
}
#form_error{
 text-align:left;
 background-color:#FBECC1;
 width:500px;
 padding:5px;
}
.status_error{
 font-size:22px;
 color: #B83C09;
 padding:0px;
}
.status_success{
 font-size:22px;
 color: #45744D;
 padding:0px;
}
.title{
 font-size:larger;
 text-decoration:underline;
 color:#f9ebc4;
 margin:5px;
 }
.titleb{
 font-size:36px;
 text-align:center;
 text-decoration:underline;
 color:#f9ebc4;
 width:80%;
 clear:both;
 margin:auto;
 padding:3px;
 display:block;
 background-color:#6e0019;
 }
.field {
 margin:auto 75px 10px auto;
 padding:7px;
 float:left;
 width:50%;
 clear:both;
 border:1px solid #000;
 background-color:#f5e2b8;
 color:#562e22;
}
.fieldtitle {
  margin:auto auto 5px auto;
   padding:5px;
 float:left;
  width:30%;
 clear:both;
  border:1px solid #000;
 background-color:#562e22;
 color:#f5e2b8;
 font-weight:bold;
 }
.button {
 display:block;
 padding:5px;
 clear:both;
   border:1px solid #ffffff;
 background-color:#562e22;
 color:#f5e2b8;
}
#footer {
 background-image:url(../images/footer.gif);
 background-position:top;
 background-repeat:no-repeat;
 padding-left:-70px;
 height:75px;
 margin:0px;
 color:#FFFFFF;
}
.footernav {
margin:0px 100px auto auto;
padding-top:10px;
text-align:center;
clear:none;
float:right;
}
.valid {
margin:0px auto auto 70px ;
padding-top:12px;
text-align:center;
float:left;
clear:none;
}
#footer a {
 color:#FFFFFF;
 text-decoration:none;
}
#footer a:hover {
 color:#f5e2b8;
 text-decoration:underline;
}
.space {
 height:10px;
 width:100%;
 clear:both;
}
/*  ======================================================================================*/
/* ######### Default class for drop down menus ######### */

#menu {list-style-type:none; padding:0; margin:0;  width:195px; top:0px; border:none; font-weight:bold;}
#menu ul {list-style-type:none; padding:0; margin:0; width:195px; position:absolute; top:0px; border:none;}
#menu li {float:left; position:relative; list-style:none; }
#menu img { border:none;}
#menu li.sub a { border:none; font-size:31px; color:#6d0019}
#menu li.sub a:hover { border:none; font-size:31px; color:#ffffff; background-color:#804620;}
#menu li, #menu li a {display:block; border:none; height:40px; width:192px; text-decoration:none; }
#menu ul,
#menu li.hover ul {display:none;}
#menu li.hover ul {display:block; left:170px; z-index:500; position:absolute;}
#menu li.hover ul li.fly a { color:#FFFFFF; padding-top:5px; padding-left:30px; text-align:left; width:260px; margin:auto auto auto -20px; border:1px solid #000000; font-size:20px; background-color:#6e0019; background-image:url(../images/flybg.jpg); background-position:left; background-repeat:no-repeat; z-index:100;}
#menu li.hover ul li.fly a:hover { color:#f5e2b8; padding-top:5px; text-align:center; width:260px; margin:auto auto auto -20px; border:1px solid #000000; font-size:20px; background-color:#562e22; background-image:url(../images/flybgO.jpg); background-position:right; background-repeat:no-repeat; z-index:100; }


/*===============================================================================================*/

div.content {
	width:550px;
	margin-left:auto;
	margin-right:auto;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #fff;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
	background-color:#6e0019;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.loader {
	background-image:url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
}
div.slideshow img {
	border: none;
	display: block;
	margin-left:auto;
	margin-right:auto;
	border:#000000 1px dotted;
}
div.embox {
	clear: both;
	border: 1px solid #fff;
	background-color: #6e0019;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
	color:#FFFFFF;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
	color:#FFFFFF;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
	   margin-right:auto;
	   margin-left:auto;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #fff;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #000;
	background-color:#6e0019;
}
div.pagination a:hover {
	background-color: #f6c53b;
	text-decoration: none;
	color:#000000;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}