body {
margin: 0px;
padding: 0 0 0 0px;
font-family: Verdana, sans-serif; 
font-size: 100%; 
font-weight : normal;
background : #EAEDED;
}

div, dd, dl, dt, fieldset, form, h1, h2,  h3, h4, img, p, ul {margin: 0; border: 0; padding: 0;}

div#mainwrap{
margin-left : auto;
margin-right : auto;
padding: 0 0 0 0px;
width: 924px;
background : #fff;


}

div#header {
width : 924px;
padding : 0px;
margin :  0px;

}
div#headtop {
width : 884px;
padding : 0px;
width : 150px;
margin : 0 20px 0 20px
}
div#headtop2 {
width : 884px;
padding : 0px;
margin : 0 20px 0 20px;
height : 82px;
}
div#logo {
width : 200px;
padding : 0px;
margin :  0px;
height : 82px;
float: left;
}
div#topnav {
width : 684px;
padding : 0px;
margin :  0px;
height : 82px;
background : #fff;
float: left;
}
div#topnav1 {
width : 684px;
padding : 0px;
margin :  0px;
height : 41px;
background : #fff;
float: left;

}
div#topnav1left {
width : 584px;
padding : 0px  0 0 0px;
margin :  0px;
height : 41px;
background : #fff
 url(images/topnav.gif) no-repeat;
float: left;
}
div#topnav1left p{
padding : 15px 0px 0px 100px;
margin :  0px 0 0 0;
color : #ccc;
font-size : 0.7em;
}
div#topnav1left a{
padding : 0px 10px 0px 10px;
margin :  0px 0 0 0;
color : #B2B2B2;
text-decoration : none;

}



div#topnav1right {
width : 100px;
padding : 0px;
margin :  0px;
height : 41px;
background : #fff;
float: left;
}
div#topnav2 {
width : 684px;
padding : 0px;
margin :  0px;
height : 41px;
background : #fff;
float: left;
}
div#topnav2 h1{
padding : 10px 0 0 50PX; margin: 0px; font-size: 1.2em; color : #5E7C79 ; text-align : left;}




div.clearfloats {clear:both;}

div#content {
width : 884px;
background : #Fff;
padding : 0px;
margin : 0 20px 0 20px
}



div#contentleft {
margin: 0px;
float : left;
width : 200px;
padding: 0px;


}

div#contentright {
margin: 0px 0 0 20px;
padding: 0px;
float : left;
width : 664px;

}
div#latestnews {
margin: 0px;
padding: 0px;
float : left;
width : 664px;
height: 24px;
background: #FFCC00;
}
div#latestnews p{
margin:  3px 20px 0 5px;
padding: 0px;
font-size : 0.8em;
font-weight : 700;
}
div#cart {
margin: 0px;
padding: 0px 0 10px 0;
float : left;
height: 20px;
width : 664px;
background: #fff;
}
div#cart p{
margin:  5px 20px 0 0px;
padding: 0px;
font-size : 0.7em;
color : #5E7C79;
}
div#cart a{
padding : 0px;
margin :  0px 0px 0 10px;
color : #5E7C79;
text-decoration : none;
}
div#main {
margin: 0px;
padding: 0px;
float : left;
width : 664px;
}
div#copy {
margin: 0px;
padding: 0px;
float : left;
width : 384px;
background: #fff;
}
div#copy p{
margin:  0 0px 0 0px;
padding: 0px;
font-size : 0.8em;
text-align :justify;
}
.pics {
margin: 0px 0 4px 0px;
padding: 0px;
float : right;
width : 260px;
}
.picsout {
margin: 0px 0 0 20px;
padding: 0px;
float : left;
width : 260px;
}
.foodpics,  .foodpics_wide  {
margin: 0px;
padding: 0px;
float : left;
width : 124px;
height: 143px;
background: #D1D9D8;
}
.foodpics img{
margin: 0px;
padding: 2px;
}
.foodpics p{
margin: 0px;
padding: 2px;
font-size : 0.7em;
color: #000;
}
.foodpics2{
margin: 0px 0 0 4px;
padding: 0px;
float : left;
width : 128px;
background: #D1D9D8;
}

.foodpics_wide{

width : 256px;
height: 286px;
}
.foodpics2 img{
margin: 0px;
padding: 2px;
}
.foodpics2 p{
margin: 0px;
padding: 2px;
font-size : 0.7em;
color: #000;
}
.pics2 {
margin:  0px;
padding: 0px;

}
div#bottom {
width : 884px;
height: 230px;
padding : 0px;
margin :  0px 20px 0 20px;
background :#fff url(images/footer.jpg) no-repeat;
}
div#bottom p{
margin:  0px 20px 0 0px 5px;
padding: 200px 0 0 05px;
font-size : 0.7em;
color : #5E7C79;
text-transform:uppercase;
}
div#bottom a{
padding : 0px;
margin :  0px 16px 0 0px;
color : #5E7C79;
text-decoration : none;
}
/* NAVIGATION */
div#s1 {
  width: 200px;          /* menu width */
  padding:0px 0 0 0;             /* no padding */
  margin:0; 
  font-size : 0.8em;
  text-transform:uppercase;
  float: left;
  background: #D1D9D8;
}

div#s1 ul {
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
}

div#s1 ul li {
  margin: 0;
  padding: 0;
  display:block;
   
  /* lines */
}

