body {
	color:#333;
	padding:0px;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	font:11px verdana, arial, helvetica, sans-serif;
	height: auto;
	}
h1 {
	margin:0 0 15px;
	padding:0;
	font-size:18px;
	font-weight:900;
	color:#006633;
	}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0 0 5px;
	padding:0;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0 0 16px;
	padding:0;
	}
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}
ul.Content { font: .7em verdana, helvetica, sans-serif; color: #0000DD; }

.recipe {
margin: 0 0 0 0px;
font:11px/20px verdana, arial, helvetica, sans-serif;
}

a {
	color:#09c;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}

.bodytext {
	font:11px verdana, arial, helvetica, sans-serif;
	}

.spread {
	position:relative;
	width:auto;
	top:80px;
	width:auto;
	z-index:4;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:auto;
	}
/* Again, "be nice to Opera 5". */
body>.spread {width:auto;}

.twocolumn {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	top:80px;
	margin:0 40px 80px 160px;
	padding:10px;
	left: 0;
	}
.twocolumn>p {margin:0px;}

/* R O U N D E D   C O R N E R   B O X */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
        margin: 0 auto; /* center for now */
        width: 325px; /* ems so it will grow */
        background: url(images/3a/rounded_04.jpg) no-repeat bottom right;
        font-size: 100%;
}
.boxhead {
        background: url(images/3a/rounded_02.jpg) no-repeat top right;
        margin: 0;
        padding: 0;
        text-align: center;
}
.boxhead h2 {
        background: url(images/3a/rounded_01.jpg) no-repeat top left;
        margin: 0;
        padding: 22px 30px 5px;
        color: white; 
        font-weight: bold; 
        font-size: 1.2em; 
        line-height: 1em;
        /* text-shadow: rgba(0,0,0,.4) 0px 2px 5px; Safari-only, but cool */
}
.boxbody {
        background: url(images/3a/rounded_03.jpg) no-repeat bottom left;
        margin: 0;
        padding: 5px 30px 31px;
}

.widthlessbox {
		margin: 0 25%; /* NO WIDTH! Opens up a world of possibilities! */
		background: url(images/3a/rounded_04.jpg) no-repeat bottom right;
		font-size: 100%;
}

.bigpicture {
padding: 10px;
}