/*
 div {border: 1px solid red; }

html {border: 1px solid black;}
*/
body {width: 99%; position: relative;}



#mainwrapper {position: relative; margin: 0 auto; width: 800px}


#header {position: relative; height: 120px; margin: 0 auto;}
#leaderboard {width: 728px; margin: 0 auto;}
#leaderboard img, #skyscraper1 img {position: relative; display: block; margin: 0 auto; }


ul#breadcrumb,ul#toplinks {list-style-type: none; font-size: 0.9em; position: relative;}
ul#breadcrumb li:before {content: 'You are here: '}
ul#toplinks {position: absolute; top: 95px; right: 5px;}


#maincontent {position: relative; width: 600px; padding-left: 195px; margin: 0 auto;top: 30px;  min-height: 900px; font-size: 0.8em} 

#leftcol {position: absolute; top: 145px; min-height: 99%;  width: 171px; padding-right: 16px; float: left; background: url(../images/option2-vline.jpg) repeat-y right top;} 


h1#logo

{position: absolute;background: transparent url(../image-files/logo-option-3a-170px.gif); border: 0px solid #000;  width: 170px; height: 93px; top: 145px; padding:0; margin: 0; z-index: 10}


h1#logo span { position: absolute; width: 170px; height: 93px; border: none; text-indent: -9999px;  padding:0; margin: 0;
}

#navigation {padding-top: 100px;}

#leftcol #footimage {position: relative; display: block; top: 2px;}

#footer  {position: absolute; bottom: 0px; padding-bottom: 20px;  width: 800px; margin:0 auto; font-size: 0.8em;  background: #fff}
#footer ul a {text-decoration: none;}
#footer ul  {list-style-type: none; float: right; padding:0; margin: 0;}
#footer ul  li, ul#toplinks  li {float: right; text-align: center; font-size: 0.8em;}
/* #footer ul  li:after, ul#toplinks  li:after  {padding:0 3px; content: ' | '} */
#footer ul  li:first-child::after, ul#toplinks  li:first-child::after {content: ''}

#addthis {position: absolute; top: -20px; right: 0px; padding: 0; margin: 0; }

.textCentre {text-align: center}

.recipeheadingsred {
	font: 1.6em Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ff9900;
	padding:0.2em;
	border-bottom: solid #ff9900;
	font-weight: bold;
	text-align:justify;
	border-bottom-width:600px;
	border-bottom-color: #ff9900;
	border-width: 1px;

}

.recipeheadingsgreen {
	font: 1.6em Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6EBB1F;
	padding:0.2em;
	border-bottom: solid #66CC33;
	font-weight: bold;
	text-align:justify;
	border-bottom-width:600px;
	border-bottom-color: #66CC33;
	border-width: 1px;
	clear:both;
}

.recipeheadingsblack {
	font: 1.6em Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	padding:0.2em;
	border-bottom: solid #000000;
	font-weight: bold;
	text-align:justify;
	border-bottom-width:600px;
	border-bottom-color: #000000;
	border-width: 1px;
	clear:both;
}




#ingredientInfo {clear: left;}
dl#ingredientInfo dt {font-size: 1.2em; font-weight: bold; padding: 0px; margin: 20px; float:  left; }
dl#ingredientInfo dd {clear: left; position: relative; padding: 0; margin: 20px; width: 500px;}

.quote_box {
	background-color: #CCDDBB;
}

.quote_box_text {
	padding: 10px;
	text-align: center;
	font-style: italic;
	color: #333333		
}

.quote_top { 
	background: url(../image-files/box_t_r.gif) no-repeat right top; 
	padding-top: 10px;
}

div.quote_box_space_right {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.quote_box_space_left {
	float: left;
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.quote_base{
	background: url(../image-files/box_b_l.gif) no-repeat left bottom; 
	padding-top: 10px;
}

table#featuredRedipe td {
border-width: 0 1px 0 1px;
border-color: #FFCC66;
border-style: solid;
}

table#featuredRedipe td.last {
border-width: 0 1px 1px 1px;
border-color: #FFCC66;
border-style: solid;
}


.green {

background-color: #CCDDBB;
}

#featrechome {
list-style-type: none;
padding: 0 2px 0 8px;
}

.featureRecipeTitle{
margin: 0;}