/* main styling */
html{
min-height: 100%;
margin-bottom: 1px;
}

body{
line-height: 1.5em;
background-color: #ffffff;
color: #555555;
font: 9pt Arial, Helvetica, sans-serif;
margin: 25px 0 0 0;
overflow-y: scroll;
}

	body a{
	color: #838383;
	font-weight: bold;
	text-decoration: underline;
	}

	body a:visited{
	color: #838383;
	}

	body a:hover{
	color: #98c33e;
	}

	body a:active{
	outline: none;
	}

a img{
border: 0;
}

table{
width: 780px;
border: 0;
padding: 0;
margin: 0;
}

td{
padding: 10px;
}

h1{
font-size: 18px;
color: #98c33e;
margin-top: 0;
}

p{
padding-top: 0;
margin-top: 0;
}

.w_info{
width: 200px;
font-size: 18px;
font-weight: bold;
color: #ffffff;
background-color: #98c33e;
text-align: right;
border: 2px solid #ffffff;
border-left: 0;
}

.w_content{
background-color: #edf5e0;
border: 2px solid #ffffff;
border-right: 0;
}

.logo{
padding: 5px;
}

.restaurant_notice{
width: 780px;
float: left;
padding: 10px 0;
margin: 5px;
text-align: center;
}

.restaurant{
background-color: #edf5e0;
border: 1px dashed #000000;
width: 245px;
float: left;
padding: 20px 0;
margin: 5px;
text-align: center;
}

.restaurant:hover{
color: #ffffff;
background-color: #98c33e;
font-weight: bold;
}

.restaurant:hover a{
color: #ffffff;
}

#table_space{
line-height: 0px;
height: 0px;
visibility: hidden;
}

#top{
background-image: url(../images/top.png);
height: 130px;
margin: 0 auto;
width: 780px;
}

#bottom{
background-image: url(../images/bottom.png);
height: 122px;
margin: 0 auto 15px auto;
width: 780px;
}

#footer{
font-size: 8pt;
text-align: right;
padding: 10px;
}

.divider{
background-color: #98c33e;
height: 3px;
padding: 0;
margin: 0;
width: 780px;
}

/* tabs structure */
.tab-container{
width:780px;
background:#ffffff;
margin: 0 auto 10px auto;
}

#tab-menu{
float: left;
width: 99%;
overflow: hidden;
position: relative;
margin: 5px 0 10px 0;
}

ul.tabs-content{
list-style-type: none;
}

ul.tabs{
clear: left;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
}

	ul.tabs li{
	display: block;
	float: left;
	margin: 0;
	padding: 5px 6px 0 6px;
	position: relative;
	right: 50%;
	text-decoration:none;
	}
	
	ul.tabs li a{
	display:block;
	padding:5px 15px;
	font-weight:bold;
	background-color:#ffffff;
	border: 1px solid #ffffff;
	color:#000000;
	font-size: 18px;
	text-decoration:none;
	}
	
	ul.tabs li a.active{
	background-color:#ffffff;
	color:#98c33e;
	}
	
		ul.tabs li a.active:hover{
		text-decoration:none;
		cursor:default;
		}
	
	ul.tabs li a:hover{
	background-color:#98c33e;
	color:#ffffff;
	}
	
	ul.tabs li:hover{
	text-decoration:none;
	}
	
ul.tabs-content{
margin:10px 0 0 0;
padding:0;
}

	ul.tabs-content li{
	height:0;
	overflow:hidden;
	margin:0;
	padding:0;
	}

/* clears floats */
div.clear{ clear:both; }

/* ie fixes */
* html ul.tabs-content li{ float:left; } /* ie6 */
*+ html ul.tabs-content li{ width:99%; float:left; } /* ie7 */
