body {
	
	background: rgb(230,230,230) url(../images/background_tile.jpg) repeat fixed top;
	text-align:center;

	
	}




/* DIV STYLES */

/* SIZE is 975 pixels wide */	
	

/*
	background-image: url(../images/eatbistro_beta.jpg); 
	background-repeat: no-repeat;
	background-position: top center;

*/


	#container {
	

	background-color: rgb(255,255,255);
	width:975px;
	margin:0px auto;
	padding: 0;
	text-align:left;
	border:1px solid gray;
	height: 100%;
	z-index:5;
	
/*	
	display: block;
	overflow: visible;
	
*/

	}



	#header, #footer {
	position:relative;
	z-index:5;
	}

	
	
	
#outer	{
	position:relative;
	width:975px;
	clear:both;
	z-index:4;
	}




	#header	{
	
	background-image: url(../images/header_background_rev.jpg); 
	background-repeat: no-repeat;
	background-position: top center;
 	color: #333;
 	width: 975px;
 	float: left;
 	padding: 0;
 	height: 210px;
 	margin: 0;
 	background-color:none;
	
	}




/*  background-image: url(../images/lh_col_background.jpg); 
	background-repeat: repeat-y; */



	#left_test,#content	{
	min-height:800px;
	z-index:2;
	position:relative;
	float:left;
	display:inline;
	}




	#left {
	
	background-image:url(../images/lh_flowers.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color: rgb(246,195,138);
	border-right: 1px solid rgb(241,178,103);
	width:249px; /* border is 249 to accommodate 1 border */
	margin:0;
	height: 100%;
	min-height: 700px;
	
	}

	
	
	#left_test {
	

	width:249px; /* border is 249 to accommodate 1 border */
	border-right: 1px solid rgb(236,146,36);
	margin:0;
	
	}

	
	
	
	#content {

	width:725px;
 	margin: 0 0 0 270;
	height: 100%;

	}

	
.col	{
	width:250px;
	position:absolute;
	z-index:0;
	left:0px;
	bottom:0;
	border:0px solid #000;
	border-top:none;
	}


.one	{
	background-image:url(../images/lh_flowers.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color: rgb(246,195,138);
	border-right: 1px solid rgb(241,178,103);
	background-repeat:no-repeat;
	background-position:bottom left;
	}


.two	{
	background:#FFFFFF;
	left:250px;
	width:685px;

	}	



	#footer	{
	background-image:url(../images/footer_flowers.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color: rgb(255,255,255);
	height:100px;
	padding:0;
	color: white;
	background-color: none;
	margin: 0px 0px 0px 0px;
	clear:both;

	}

	

	
	html>body .col{top:0}


/* hide from ie6 and under*/


.clearer	{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
	}

	
	
	
/* TEXT STYLES */
	
	p {
	
	font: normal 12px arial, helvetica, sans-serif;
	margin: 0px 60px 7px 30px;
	line-height: 150%;
	color: rgb(20,20,20);

	}
	
	
	p.table {
	
	font: normal 11px arial, helvetica, sans-serif;
	margin: 3px;
	line-height: 100%;
	color: rgb(20,20,20);

	}

	
	
	p.left_column {
	
	font: normal 11px arial, helvetica, sans-serif;
	margin: 5px 20px 7px 30px;
	line-height: 150%;
	color: rgb(20,20,20);

	}

	
	
	
	h1, h2, h3, h4, h5, h6 {
	
	margin: 15px 50px 15px 30px;
	font-family: verdana, helvetica, sans-serif;
	color: rgb(81,28,116);
	line-height: 115%;
	
	}

	table {
	
	margin-left: 30px;
	
	}
	
	
	a:link {
	color: rgb(20,20,20);
	text-decoration: underline;
	}

	
	a:visited {
	color: rgb(20,20,20);
	text-decoration: underline;
	}

	
	a:hover {
	color: rgb(20,20,20);
	text-decoration: none;
	}








	a.copy:link {
	color: rgb(20,20,20);
	text-decoration: underline;
	}

	
	a.copy:visited {
	color: rgb(20,20,20);
	text-decoration: underline;
	}

	
	a.copy:hover {
	color: rgb(20,20,20);
	text-decoration: none;
	}

	



	ul.food_menu {
	
	font: normal 12px arial, helvetica, sans-serif;
	margin: 0px 60px 7px 30px;
	line-height: 110%;
	color: rgb(20,20,20);

	}

	


	ul.left_column {
	
	font: normal 11px arial, helvetica, sans-serif;
	text-align:left;
	margin: 0px 20px 0px 7px;
	line-height: 110%;
	color: rgb(20,20,20);
	list-style-type: disc;
	list-style-position:outside;
	
	
	}

	
	
	li.left_column_item {
	
	margin-left:0;
	margin-top:3px;
	
	}


	img.right {
	
	float: right;
	margin: 5px 0px 0px 20px;
	display:inline;
	
	}

	#imageright {
	
	float:right;
	vertical-align:middle;
	clear:both;
	margin:5px 0px 0px 20px;

	}




