/* Layout CSS */

/* Layout CSS Document */

#body {
	text-align:center;
	background-color: #831D32;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
	
#container {
	width: 738px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-image: url(images/bg-cont_13.gif);
	}

	
#header {
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	background-color: #831D32;
}

#header-pictures {
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	background-color: #831D32;
}


/********* NAVIGATION ************/


#nav {
	background-color: #F9DD91;
	border-top: 1px solid #fff;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	border-bottom: 1px solid #831D32;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 22px;
	}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav li {
	display: inline;
	margin: 0 0 0 0;
	padding: 0;
	}
		
#nav li a.Cakes {
	font: 11px/22px Arial, Helvetica, sans serif;
	display: block;
	float: left;
	width: 100px;
	text-decoration: none;
	text-transform: uppercase;
	color: #831D32;
	text-align: center;	
	font-weight: bold;
	}

#nav li a.Cakes:hover {
	color: #D09D04;
	background-image:url(images/baker-bg.gif);
}

#nav li a.Desserts {
	font: 11px/22px Arial, Helvetica, sans serif;
	display: block;
	float: left;
	width: 100px;
	text-decoration: none;
	text-transform: uppercase;
	color: #831D32;
	text-align: center;	
	font-weight: bold;
	}

#nav li a.Desserts:hover {
	color: #D09D04;
	background-image:url(images/baker-bg.gif);
}

#nav li a.Cookies {
	font: 11px/22px Arial, Helvetica, sans serif;
	display: block;
	float: left;
	width: 100px;
	text-decoration: none;
	text-transform: uppercase;
	color: #831D32;
	text-align: center;	
	font-weight: bold;
	}

#nav li a.Cookies:hover {
	color: #D09D04;
	background-image:url(images/baker-bg.gif);
}

#nav li a.Deli {
	font: 11px/22px Arial, Helvetica, sans serif;
	display: block;
	float: left;
	width: 100px;
	text-decoration: none;
	text-transform: uppercase;
	color: #831D32;
	text-align: center;	
	font-weight: bold;
	}

#nav li a.Deli:hover {
	color: #D09D04;
	background-image:url(images/baker-bg.gif);
}

#nav li a.Breakfast {
	font: 11px/22px Arial, Helvetica, sans serif;
	display: block;
	float: left;
	width: 100px;
	text-decoration: none;
	text-transform: uppercase;
	color: #831D32;
	text-align: center;	
	font-weight: bold;
	}

#nav li a.Breakfast:hover {
	color: #D09D04;
	background-image:url(images/baker-bg.gif);
}

#nav li a.Directions {
	font: 11px/22px Arial, Helvetica, sans serif;
	display: block;
	float: left;
	width: 99px;
	text-decoration: none;
	text-transform: uppercase;
	color: #831D32;
	text-align: center;	
	font-weight: bold;
	}

#nav li a.Directions:hover {
	color: #D09D04;
	background-image:url(images/baker-bg.gif);
}
#nav li a.OrderInfo {
	font: 11px/22px Arial, Helvetica, sans serif;
	display: block;
	float: right;
	width: 133px;
	text-decoration: none;
	text-transform: uppercase;
	color: #831D32;
	text-align: center;	
	font-weight: bold;
	}

#nav li a.OrderInfo:hover {
	color: #D09D04;
	background: #fff url(images/baker-bg.gif);
}

#bar1 {
	background-color: #831D32;
	clear: both;
	height: 2px;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
}

#bar2 {
	background-color: #FFFFFF;
	clear: both;
	height: 2px;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
}

/* CRUMB TRAIL */

#crumb {
	border-top: 2px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .66em;
	color: #831D32;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image:url(images/crumb-bg.gif);
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	}
	
#crumb a {
	color:#831D32;
	font-weight:bold;
	text-decoration:none;
}
#crumb a:hover {
	color:#831D32;
	text-decoration:underline;
}

/* BODY LAYOUT */

#contentcont {
	width: 738px;
	background-image: url(images/bg-cont_13.gif);
	border-top: 2px solid #fff;
}

#contentcont a {
	color:#993333;
}

#contentcont a:hover {
	color:#fff;
}
#contentsubcont {
	width: 738px;
	background-image: url(images/bg-contentsub.gif);
}
#contentsubcont a {
	color:#993333;
}

#contentsubcont a:hover {
	color:#fff;
}

#contentsubcont td, #contentsubcont th {
	background-image:url(images/crumb-bg.gif);
	border-bottom: 1px solid #E7BB38;
	margin: 3px;
	padding: 3px;
}

#contentsubcont input, #contentsubcont select, #contentsubcont textarea, #contentsubcont radiobutton  {
	font-family: Arial, Helvetica, sans-serif;
	color:#831D32;
}

.content {
	width: 470px;
	float: left;
	font: .72em Arial, Helvetica, sans serif;
	border-left: 3px solid #fff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	color: #831D32;
	}

.contentsub {
	width: 700px;
	float: left;
	font: .72em Arial, Helvetica, sans serif;
	border-left: 3px solid #fff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	color: #831D32;
	}
	
.contentright {
	width:200px;
	float:right;
	font: .7em Arial, Helvetica, sans serif;
	border-right: 3px solid #fff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 12px;
	color:#831D32;
	}
	
.newsbg {
	background-image: url(images/baker-bg-news.gif);
	}
	

	
/* FOOTER */

#footer {
	background-image: url(images/bg-footer.gif);
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:.65em;
	height: 64px;
	text-align:right;
	}	
		
#footersub {
	background-image: url(images/bg-subcontent-footer.gif);
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:.65em;
	height: 64px;
	text-align:right;
	}	
	
#footer a {
	color:#C89B18;
	text-decoration: none;
}

#footer a:hover {
	color:#C89B18;
	text-decoration: underline;
}

#footersub a {
	color:#C89B18;
	text-decoration: none;
}

#footersub a:hover {
	color:#C89B18;
	text-decoration: underline;
}