/* CSS file for Food Inside Out website. Written by MJWolff. */

 body { background:#fff;align:center;}
/*;background-image:url('images/grid.gif')*/
	
	body /* Internet Explorer */
	{	
	
	text-align: center;
	margin:0 auto;
	align: center;	
	}

	body /* Mozilla Firefox alignment */
	{
	text-align: -moz-center;
	
	margin:0 auto;
	align:center;
	}
	img 
	{
    border:0px solid #b0b0b0;align:left;
	}
	img.floatleft {float:left;margin:4px;border:10px solid #b0b0b0;valign:top}
	img.noborder {margin:0px;border:0px;align:center;};
	img.floatright {float:right;margin:14px;align:right;text-align:right;valign:top}
	hr {color:#707070;}
	h1 {font-size:28px;
	color:#404040;
	font-family:arial,helvetica,sans-serif,copperplate gothic;

}
	h2 {font-size:14px;
	color:#707070;
	font-family:arial,helvetica,sans-serif,copperplate gothic;

}
	h3 {font-size:12px;
	color:#50b050;
	font-family:arial,helvetica,sans-serif,copperplate gothic;

}
	h4 {color:#8cc221;font-weight:bold;font-size:9pt;
}
	a { color:#708070; }
	a:link {color:#708070;}
	a:hover {color:#8cc221;}
	a:active {background-color:#000060;color:#ffffff;}
	
	td {	
	font-family:arial,helvetica,sans-serif,copperplate gothic;
	font-size:10pt;font-weight:bold;
	color: #666C3F;;
	}
	
	li {color: #666C3F;}
	

	hr {color:#330066;size:0;}
	
	iframe {
	overflow-x: hidden;
	overflow-y: scroll;
	} 
.default {font-family:arial,helvetica,sans-serif,copperplate gothic;
	font-size:8.5pt;font-weight:bold;
	color: #666C3F;

}
.bigdefault {font-family:arial,helvetica,sans-serif,copperplate gothic;
	font-size:10pt;font-weight:bold;
	color: #666C3F;
}
.biggerdefault {font-family:arial,helvetica,sans-serif,copperplate gothic;
	font-size:11pt;font-weight:bold;
	color: #666C3F;
}
.recipelist {font-family:arial,helvetica,sans-serif,copperplate gothic;
	font-size:9pt;font-weight:bold;
	color: #666C3F;
}

.underline {text-decoration:underline;}
.recipeclr {color: #666C3F;
}

.menulist {font-family:arial,helvetica,sans-serif,copperplate gothic;
	font-size:12pt;font-weight:bold;
	color: #707070;text-align:center;align:center;
}
.notes {color:#f0f0f0;background-color:#666C3F;font-style:italic;
}
.recipegroup {color:#f0fff0;background-color:#666C3F;font-weight:bold;font-size:14pt;
}


#wrapper {
	
	text-align:center;
	position:relative;
	height:100%;
	width:840px;
	align:center;

}

#content {

	position:absolute;
	border:1px solid #a00;
	height:auto;
	width:auto;
}

#header {
  
	position: absolute;
	background: #fff;

 	top: 0px;
	left: 5px;
	right: 5px;
	width: 100%;
	text-align:center;
	height: 260px;
	align:center;
	border:0px solid #afa;
	margin: 0 auto;
}

#mainbox {

	position:absolute;
	left:10px;
	top: 260px;
	align: left;
	bottom:10px;
	border:0px solid #d0d0d0;
	width:600px;
	text-align:left;
	background:#fff;
}

#rightcol {

	position:absolute;
	align:left;
	left:630px;
	top:222px;
	overflow:hidden;
	width: 190px;
	height:470px;
	text-align:CENTER;
	border:0px solid #0aa;
	background:#fff;
	font-family:arial black,arial,helvetica,sans-serif,copperplate gothic;
	font-size:12pt;
	color:#707070;
	
}

.recipetitle {	font-family:arial black,arial,helvetica,sans-serif,copperplate gothic;
	font-size:20pt;
	color: #666C3F ;
	align:center;
}


.title {	font-family:arial black,arial,helvetica,sans-serif,copperplate gothic;
	font-size:12pt;
	color: #666C3F ;
	align:center;
}

#recipe {
	
	position:absolute;
	float:left;
	text-align:left;
	font-family:arial,helvetica,sans-serif,copperplate gothic;
	font-size:10pt;
	top:2px;
	left:5px;
	height:100%;
}

.ingredients {
	
	text-align:left;
	font-family:arial,helvetica,arial black,sans-serif;
	font-size:9pt;
	color:#666C3F;
}

.equipment {

	text-align:left;
	valign:top;
	font-family:arial,helvetica,arial black,sans-serif;
	font-size:9pt;
	color:#666C3F;
}

.copyright {

	text-align:center;
	align:center;
	font-family:arial,helvetica,sans-serif;
	font-size:8pt;
	color:#808080;
}

.recipeBody {

	text-align:left;
	font-family:arial,helvetica, arial black,sans-serif;
	font-size:9pt;
	color:#666C3F;
}

#navbar {

	/*background:#ddd;*/
	position: absolute;
	top: 224px;
	left:10px;
	width:604px;
	height:20px;
	font-family:arial,helvetica,sans-serif,copperplate gothic;
	font-size:8pt;
	color:#8cc221;
	border:2px solid #8cc221;
	text-align:center;
}

#footer {

	position:absolute;
	top:720px;
	border:1px dotted #afa;
 	width:800px;
	text-align:center;
	margin: 10 auto;
	font-family:arial narrow,helvetica,sans-serif,copperplate gothic;
	font-size:7pt;
	color:#808080;
	left:20px;
	right:20px;
}