/* CSS Style */

/* Eet Buffet Service - designed by CiaoWeb */

/* Two coloumns fixed layout with header, horizontal navigation bar and a footer all contained in a wrapper */

/* Tags */
body, html {
	margin: 0;
	text-align: left;
}
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
} 
 
 body{
	background-color: #bf4f39;
	font-family: "Trebuchet MS", Verdana, Tahoma, "MS Serif";  
	font-size: 83%;
	margin: auto;
	padding: 0px;
	height: auto;
	width: auto;
}
a {
	text-decoration: none;
	border: none;
}

p{
	color: #5b1a06;
	margin: 5px;
	}

/* This tag contain as backgroung a button graphic */
h4 {
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5B1A06;
	text-align: center;
	height: 23px;
	width:auto;
	vertical-align: middle;
	

}


#validation img {
	margin: 0px;
	padding: 0px;
	height: 15px;
	border: none; 
}


table {
	background-color: #FFFFFF;
	margin-bottom: 5px;
	padding: 1px 0px;
	width: 95%;
	border: 1px solid  #5B1A06;
	margin-left: auto;
	margin-right: auto;
}
.whitebkg {
	background-color: #FFFFFF;
}

.nobold{
	font-weight: normal;
	font-size:83% 
}
td {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: small;
	padding: 0 0  0 4px;
	color: #333333;
	border: 1px solid #FFE292;
	margin: 0px;
	background-color: #FFFFFF;
}

li {
	font-size: small;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	list-style-type: none;
	list-style-image: url(images/bullet.gif);
}

blockquote {
	border: thin solid;
	background-color: #FFE292;
	color: #5B1A06;
	padding: 5px;
	font-size: small;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: auto;
	font-style: normal;
	text-transform: none;
	margin: 10px auto;
}

caption {
	font-size: 90%;
	font-weight: bold;
	color: #5B1A06;
	margin-top: 10px;
	text-align: left;
	vertical-align: middle;
	text-transform: uppercase;
	padding: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}

div#topgraphic {
	background-image:url(images/rounded_corner_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 800px;
	margin-top:15px;
	margin-right: auto;
	margin-left: auto;
	background-color: #BF4F39;
	margin-bottom: 0px;
	padding: 0px;
	

}

/* Containing div */

#wrapper{
	background-color:#FFE292;
	width: 800px;
	margin-top: 0px;
	margin-left: auto;
	margin-right:auto;
	height: auto;
	padding: 0px;
	height: 24px;
	width: 800px;
	height: auto;
	background-image: url(images/rough_edge_bkg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

/* Start of divs included in the wrapper */

/* In this div there is the logo banner graphic as backround */
#header{
	background-image:url(images/logo_banner3.gif);
	background-repeat:no-repeat;
	width:770px;
	height:146px;
	background-color: #FFE292;
	padding: 0px;
	margin: 0px auto;
	background-position: center center;
	position: relative;
	top: -12px;
}

/* Div containing the horizontal navigation bar */
#navbar {
	list-style-image: none;
	list-style-type: none;
	width: 800px;
	display: inline;
	height: 35px;
	margin: 0px;
	padding: 0px;
}

#navbar ul {
	background-color: transparent;
	padding: 0px;
	height: 35px;
	width: auto;
	list-style-image: none;
	list-style-type: none;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* Applied the property float left to display navigation bar horizontally */

#navbar li {
	margin: 0px auto 0px 3px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	width: 152px;
	height: 35px;
	float: left;
	background-color: transparent;
	list-style-type: none;
	list-style-image: none;
}

/* In this tag there is a button graphic as backround */

#navbar a {
	background-color: transparent;
	margin: auto 0px;
	padding: 0px;
	font-size: 120%;
	text-decoration: none;
	color: #5B1A06;
	width: 152px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 35px;
	font-style: normal;
	font-size: 190%;
	font-family: Dominican, Forte, Tahoma, "Trebuchet MS";
}
#navbar a:hover {
	background-repeat: no-repeat;
	margin: 0px auto;
	text-decoration: none;
	color: #BF4F39;
	display: block;
	text-align: center;
	vertical-align: middle;
	width: 152px;
	font-family: Dominican, Forte, Tahoma, "Trebuchet MS";
	font-weight: bold;
	height: 35px;
	font-style: normal;
	font-size: 190%;
}