/* CURRENT EVENTS STYLES BEGIN */

	div.currenteventsbox {
	
	width: 200px;
	background-color: rgb(246,195,138);
	border: 1px solid rgb(235,153,53);
	margin: 0px 9px 10px 9px;
	padding: 9px;
	
	}


	p.currentevents {
	
	font: bold 12px verdana, helvetica, sans-serif;
	color: rgb(20,20,20);
	line-height: 10px;
	padding: 0;
	margin: 0px 0px 7px 7px;
	
	}

	
	ul.currentevents {
	
	font: normal 10px verdana, helvetica, sans-serif;
	text-align:left;
	color: rgb(20,20,20);
	line-height: 14px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	list-style-type: square;

	}

	
	li.currenteventitem {
	
	margin-left:0px;
	margin-top: 5px;
	
	}
	
	a.currentevent:link {
	color: rgb(20,20,20);
	text-decoration: underline;
	}

	
	a.currentevent:visited {
	color: rgb(20,20,20);
	text-decoration: underline;
	}

	
	a.currentevent:hover {
	color: rgb(20,20,20);
	text-decoration: none;
	}


/* CURRENT EVENTS STYLES END */









/* MEDIA PLAYER DIV */

	div.player2div {
	
	margin: 20px 0px;
	
	}

	
	
	

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menu_container	{
	
	position:absolute;
	top:145px;
	left:120px;
	margin:0px 0px 0px 0px;
	display:inline;
	float:right;
	width:750px;
	height:35px;
	z-index:100;
	background-color: none;
	
	}








#nav {

	padding:0; 
	margin-top:300; 
	margin-left:300; 
	list-style:none; 
	height:46px; 
	position:relative; 
	z-index:200;font-family:arial, verdana, sans-serif; 
	width:608px;
	
	}





#nav li.top {display:block; float:left;}


#nav li a {display:block; float:left; height:46px; width:150px; border:1px solid #888; border-color:rgb(236,146,36); text-decoration:none; padding:0; cursor:pointer;}


#nav li a b {margin-left:-999px;}


#nav li a.home {background:url(../images/menu_home.jpg);}


/* #nav li a.menu {background:url(../images/menu_menu.jpg);} */


#nav li a.catering {background:url(../images/menu_catering.jpg);}


#nav li a.photos {background:url(../images/menu_photos.jpg);}


#nav li:hover a,

#nav a:hover
{background-position: 0 46px;}



/* BELOW NAV TABLE IS FOR IE BROWSERS THEY SHOULD MATCH THE MENU CONTAINER ABOVE, I THINK  THEY STARTED OUT AS ZERO */

#nav table {position:absolute; top:-85; left:100; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}


#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


#nav li:hover {position:relative; z-index:200;}

#nav a:hover {position:relative; white-space:normal; z-index:200;}



#nav :hover ul.sub
	{
	left:0; 
	top:48px;
	/* THIS CONTROLS THE COLOR OF THE SUBMENU BACKGROUNDS SHOULD BE 236,146,36 */
	background: rgb(236,100,36); 
	width:152px; 
	height:auto; 
	z-index:300;
	}



#nav :hover ul.sub li
{display:block; height:48px; position:relative; float:left; width:152px; font-weight:normal;}

