@charset "iso-8859-1";
body {
	margin: 10px;
	padding: 0;
	background-image: url(images/00bg3.png); 
    background-repeat: repeat-x;
	color: #111111;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}

#wrapper {
	text-align: left;
	width: 980px;
	margin:10px auto; border: 1px solid #000000;
	padding: 10px;
	background-color: white;
    overflow: hidden;
}

a {
	color: #CD6839;
    text-decoration:none;
    outline:0;
}

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


h1, h2, h3, h4 {
	font-family: Georgia, Helvetica, Arial, sans-serif;
}

img {
	border: 0px;
}

#logo {
	float: left;
	padding: 10px 0 10px 0;
}

h1, h1 a {
	text-decoration: none;
	color: #993300;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

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

h2{
	color: #777261;
	font-size: 1.3em;
	font-weight: normal;
	margin:0px;
	padding: 0px;
}

#logo h2 {
	margin: -15px 0 0 5px;
}


div.advertise {
	float:right;
	margin: 15px 0 0 0;
}

#content {
	margin: 0;
	margin-bottom: 30px;
}

.tree {
	color: #A9A9A9;
}
.tree a {
	color: #A9A9A9;
}

.left {
	float: left;
    width: 90px;
    overflow: hidden;
}
.ingredients {
	float: left;
    width: 370px;
    overflow: hidden;
}

.method {
	width: 800px;
	float: left;
   	padding: 20px 0 0 0;
}

.printhide { 
}
.middle {
	width: 710px;
	height: 84px;
	float: left;
	line-height: 16px;
   	padding: 0 10px 0 10px;
}

.photo {
	width: 440px;
	height:330px;
	float: left;
}

.photo240 {
	width: 440px;
	height:180px;
	float: left; 
}

.photo400 {
	width: 400px;
	height:300px;
	float: left;
}

.right {
	width: 160px;
	float: right;
}

.ad728 {
	padding-bottom: 10px;
	width: 820px;
	float: left;
}


.wide {
	padding-bottom: 10px;
	width: 980px;
	float: left;
	text-align: center;  
	color: #993300;
	font-size: 0.9em;
}

.wide a {
color: #993300;
}

.wide820 {
	padding-bottom: 10px;
	width: 820px;
	float: left;
	background-color: white;
}

.wide800 {
	padding-bottom: 10px;
	width: 800px;
	float: left;
	background-color: white;
}

.wide960 {
	padding-bottom: 10px;
    padding-top: 10px;
	width: 960px;
	float: left;
}


#content h2 {
	font-size: 1.2em;
	color: #993300;
}


#content h2 a {
	text-decoration: none;
	color: #fff;
}

#content h2 a:hover {
	color: #fff;
}



.bottom { 
	margin-left:auto;
    margin-right:auto;
    width:980px;
    text-align:center;
    margin-bottom: position:relative; 
    font-size: 0.9em;
}

.bottom a {
	color: #993300;
}

.copyright { 
	margin-left:auto;
    margin-right:auto;
    width:980px;
    text-align:center; 
    margin-top: 10px; 
    margin-bottom: position:relative; 
    font-size: 0.9em;
}

.copyright a {
	color: #993300;
}

#menu { 
	width: 820px;
    font-family: verdana;
    font-size: 0.8em; 
    margin-bottom: 20px;
    margin-top: 10px;
}

ul.menu {
	margin:0;
    padding:0;
}

li.menu {
	display: block; 
    float: left; 
    height: 14px; 
    margin-top: 0px; 
    width: 195px; 
    text-align:left; 
    background-image: url(images/arrow2.gif);
    padding-left: 10px; 
    background-repeat: no-repeat;
}

li.menu a { 
	color:#993300; 
    text-decoration:underline;
}

li.menu a:hover { 
	color:#FF0000; 
    text-decoration:underline;
}

div.topmenu {
	display: block; 
    float: left; 
    font-size: 1.1em; 
    background: #993300; 
    padding:3px 7px; 
    color: white;
    margin: 2px;
}

div.topmenu a {
	color: white;
}

ul.topmenu li.topmenu {
	display:inline;
}

#topmenu { 
	width: 920px;
	font-family: verdana;
	font-size: 1.1em; 
	margin-bottom: 10px;
}

ul.topmenu {
	margin:0;
}

li.topmenu a {
	color: white; 
	text-decoration:none; 
	background: #993300;
	padding: 5px;
}

li.topmenu a:hover {
	color: white; 
	text-decoration:underline;
}


.navigation {
	padding-bottom: 10px;
	width: 980px;
	float: left;
	text-align: left;  
	font-size: 1.1em;
	margin:20px 0px 20px 0px;
}
.navigation a {
color: white;
}

.nav {
background: #993300;
padding:3px 7px;
color: white;
}