body { 
	 background-color: #F7E5C0;
}
body, p, td, th, li {
	 font-family: "Trebuchet MS", Arial, sans-serif;
	 font-size: 12px;
	 line-height: 18px;
	 color: #58130C;
}

h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top:15px;
}
h1 a {
	color: #912B1D;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
h1 a:hover {
	text-decoration: underline;
}
h2 {
	font-size:12px;
	font-weight:bold;
}




.navlayer {
	position: absolute; 
	background-color: #646B33;
	visibility: hidden;
}
.navlayer h3 {
	display: none;
	visibility: hidden;
}
.navlayer ul {
	padding: 0px;
	margin: 0px;
}
.navlayer ul li {
	list-style: none;
	font-size: 12px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	border-right: 1px solid #F7E5C0;
	border-bottom: 1px solid #F7E5C0;
	border-left: 1px solid #F7E5C0;
}
.navlayer ul li a {
	display: block;
	color: #F7D7B0;
	padding: 4px 6px;
	margin: 0px;
	text-decoration: none;
	width: 140px;
}
.navlayer ul li a:hover {
	background-color: #575D2C;
	text-decoration: none;
}




.cartnav {
	background-color: #912B1D;
	color: #FFC583;
	width:165px;
	padding: 20px 13px 0px 10px;		/* need to remove this padding, if ever using proprotional-width tables inside */
	font-weight: bold;
}
.cartnav p, .cartnav li {
	color: #FFC583;
}
.cartnav a {
	color: #F7D7B0;
	text-decoration: none;
}
.cartnav a:hover {
	text-decoration: underline;
}

/*
Replace "title" div with "h1" tags!
Note that the "h1" title now appears WITHIN the "content" div, not separate from it...
.title {
	padding: 15px 0px 10px 30px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.title a {
	color: #912B1D;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.title a:hover {
	text-decoration: underline;
}
*/


.content {
	/*
	Don't use padding inside a main content div, as I.E. gets confused with proportional-width tables
	padding: 10px 50px;
	*/
}
.content a {
	color: #912B1D;
	font-weight: bold;
	text-decoration: none;
}
.content a:hover {
	text-decoration: underline;
}
.footertext {
}
.footertext a{
	color: #912B1D;
	font-weight: bold;
	text-decoration: none;
}