/* Content div (left panel) */

#leftpanel {
	width: 350px;
	margin: 0px 0px 0px 10px;
	height: auto;
	background-color: #FFE292;
	padding: 10px;
	float: left;
}

#leftpanel p {
	line-height: 1.3em;
	width: 350px;
}

/* This div on the right hand side contain pictures */

#rightpanel {
	float: left;
	width: 350px;
	height: auto;
	text-align: center;
	vertical-align: middle;
	margin-right: 15px;
	background-color: #FFE292;
	margin-bottom: 0px;
	padding: 10px;
	margin-left: 20px;
}
.dislplayNone {
	display: none;
}


/* This div contain address info */
/* In this tag there is a graphic object as backround */

#footer {
	font-weight: normal;
	color: #5B1A06;
	background-image: url(images/footer_white.gif);
	font-size: 140%;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top:6px;
	margin-top: 0px;
	font-family: Dominican, Forte, Tahoma, "Trebuchet MS";
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFE292;
	height: 36px;
	width: 770px;
	clear: both;
	position: relative;
	z-index: 10;
}
/* End of divs included in the wrapper */

/* This div contain in the background the bottom curved picture */
#bottom {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-image: url(images/rounded_corner_bottom.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 24px;
	position: relative;
	top: -10px;
	z-index: 0;
}

/* Div containing the copyright info */

#copyright {
	text-align: center;
	vertical-align: middle;
	margin: 60px auto;
	font-size: x-small;
	color: #FFFFFF;
}

#copyright a {
	margin: 60px auto;
	font-size: x-small;
	color: #FFFFFF;
	text-decoration: none;
}

#copyright a:hover {
	margin: 60px auto;
	font-size: x-small;
	color: #FFFFFF;
	text-decoration: none;
	
}

/* Div containing the W3C links and pitures */
#validation {
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}

/* Classes */
/* This class include a *packman* graphic on the bottom right side */

.infobox {
	text-align: left;
	width: 354px;
	min-height:354px;
	height: auto;
	padding: 7px;
	background-color: #FFFFFF;
	border: 1px solid #824825;
}
.liststyle {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: medium;
	font-style: italic;
	font-weight: bold;
	margin-left: 50px;
	color: #FFE292;
	background-color: #FFFFFF;
}

.border {
	border: thin solid #E23471;
}

.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.FontSmall {
	font-size: small;
}

.borderbottom {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: solid;
	border-top-color: #E23471;
	border-right-color: #E23471;
	border-bottom-color: #E23471;
	border-left-color: #E23471;
}

.marginBottom {
	margin-bottom: 50px;
}

.noborder {
	border: none;
}
.displayNone {
	display: none;
}
.bkgbblink {
	background-image: url(images/button_business_buffets.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.bkghomelink {
	background-image: url(images/button_home.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
h5 {
	font-size:120%;
	font-weight: bold;
	color: #5b1a06;
	width:auto;
	margin:0;
	text-align: center;
	padding:5px 0;  
	
}

.bkgbplink {
	background-image: url(images/button_private_buffets.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.bkgsslink {
	background-image: url(images/button_sandwich_shop.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.bkgcontactlink {
	background-image: url(images/button_contact_us.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.bkgfooter {
	background-image: url(images/footer_white.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.imagebox {
	color: #FFFFFF;
	text-align: center;
	width: 368px;
	padding: 0px;
	margin: 0px auto;
	background-color: #FFFFFF;
	border: 1px solid #824825;
	vertical-align: middle;
	display: block;
}
.infoboxAutoheight {
	background-color: white;
	text-align: left;
	width: 354px;
	height: auto;
	padding:0 7px;
	border: 1px solid #824825;
	margin-bottom: 15px;
}
.menu {
	height: 299px;
	width: 280px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}