html, body {
  margin: 0px;
  padding: 0px;
  text-align:center;
  min-width: 780px;
  font: 11px Arial, Verdana, helvetica, Geneva, sans-serif;
  color: #333333;
  background-color:#ffffff;
}

h1,h2,h3,h4 {
	color: #CC0000;
	margin-bottom:5px;
}

h1{
	font-size:18px;
}
h2{
	font-size:16px;
}

h3{
	font-size:14px;
}	

h4{
	font-size:12px;
}

p{
	margin-bottom:5px;
}

a, a:visited, a:active {
	color:#622C31;
	text-decoration:none;
}

a:hover {
	color:#B89261;
	text-decoration:none;
}

.red{ 
	color: #CC0000; 
}

.brown { 
	color: #4E2B19;
}


/* ============================= MainContainer ============================= */
#bgContainer {
	margin: 0 auto;
	height: 100%;
	width: 775px;
	text-align:left;
}

/* ============================= Header ============================= */
#header {
   width:775px;
   height:214px;
   background:url(../images/mushroomforlife/banner_mushroomsforlife.jpg) no-repeat;
   text-align:right;
   vertical-align:bottom;
      padding-bottom:1px;
}

/* ============================= Nav ============================= */


.nav, .navactive{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:12px 0px;
}

.nav a, .nav a:visited{
	color:#4e2b19;
	padding:12px;
	background:url(../images/mushroomforlife/nav_bg.gif) left top no-repeat;
}

.navactive a, .navactive a:hover, .navactive a:visited, .nav a.active, .nav a:hover {
	background:url(../images/mushroomforlife/nav_bg_over.gif) left top no-repeat;
	color:#FFF;
	padding:12px;
	font-weight:bold;
	text-decoration:none;
	height:39px;
}

/* --------------------------- Breadcrumbs -------------------------*/

#breadcrumbs{
	margin-top:4px;
	margin-bottom:10px;
}

/* ============================= Content ============================= */
td.rightcontent{
	width:135px;
	vertical-align:top;
	text-align:left;
	padding: 0px 0px 10px 10px;
}

td.leftcontent{
	width:410px;
	vertical-align:top;
	text-align:left;
	padding: 0px 15px 10px 10px;
}

td.leftcontent ul{
	padding-left:25px;
}

td.leftcontent li{
	list-style-image:url(../images/general/bullet.gif);
	padding-bottom:5px;
}

/* ============================= Main Content ============================= */
td.content{
	background:url(../images/mushroomforlife/box_bg.gif);
	width:595px;
	padding-right:10px;
	height:460px;
	vertical-align:top;
}

td.contenttop {
	width:595px;
	height:6px;
	background:url(../images/mushroomforlife/box_top.gif) no-repeat;
}

td.contentbottom {
	width:595px;
	height:6px;
	background:url(../images/mushroomforlife/box_btm.gif) no-repeat;
}



/* ----------------------------PromoBox -------------------------------*/


#PromoBox{
	background-color:#993333;
	height:93px;
	padding:0px;
	margin:0px;
}

#image{
	height:93px;
	margin-right:10px;
	float:left;
}
#PromoContent{
 	height:93px;
 	width:210px;
	padding:3px;
	float:left;
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
}

#PromoContent a,#PromoContent a:visited,#PromoContent a:active,#PromoContent a:hover{
	color:#ffffcc;
	text-decoration:underline;
}

/*  ----------------------- column ---------------------------- */

#rightcol{
	width: 170px; 
	background-color: #E8CCA9;
	min-height:260px;
	text-align:center;
	vertical-align:top;
}

#leftcol{
	width: 150px; 
	background-color: #E8CCA9;
	min-height:260px;
	text-align:left;
	padding:10px;
	vertical-align:top;
}

#leftcol ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#leftcol li{
	list-style-image:url(../images/general/bullet.gif);
	padding-bottom:5px;
}

#leftcol a{
	font-size:12px;
	font-weight:bold;
}

#leftcol a:hover{
	color:#B89261;
}

/* ============================= Footer ============================= */

#footer {
	text-align:center;
	color: #6A6C74;
	padding: 10px 0px;
}

#footer a:link, #footer a:active, #footer a:visited { 
	color: #6A6C74;
	text-decoration:none;
}

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