/* --------------------------- BASIC ELEMENTS --------------------------- */

body { 
	font: 13px Georgia, "Times New Roman", Times, serif; 
	line-height: 19px;
	color: #333;
	background: #EEEBE4;
	margin: 0px;
	text-align: center;
	}
	
ul { 
	padding: 0px;
	margin-left: 13px;
	list-style-position: outside;
	}
	
li {
	margin: 3px;
	padding: 0px;
	}
	
a:link, a:visited { 
	text-decoration: underline;
	color: #990000; 
	}

a:hover, a:active { 
	text-decoration: none;
	color: #990000; 
	}

/* --------------------------- NAVIGATION --------------------------- */

#nav {
	width:920px;
	height:48px;
	text-align:center;
	padding:0px;
	margin:0px;
	clear:both;
	border-top:1px solid #000;
	}

#nav ul {
	list-style:none;
	display:inline;
	padding:0px;
	margin:10px 5px 0 5px;
	height:38px;
	width: 890px;
	text-align:center;
	}

#nav li {
	display:inline;
	height:38px;
	margin:0px;
	padding:0px;
	text-align:center;
	}
	
#nav a:link, #nav a:visited {
	font-size:15px;
	font-weight: normal;
	line-height:17px;
	color:#000;
	margin:0px;
	padding:5px 12px 5px 12px;
	height:28px;
	text-decoration:none;
	display:inline-block;
	vertical-align:top;
	}
	
#nav a:hover, #nav a:active {
	color:#776e5b;
	}
	
.navon { color:#900; }

.info_btn { float: right; width: 26px;  height: 26px; background: url(/images/info_btn.gif) no-repeat 0 0px; }
a.info_btn:link { background: url(/images/info_btn.gif) no-repeat 0 0px; }
a.info_btn:hover { background: url(/images/info_btn.gif) no-repeat 0 -26px; }

.top { float: right; width: 55px; height: 25px; background: url(/images/top.gif) no-repeat 0 0px; margin-top: 10px; }
a.top:link { background: url(/images/top.gif) no-repeat 0 0px; }
a.top:hover { background: url(/images/top.gif) no-repeat 0 -25px; }

.back { float: left; width: 168px; height: 25px; background: url(/images/back.gif) no-repeat 0 0px; margin-top: 5px;}
a.back:link { background: url(/images/back.gif) no-repeat 0 0px; }
a.back:hover { background: url(/images/back.gif) no-repeat 0 -25px; }

.print { float: right; width: 50px; height: 25px; background: url(/images/print_btn.gif) no-repeat 0 0px; margin-top: 5px;}
a.print:link { background: url(/images/print_btn.gif) no-repeat 0 0px; }
a.print:hover { background: url(/images/print_btn.gif) no-repeat 0 -25px; }


/* --------------------------- SUB NAV --------------------------- */

#subnav {
	width: 290px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	text-align: left;
	font-size: 14px;
	}
	
#subnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	}

#subnav li {
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #000;
	}

#subnav p {
	padding: 0px;
	margin: 0px;
	}

#subnav li a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 7px;
	width: auto;
	}
	
#subnav li a:hover {
	color: #000;
	background-color: #C8C0AE;
	text-decoration: none;
	padding: 7px;
	}
	
.subnav_on {
	display: block;
	background: #CC8D89;
	}


/* --------------------------- CONTAINERS --------------------------- */

#website {
	margin: 0 auto;
	background: #EEEBE4 url(/images/background.jpg) no-repeat top center fixed; 
	}
	
#container {
	margin: 0 auto;
	width: 920px;
	padding: 0px;
	text-align: left;
	}
	
#masthead {
	width: 906px;
	height: 286px;
	float: left;
	clear: both;
	padding: 7px 7px 20px 7px;
	margin: 0px;
	background:url(../images/frame.gif) no-repeat top left;
	}
	
#features {
	position: relative;
	width: 290px;
	text-align: left;
	margin-bottom: 15px;
	}
	
#content {
	position: relative;
	width: 605px;
	float: right;
	text-align: left;
	}
	
#half {
	position: relative;
	width: 290px;
	text-align: left;
	}
	
#store_hours {
	position: relative;
	width: 290px;
	float: left;
	text-align: left;
	color: #000;
	font-weight: bold;
	margin-bottom: 1px;
	background-color: #C8C0AE;
	padding: 5px;
	}
	
#recipe_menu {
	position: relative;
	width: 605px;
	float: left;
	text-align: center;
	color: #000;
	background-color: #C8C0AE;
	padding: 10px 5px 10px 5px;
	margin-bottom: 40px;
	}

#social {
	width:150px;
	height:30px;
	float:right;
	text-align:right;
	padding:0px;
	margin:50px 0px 15px 0px;
	}

#social ul {
	list-style:none;
	display:inline;
	padding:0px;
	margin:0px;
	height:30px;
	width: 150px;
	text-align:right;
	}
	
#social li {
	display:inline;
	height:30px;
	margin:0px;
	padding:0px;
	text-align:right;
	vertical-align:top;
	}
	
#social p {
	float:left;
	text-align:right;
	margin:0px;
	padding:5px 0 0 7px;
	}
	
#share {
	width:605px;
	height:30px;
	float:left;
	padding:0px;
	margin:5px 0 20px 0;
	}
	
#share ul {
	list-style:none;
	display:inline;
	padding:0px;
	margin:0px;
	height:30px;
	}
	
#share li {
	display:inline;
	width:100px;
	height:30px;
	margin:0px;
	padding:0px;
	}

/* --------------------------- FEATURES --------------------------- */
	
#feature_image {
	position: relative;
	width: 290px;
	height: 130px;
	}
	
.feature_image { float: right; width: 290px;  height: 130px; background: url(/images/feature_bg.gif) no-repeat 0 0px; }
a.feature_image:link { background: url(/images/feature_bg.gif) no-repeat 0 0px; }
a.feature_image:hover { background: url(/images/feature_bg.gif) no-repeat 0 -130px; }
	
.feature_image_padding { padding: 6px; }

#feature_gradient {
	position: relative;
	width: 270px;
	height: 120px;
	background: url(/images/gradient.png) repeat-x top left;
	padding: 0px 10px 20px 10px ;
	}

/* --------------------------- FOOTER --------------------------- */

#footer {
	clear: both;
	width: 920px;
	color: #391004;
	font: 11px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	}
	

/* --------------------------- CLASSES --------------------------- */

.left {float: left;}

.right {float: right;}

.calendar { 
	border: 1px solid #C8C0AE;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 0px;
	font-weight: normal;
	color: #391004;
	height: 70px;
	width: 78px;
	text-align: left;
	vertical-align: top;
	}