div#s1 ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: white;
  padding: 5px 0px 5px 16px;
  margin:0;
  text-decoration: none;
  height:16px;       /* hint for IE, alternatively remove whitespace from HTML */ 
}
.double ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: white;
  padding: 5px 0px 5px 16px;
  margin:0;
  text-decoration: none;
  height:36px;       /* hint for IE, alternatively remove whitespace from HTML */ 
}
div#s1 ul li a:hover {
  color: white;
  background-color: #000; /* rollover effect */
  text-decoration: none;
}


#menuWrapper #menu li.active a{color : #FEBF3F; background-color: #D1D9D8;}
#menuWrapper #menu li.active a:hover{color : #fff; background-color: #000;}
#menu {margin: 0; float: left;  padding: 0px 0 10px 0;  width: 200px;}
#menu ul {margin: 0; padding: 0;background-color: #D1D9D8;}
#menu ul li {margin: 0 0 0 0; padding: 0; display: block;  text-align: left; font-size : 0.8em ; text-transform:uppercase;line-height: 1.5em; border-bottom: solid 1px  #D1D9D8; background-color: #D1D9D8;}

#menu ul li a {color : #000; text-decoration : none; font-weight: normal;  border-style:none;background-color: #D1D9D8;}
#menu ul li a:link, #menu ul li a:visited {background-color: #D1D9D8; display: block;  padding: 2px 10px 2px 10px; text-decoration : none;}
#menu ul li a:hover {color : #fff; background-color: #000; display: block; padding: 2px 10px 2px 10px;text-decoration : none;}
#menu ul li.active a {color : #000; background-color: #D1D9D8; display: block; padding: 2px 10px 2px 10px;}
#menu ul li.active a:hover {color : #fff; background-color: #000; display: block; padding: 2px 10px 2px 10px;text-decoration : none;}

#menuWrapper2 #menu2 li.active a{color : #FEBF3F; background-color: #D1D9D8;}
#menuWrapper2 #menu2 li.active a:hover{color : #fff; background-color: #000;}

#menu2  {margin: 0; float: left;  padding: 0px 0 10px 0;  width: 200px;}
#menu2 ul {margin: 0; padding: 0;background-color: #D1D9D8;}
#menu2 ul li {margin: 0 0 0 0; padding: 0; display: block;  text-align: left; font-size : 0.8em ; text-transform:uppercase;line-height: 1.5em; border-bottom: solid 1px  #D1D9D8; background-color: #D1D9D8;}

#menu2a  {margin: 0; float: left;  padding: 10px 0 10px 0;  width: 200px;}
#menu2a ul {margin: 0; padding: 0;background-color: #D1D9D8;}
#menu2a ul li {margin: 0 0 0 0; padding: 0; display: block;  text-align: left; font-size : 0.8em ; text-transform:uppercase;line-height: 1.5em; border-bottom: solid 1px  #D1D9D8; background-color: #D1D9D8;}

#menu2 ul li a {color : #000; text-decoration : none; font-weight: normal;  border-style:none;background-color: #D1D9D8;}
#menu2 ul li a:link, #menu2 ul li a:visited {background-color: #D1D9D8; display: block;  padding: 2px 10px 2px 10px; text-decoration : none;}
#menu2 ul li a:hover {color : #fff; background-color: #000; display: block; padding: 2px 10px 2px 10px;text-decoration : none;}
#menu2 ul li.active a {color : #000; background-color: #D1D9D8; display: block; padding: 2px 10px 2px 10px;}
#menu2 ul li.active a:hover {color : #fff; background-color: #000; display: block; padding: 2px 10px 2px 10px;text-decoration : none;}

#menuWrapper3 .menu3 li.active a{color : #FEBF3F; background-color: #D1D9D8;}
#menuWrapper3 .menu3 li.active a:hover{color : #fff; background-color: #000;}
.menu3 {margin: 0; float: left;  padding: 0px 0 10px 0;  width: 200px;}
.menu3 ul {margin: 0; padding: 0;background-color: #D1D9D8;}
.menu3 ul li {margin: 0 0 0 0; padding: 0; display: block;  text-align: left; font-size : 0.8em ; text-transform:uppercase;line-height: 1.5em; border-bottom: solid 1px  #D1D9D8; background-color: #D1D9D8;}

.menu3 ul li a {color : #000; text-decoration : none; font-weight: normal;  border-style:none;background-color: #D1D9D8;}
.menu3 ul li a:link, .menu3 ul li a:visited {background-color: #D1D9D8; display: block;  padding: 2px 10px 2px 10px; text-decoration : none;}
.menu3 ul li a:hover {color : #fff; background-color: #000; display: block; padding: 2px 10px 2px 10px;text-decoration : none;}
.menu3 ul li.active a {color : #000; background-color: #D1D9D8; display: block; padding: 2px 10px 2px 10px;}
.menu3 ul li.active a:hover {color : #fff; background-color: #000; display: block; padding: 2px 10px 2px 10px;text-decoration : none;}

.caption {font-size : 0.7em;}

div.error_div{padding:5px; margin-top:15px; margin-bottom:15px; border: red 2px solid; font-size: 10px}
div.message_div{padding:5px; margin-top:15px; margin-bottom:15px; border: green 2px solid; font-size: 10px}