.macaroon {
	font-family: Arial, Helvetica, sans-serif;
}
.container {
	background-image: url(../pagefiles/BodyBeige820.jpg);
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}
.container .Main {
	background-image: url(../pagefiles/BodyBeige820.jpg);
}

.container .Main .SideBarLeft .MenuON p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
}
.MenuONxx     {
	height: 36px;
	width: 200px;
	background-image: url(../pagefiles/MenuGlow.jpg);
	list-style-type: none;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
.MenuONxx  a:link {
	padding: 0px;
	background-color: #006;
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	height: 36px;
	width: 200px;
}
.MenuONxx  a:hover {
	background-color: #0F0;
	color: #000;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
}


.Header {
	height: 190px;
	width: 820px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}


.Upcoming  {
	color: #333;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #DFDFFF;
	padding: 0px;
	margin-right: 0px;
	width: 100%;
	float: left;
	background-image: url(../pagefiles/MenuGlow.jpg);
	background-repeat: no-repeat;
	height: 36px;
}

.Upcoming p {
	height: 36px;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
.CellHover  {
	height: 36px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.CellHover :hover {
	background-image: url(../pagefiles/Menu.jpg);
	background-repeat: no-repeat;
	height: 29px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	color: #ffcc00;
	margin: 0px;
}
.CellHover p a {
	margin: 0px;
	padding: 0px;
	color: #000;
}
.Upcoming a {
	color: #FFFFCD;
	text-decoration: none;
	
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
.container .Footer {
	background-image: url(../pagefiles/Footer.jpg);
	background-repeat: no-repeat;
	height: 250px;
	width: 820px;
	background-color: #cc0000;
}
.container .Footer h1 {
  	padding-left: 260px;
}
.container .Footer h2 {
	padding-left: 260px;
}
.container .Footer p {
	padding-top: 0px;
	padding-left: 260px;
}
.container .SideBarRight {
	padding: 0px;
	float: right;
	width: 150px;
	font-size: 95%;
	margin-top: 0px;
	margin-right: 37px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
.container .SideBarRight p img {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

.container .Main .MainBody ul {
	list-style-type: disc;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
	color: #065397;
}

.container .MainBody {
	margin-left: 220px;
	margin-right: 200px;
}

.container .MainBody h1 {
	font-size: 135%;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
	padding-top: 4px;
}
.container .MainBody h2 {
	font-size: 130%;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
	margin-top: 8px;
	padding-top: 4px;
}
.container .Main .MainBody h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #Cc0000;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

.container .MainBody2 {
	margin-left: 220px;
	margin-right: 60px;
}

.container .MainBody2 h1 {
	font-size: 135%;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
	padding-top: 4px;
}
.container .MainBody2 h2 {
	font-size: 130%;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
	margin-top: 8px;
	padding-top: 4px;
}
.container .Main .MainBody2 h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #Cc0000;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}



.container .Main .MainBody blockquote p {
	font-size: 90%;
}

.container .Main .MainBody p a {
	color: #065397;
	text-decoration: none;
}

.BakeryMenuLists {
	width: 540px;
	padding-top: 10px;

}
.MenuHorizontal {
	display: inline;
	list-style-type: decimal;
	margin-top: 0px;
	padding-top: 0px;
}
.container .MainBody2 .MenuHorizontal ul li {
	display: inline;
	margin-right: 1px;
	margin-left: 1px;
	font-size: 90%;
	font-weight: bold;
}
.container .MainBody2 .BakeryMenuLists .MenuHorizontal ul li a {
	color: #065397;
	text-decoration: none;
}
.container .MainBody2 .BakeryMenuLists .MenuHorizontal ul li a:hover {
	color: #000;
	text-decoration: none;
}




.container .MainBody2 .BakeryMenuLists p strong {
	color: #065397;
}

.container .MainBody2 .BakeryMenuLists ul li ul {
	margin-top: 0px;
}
.container .MainBody2 .BakeryMenuLists ul {
	margin-top: -15px;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 90%;
	padding-left: 20px;
}
.RedLetters {
	color: #C90103;
	font-weight: bold;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;

}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;

padding: 0px;
left: -1000px;

visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150;
left: 160px; /*position where enlarged image should offset horizontally */
}


.thumbnailRight{
	position: relative;
	z-index: 0;
	
}

.thumbnailRight:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailRight span{ /*CSS for enlarged image*/
position: absolute;

padding: 0px;
left: -1000px;

visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailRight span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnailRight:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150;
left: 150px; /*position where enlarged image should offset horizontally */
}

.thumbnailRight:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150;
left: -310px; /*position where enlarged image should offset horizontally */
}
.Title {
	font-weight: bold;
	text-align: center;
	font-size: 24pt;
	color: #C90103;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 8px;
	padding: 0px;
}
.container .MainBody p a {
	color: #0E519F;
	text-decoration: none;
	font-weight: bold;
}
.container .MainBody Pagetitle {
	font-size: 140%;
	font-weight: bold;
	font-variant: small-caps;
	color: #cc0000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
}
.shadow {
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
	border: 1px solid #333;
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');*/
}