body 
{
	margin: 0;
	padding: 0;
	background-repeat: repeat;
	background-color: #5A2215;
	background-image: url(bg-tile.jpg);
	text-align: center;
}

img
{
border: none;
}

table
{
	
}

td {
	vertical-align: top;
	padding: 3px;
	margin: 3;
}

p
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #332010;
	font-size: 12px;
}
h1 {
	text-align: center;
	height: 121px;
	width: 718px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
}
a:link, a:visited 
{
	text-decoration:none;
	color: #990033;
}
a:hover, a:active {
	text-decoration:none;
	color: #660000;
}

.bg-wrapper
{
	background-color: #913e30;
	width: 738px;
	margin: 0 auto;
	border: 1px solid #FFFFFF;
	min-height: 1000px;
	height:auto !important;
	height:1000px;
	text-align: center;
}

.wrapper
{
	background-color: #913E30;
	width: 718px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}
.header
{
	width: 718px;
	margin: 0 auto;
	padding: 0;
}
#home-title {
	background-image: url(title-home.jpg);
}
/*This pure-css image rollover was adapted from http://www.alanwho.com/examples/css/rollover_menu/ .  If you need to swap images, be sure you get the widths correct in the stylesheet!  And leave every child element of .nav alone, even bits of code that don't seem to do anything.*/
.nav
{
	background-color: #913E30;
	height: 50px;
	text-align: left;
	position: relative;
	left: 35px;
	width: 630px;
}

.nav li {
	display: inline;
	list-style:none;
	padding: 0px;
}
.nav li a#nav-home {
	float: left;
	display:block;
	width: 125px;
	height: 50px;
}
.nav li a#nav-cakes {
	float: left;
	display:block;
	width: 111px;
	height: 50px;
}
.nav li a#nav-wedding {
	float: left;
	display:block;
	width: 121px;
	height: 50px;
}
.nav li a#nav-specialty {
	float: left;
	display:block;
	width: 119px;
	height: 50px;
}
.nav li a#nav-order {
	float: left;
	display:block;
	width: 109px;
	height: 50px;
}

.nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
.nav li a:hover { visibility:visible; }
.nav li a:hover img { visibility:visible; }
.nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#nav-home 
{ 
background-image: url(images/nav-home-on.jpg);
background-repeat: no-repeat;
background-position: left bottom; 
}

#nav-cakes 
{ 
background-image: url(images/nav-cakes-on.jpg);
background-repeat: no-repeat;
background-position: left bottom; 
}

#nav-wedding 
{ 
background-image: url(images/nav-wedding-on.jpg);
background-repeat: no-repeat;
background-position: left bottom; 
}

#nav-specialty 
{ 
background-image: url(images/nav-specialty-on.jpg);
background-repeat: no-repeat;
background-position: left bottom; 
}

#nav-order 
{ 
background-image: url(images/nav-order-on.jpg);
background-repeat: no-repeat;
background-position: left bottom; 
}
.leftcol
{
	background-color: #913E30;
	margin: 0;
	width: 228px;
	float: left;
}
.midcol {
	background-color: #F8C305;
	float: left;
	width: 260px;
}
.midcol .midcol-text {
	width: 250px;
	margin: 0 auto;
	text-align: center;
}
.midcol .midcol-text p {
	text-align: left;
}
.rightcol {
	float: left;
	width: 220px;
	text-align: right;
}

.bottom-nav {
	text-align: center;
	padding: 10px 0 0 0;
	border-top: 1px dotted  red;
}

.bottom-nav li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-transform: uppercase;
	list-style-type: none;
	list-style-position: inside;
	display: inline;
	text-decoration: none;
	padding: 0px 10px;
}
.bottom-nav  a:link, a:visited {
	color: #FFE9D2;
	font-weight: normal;
	text-decoration: none;
}
.bottom-nav  a:hover, a:active {
	color: #FFE9D2;
	text-decoration: underline;
}