@charset "utf-8";
/* CSS Document */


/* styles for the navigation on the menu pages ----------------*/
#menuNav{
	text-align: left;
	background-color: #E9E9E9;
	border: 2px solid #EBBF75;
	padding: 10px 5px 10px 5px;
}

#menuNav ul {
	border: none;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 0px;
}

#menuNav li {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	list-style-type: none;
	font-weight: bolder;
	font-size: 14px;
	line-height:18px;
}
#menuNav li a {
	text-decoration: none;
	color: #000000;
	font-weight: bolder;
	font-size: 14px;
	line-height:18px;
}
#menuNav li ul li{
	font-size: 13px;
	font-weight: bolder;
	line-height:15px;
}
#menuNav li ul li a{ 
	color: #444444;
	font-size: 13px;
	line-height:15px;
}

#menuNav a:hover {
	color: #8E1C1A;
	text-decoration: underline;
}



/* styles for the menu items ----------------------*/
.menu{min-height:282px;}

.menu .menuTitle, .menu3Column .medTitle{
	font-size: 32px;
	margin-bottom:20px;
	text-align:center;
	font-weight:bold;
	text-align:center;
}
.menu .menuTitle{padding-bottom:45px; background:url(../../images/separator.gif) no-repeat center 45px;}
.smallMenu .menuTitle{padding-bottom:0px; background:none;}
.menu .menuTitle div{position:relative; top:40px;}

.menu .medTitle{
	font-size: 26px; 
	font-weight:bold;
	margin: 15px 0px 10px 0px;
	font-style:italic;
	text-align:center;
}

.menu .title, .menu .name, .menu .addons{
	font-weight:bold;
	margin-bottom:5px;
	margin-top:15px;
	font-size:14px;
	text-align:right;
}
.menu .name{
	margin:0px;
	float: left;
	text-align:left;
}

.menu .price{font-size:13px;}
.menu .desc{font-size:12px;}

.menu .addons {font-weight: bold; font-size:12px; margin-top:5px;}
.menu .addons .name{font-weight: bold; font-size:12px;}

/* when the price is not in the top line with the name the div can also have the tac class to center it - dinner beverages */
.menu .tac{text-align:center;}
.menu .tal{text-align:left;}

/* when there is more than one way to order an item the title (name and price) shows under the description and the margin would be 5 not the usual 10*/
.menu .mt5{margin-top: 5px;}

/* the menu3column div should be inside the column div */
.smallMenu{color: white; background-color:#000000;}
table.smallMenu {width: 100%; margin-top: 15px;}
.smallMenu td, .smallMenu th{color:#FFFFFF; padding: 5px; vertical-align:top;}
.smallMenu .sep{border-right: 1px solid #555555;}
.smallMenu .menuTitle{font-size: 28px;}
.smallMenu .medTitle{font-size: 20px; margin-bottom:10px; }
.smallMenu .title{margin-top: 5px;}
.smallMenu .name{font-size:12px; width: 75%;}
.smallMenu .price{font-size:12px; width: 25%;}
.smallMenu .desc{font-size:11px; clear:both;}