body {
	
	background: rgb(0,0,0);
	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 black;
	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/mondo_header_2.gif); 
	background-repeat: no-repeat;
	background-position: top center;
 	color: #333;
 	width: 975px;
 	float: left;
 	padding: 0;
 	height: 230px;
 	margin: 0;
 	background-color:rgb(0,0,0);
	
	}




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



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

	
	
	#left {
	

	width:249px; /* border is 249 to accommodate 1 border */
	background-color: rgb(30,30,30);
	border-right: 1px solid rgb(0,0,0);
	padding-top: 20px;
	margin:0;
	
	}

	
	
	
	#content {

	width:725px;
 	margin: 0 0 0 270;
 	padding-top: 40px;
	height: 100%;
	background-color: rgb(255,255,255);

	}

	
.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 13px arial, helvetica, sans-serif;
	margin: 5px 20px 7px 30px;
	line-height: 150%;
	color: rgb(255,255,255);

	}

	
	
	
	h1, h2, h3, h4, h5, h6 {
	
	margin: 15px 50px 15px 30px;
	font-family: verdana, helvetica, sans-serif;
	color: rgb(0,0,0);
	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.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;
	
	}
	
	
	img.left_clear_right {
	
	text-align: left;
	margin: 20px 20px 0px 0px;
	display:inline;
	clear: right;
	
	}
	

	#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(200,200,200);
	text-decoration: underline;
	}

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

	
	a.currentevent:hover {
	color: rgb(200,200,200);
	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;
	/* THIS CONTROLS THE DISTANCE OF THE NAVIGATION MENU FROM THE TOP OF THE WINDOW */
	top:200px;
	left:200px;
	margin:0px 0px 0px 0px;
	display:inline;
	float:right;
	width:750px;
	height:35px;
	z-index:100;
	background-color: none;
	text-align: center;
	
	}











/* 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:120px;
padding:7px 0;
color:rgb(255,255,255);
background:rgb(0,0,0);
text-decoration:none;
margin-right:1px;
text-align:center;
}

/* style the links hover */
.menu :hover{
color:rgb(0,0,0);
background:rgb(255,255,255);
}

/* 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;
}