#nav :hover ul.sub li a
{display:block; height:46px; width:150px; border:1px solid #888; border-color:rgb(236,146,36); text-decoration:none; padding:0; cursor:pointer;}

#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.entrees {background:url(../images/menu_entrees.jpg);}

#nav :hover ul li a.soup_salad {background:url(../images/menu_soup_salad.jpg);}

#nav :hover ul li a.baked_goods {background:url(../images/menu_baked_goods.jpg);}

#nav :hover ul li a.desserts {background:url(../images/menu_desserts.jpg);}

#nav :hover ul li a.beverages {background:url(../images/menu_beverages.jpg);}

#nav :hover ul li a.potatoes {background:url(veg/potatoes2.jpg);}

#nav :hover ul li a.carrots {background:url(veg/carrots2.jpg);}

#nav :hover ul li a.turnips {background:url(veg/turnip2.jpg);}

#nav :hover ul li a.parsnips {background:url(veg/parsnip2.jpg);}

#nav :hover ul li a.cabbages {background:url(greens/cabbage2.jpg);}

#nav :hover ul li a.cauliflower {background:url(greens/cauliflower2.jpg);}

#nav :hover ul li a.beans {background:url(greens/beans2.jpg);}

#nav :hover ul li a.sprouts {background:url(greens/sprouts2.jpg);}

#nav :hover ul li a.peas {background:url(greens/peas2.jpg);}

#nav :hover ul li a.broccoli {background:url(greens/broccoli2.jpg);}

#nav :hover ul li a.almonds {background:url(nuts/almonds2.jpg);}

#nav :hover ul li a.cashews {background:url(nuts/cashews2.jpg);}

#nav :hover ul li a.walnuts {background:url(nuts/walnuts2.jpg);}

#nav :hover ul li a.pistachios {background:url(nuts/pistachios2.jpg);}

#nav :hover ul.sub li a:hover {background-position: 0 46px; position:relative;}

#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}




/* IMAGE GALLERY STLES from STU NICHOLLS CSSplay.co.uk */


#gallery {width:700px; height:750px; padding:10px; border:1px solid rgb(255,255,255); background: rgb(255,255,255); position:relative; }

#gallery b.default {position:absolute; left:42px; top:10px; width:333px; height:500px; text-align:center;}

#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid rgb(200,200,200); border-color:rgb(200,200,200) rgb(210,210,210) rgb(220,220,220) rgb(230,230,230);}

#gallery b.default span {display:block; color:rgb(50,50,50); font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:300px; position:relative; float:right;}

#gallery ul li {display:inline; width:35px; height:52px; float:left; margin:0 0 5px 5px;}

#gallery ul li a {display:block; width:33px; height:50px; text-decoration:none; border:1px solid #000; border-color:rgb(200,200,200) rgb(210,210,210) rgb(220,220,220) rgb(230,230,230);}

#gallery ul li a span {display:none;}

#gallery ul li a img {display:block; width:33px; height:50px; border:0;}

#gallery ul li a:hover {white-space:normal; border-color:rgb(200,200,200) rgb(210,210,210) rgb(220,220,220) rgb(230,230,230); background:rgb(255,255,255);}

#gallery ul li a:hover b {position:absolute; left:-400px; top:0; width:400px; height:600px; text-align:center; background:rgb(255,255,255); z-index:20;}

#gallery ul li a:hover span {display:block; color:rgb(50,50,50); font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:rgb(200,200,200) rgb(210,210,210) rgb(220,220,220) rgb(230,230,230);}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:rgb(200,200,200) rgb(210,210,210) rgb(220,220,220) rgb(230,230,230); background:rgb(255,255,255);}

#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-400px; top:0; width:400px; height:600px; text-align:center; background:rgb(255,255,255); z-index:10;}

#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:rgb(50,50,50); font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:rgb(200,200,200) rgb(210,210,210) rgb(220,220,220) rgb(230,230,230);}




/* STYLES FOR SIMPLE TEXT DROP DOWN MENU FROM CSSPLAY */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:12px;
font-family:arial, helvetica, sans serif;
width:149px;
padding:7px 0;
color:rgb(255,255,255);
background:rgb(236,146,36);
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:rgb(255,255,255);
background:rgb(236,100,36);
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}