/*
	colors
	orange		FE6601
	green:		#093;
	blue:		#069;
*/body{
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-image: url(images/bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #009933;
	text-align:center;
}
#Content{
	width:824px;
	margin:auto;
	background-image: url(images/innerBg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	background-color: transparent;
}
#Header{
	margin:auto;
	width:824px;
	height:121px;
	background-image: url(images/header.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
}
#Logo{
	display:block;
	height:113px;
	width:100%;
}
#MainMenu a{
	display:block;
	height:26px;
	font-weight:bold;
	font-size: 10pt;
	font-style: italic;
	text-align: center;
	text-decoration: none;
}
#MainMenu a:hover{
	background-image: url(images/menuBg.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	background-color: transparent;
}
#MenuTbl{
	width:530px;
	height:30px;
	margin:auto;}

#Footer{
	margin:auto;
	width:824px;
	text-align: center;
	font-size:80%;
	color:#369;
	background-image: url(images/innerBg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	background-color: transparent;
}
#Footer a{
	border-bottom:1px dotted #090;
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;}
#Footer a:hover{border-bottom:1px dotted #369;}

/* Table inside content formatting */
.DataTable{
	width:780px;
	margin:auto;
}
#LeftColumn{width:220px;text-align:left;}

/** text **/
a{color:#090;}
a:hover{color:#369;}
.caterBoxTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	background-color: #FFFFCC;
	border: 1px solid #009900;
	padding: 3px;
}
.caterTitle{  
	font-size: 12px;
	font-weight: bold;
	color: #090;}
.caterDesc{  
	font-size: 12px;
	color: #333;}
.caterPrice{  
	font-size: 12px;
	font-weight: bold;
	color: #282828;}
.recipeTitle{color:#090;
	font-size: 20pt;}
.recipedate{
	color:#282828;
	font-style: italic;
	font-size: 10pt;}









.pageTitle{
	display:block;
	width:100%;
	text-align: left;
	border-bottom: 1px dotted #369;
	font-size:18pt;
	font-weight: bold;
	color:#369;
}


.blueArea{
	display:block;
	height:124px;
	width:569px;
	border:1px solid #FFF;
	font-size:10pt;
	color:#FFF;
	background-image: url(images/blueAreaBg.gif);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.blueAreaTitle{
	font-weight:bold;
	font-size:10pt;
	color:#FFF;
	font-style: italic;
}
.blueArea p{margin:10px 10px 10px 10px;}
.blueArea a:hover{color:#FE6601;}


/* here down begins old css */

ul,li{margin:0px; padding:0px;}
li{margin-left:15px;}
#main{
	display:block;
	background-color: #FFF;
	margin:0px auto 0px auto;
	width:800px;
	font-size: 9pt;
}
.title{
	 font-weight: bold;
	 color:#4B0F11;
	 font-size: 9pt;
	 display:block;
	 background-color: transparent;
	 background-image: url(images/rightMenuTitle.gif);
	 background-position: center;
	 background-repeat: no-repeat;
	 width: 118px;
	 height: 17px;
	 text-align: left;
}
#LeftMenu{
	width:118px;
	background-color:#F46F0D;
	background-image: url(images/rightMenuBg.gif);
	background-position: center;
	background-repeat: repeat-y;
}
#LeftMenu .link, .topLink{
	margin-left: 15px;
	color:#FFF;
	font-size: 8pt;
	text-decoration: none;
	line-height: 18px;
}
.topLink{font-size:9pt; font-weight: bold;}
#LeftMenu .link:hover, .topLink:hover{ color:#F86702;}
/*#content{
	background-color:#FFF;
	background-image: url(images/midDivBg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #333;
}
#content p , .pText{
	font-size: 12pt;	
	line-height: 1.6em;
}
#footer{
	background-color:#000;
	background-image: url(images/footerBg.gif);
	background-position: top;
	background-repeat: no-repeat;
	color:#F5F5F5;
	text-align: center;
	font-size: 7pt;
}*/


.greenRectDiv{
	background-image: url(images/greenRectBg.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 10px;
	text-align: left;
}
#Survey{
	padding:0px 5px 0px 5px;
	background-color: #f5f5f5;
	background-image: url(images/divBg.gif);
	background-position: top;
	background-repeat: repeat-x;
	border:1px solid #CCC;
	width:200px;
	text-align: left;
	font-size: 10pt;
}
.surveyTitle{
	text-align:center;
	display:block; width:100%;color:#4B0F11;font-weight: bold;font-size: 9pt;}
#Survey .question{
	color:#000;
	font-weight: bold;
	text-align: center;}
#Survey .answerItem{
	font-size: 10pt;
	color:#666666;
	padding-left:15px;}
#LeftPane{
	width:100px;
	background-color: #F67C04;
	background-image: url(images/leftDivBg.gif);
	background-position: top;
	background-repeat:repeat-x;
	font-size:7pt;
}
#HeaderArea{
	height:110px;
	background-position: centertop;
	background-repeat:no-repeat;}
	
#TopNavBar{
	text-align: center;
	margin:auto;
	float: right;
	top:0px;
	left:150px;
	background-color: transparent;
	width:365px;
	height: 50px;
}
.highlightit img, .highlightit{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.highlightit:hover img, .highlightit{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.75;
}
#MidNavBar{
	padding-top: 5px;
	padding-bottom:0px;
	display:block;
	width:800px;
	height:37px;
	background-image: url(images/midNavBar.gif);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.tab, .tabOn{
	padding-top: 10px;
	display:block;
	width:92px;
	height: 21px;
	background-color: transparent;
	color: #981F23;
	font-size: 9pt;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	}
.tab:hover, .tabOn{
	background-image:url(images/tab.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	color:#FFF;
}

.locationBox{
	background-image: url(images/locationBg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	display:block;
	width:141px;
	height:85px;
	text-decoration: none;
	padding-left: 20px;
	padding-top:5px;
	color:#981F23;
	text-align: left;
	line-height: 17px;
	font-size:10pt;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: .75;
}
.locationBox:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}
	
.button{
	display: block;
	width:115px;
	height:20px;
	background-image: url(images/button.gif);
	background-position: right top;
	background-repeat: no-repeat;
	text-align: center;
	text-transform: lowercase;
	color:#FFF;
	font-size:100%;
	text-decoration: none;
	padding-right:20px;
}
.button:hover{	color:#FFF; } /*background-image: url(images/button_on.gif); }*/
/***************************/
/*	AD and CATERING STYLE  */
/***************************/
#AdMenu, #CateringMenu{
	width:119px;
	border:1px solid #000;
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;	
}
#AdMenu{height:545px;background-image: url(images/adMenuBg.jpg);}
#CateringMenu{height:411px;background-image: url(images/cateringMenuBg.jpg);}

#ContactFormArea{
	background-image: url(images/contactBg.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#response{
	background-color:yellow;
	border:1px solid #000;
	color:#981F23;
	padding-left:25px;
}
.testBlock{
	display:block;
	width:250px;
	height:125px;
	background-color: #ccc;
	border:1px solid blue;
}

.couponTable{
	width: 700px;
	margin: auto;
	min-height: 500px;
	text-align: center;
}
.storeLocation{
	font-size:9pt;
	color:#333;
	padding-top:10px;
	margin:auto;
	width:190px;
	background-color:#F5F5F5;
	background-image: url(images/locationBg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	border:2px solid #FFF;	
}
.grandOpening, .comingSoon{
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.grandOpening{ background-image: url(images/grandOpening.gif); }
.comingSoon{ background-image: url(images/comingSoon.gif); }
.locTitle{
	font-size: 10pt;
	line-height: 20pt;
	text-transform: uppercase;
	font-weight: bold;
	color:#FFF;
	text-decoration: underline;
}
.directions{
	color:#FFF;
	font-size:8pt;
}


.imgStyle{border:2px solid #093;}

#DepartmentMenu a, #DepartmentMenu img{
	display:block;
	width:200px; 
}
#DepartmentMenu img{border:0px;	height:50px; }
#DepartmentMenu a{
	margin-top:4px;
	font-size:9pt;
	color:#FFF;
	text-decoration:none;
	background-color:#069;
	border:2px solid #069;
}
#DepartmentMenu a:hover{border:2px solid #093;
	background-color:#093;}

#DepartmentPics{
	text-align:center;
	color:#093;
	font-size:20pt;
}
#DepartmentPics img{margin-bottom:8px;}

.pageLink, .pageLinkOn{
	text-align:center;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
	color:#FFF;
	display:block;
	width:25px;
	padding-top: 6px;
	height:24px;
	background-position: center;
	background-repeat: no-repeat;
}
.pageLink{background-image: url('images/ad/page.gif');}
.pageLinkOn{color:#000;	background-image: url('images/ad/page_on.gif');}
