body {
margin: 0;
padding: 0;
border: 0;
overflow: auto; 
height: 100%; 
width: 800px;
font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif;
font-size: 16px;
font-weight: normal;
}
.rcpbody {
    font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    width: 800px;
    overflow: auto;
}

img { border: none;}
.rcpImg
{
border: none;
float: right;
}
/* the default.aspx and cookbook.aspx pages use different div layout...*/
#leftColumnMain{
    position: absolute;
    top: 0px;
    left: 2px;
    width: 380px; 
    overflow: visible;
    background-color: White;
    color: Black;
}
#rightColumnMain{
    position: relative;
    left: 400px;
    width: 450px; min-height:550px;
    overflow: visible;
    background-color: White;
    color: Black;
    padding: 0px 10px 0px 10px;
}

#leftColumnVid{
    position: absolute;
    top: 0px;
    left: 2px;
    width: 420px; 
    overflow: visible;
    background-color: White;
    color: Black;
}

#rightColumnVid{
    position: relative;
    left: 406px;
    width: 430px; min-height:700px;
    overflow: visible;
    background-color: White;
    color: Black;
    padding: 0px 10px 0px 10px;
}
/* $$$$$$$$$$$$$$$$$$$$ */
#leftColumn{
position:  absolute;
top: 20px;             /* anchor to top left corner of window */
left: 20px; 
width:  300px;       
right: 20px;
height: 500px;
overflow: Visible;
background-color:white;
color: #BA5919;
}
#rightColumn{
position: relative;
left: 320px;
right: 20px;
overflow: Visible; 
background-color: white;
color: black;
padding: 10px;
}
#framecontentTop{ 
left:  140px;   
right: 0;
width: 700px;
height: 160px;      /* constrains div height [page looks like a frameset now] */
overflow: Visible; 
background-color: red;
color: white;
}
#mainContent{
   position: absolute; 
   top: 10px;
   left: 10px; 
   height: 100%;
   width: 99%;
   overflow: auto; 
   background-color: #BA5919;
   color: black;}

.innertube{ margin: 3px; }
   
#headerBar{
   position: relative;
   width: 700px;
   left: 20px;
   font-family: "Times New Roman", Times, serif;
   letter-spacing:.3em;
   font-weight:bold;
   line-height:22px;
   font-size:18px;
   font-weight:normal;
   background-color:#BA5919;
   color: black;
   }
   
#linkBar{
   position: absolute;
   width: 700px;
   top: 44px;
   left: 20px;
   font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif;
   letter-spacing: .1em;
   line-height: 18px;
   font-weight:normal;
   font-size:12px;
   color:white;}
      
   A:link {text-decoration: none; color:white}
   A:visited {text-decoration: none; color:#CDCFC2}
   A:active {text-decoration: none; color:#CDCFC2}
   A:hover {text-decoration: none; font-weight:bold; color: black}
   /* use darkLink class for white background */
   A.darkLink:link{letter-spacing:.1em; text-decoration: none; color:Navy;}
   A.darkLink:visited{letter-spacing:.1em; text-decoration: none; color:Purple;}
   A.darkLink:active{letter-spacing:.1em; text-decoration: none; color:Navy;}
   A.darkLink:hover{letter-spacing:.1em; text-decoration: none; color:Navy}
   /* use smallLink class for -------> a smaller link font!!! */
   A.smallLink:link{font-size:smaller;}
   A.smallLink:visited{font-size:smaller;}
   A.smallLink:active{font-size:smaller;}
   A.smallLink:hover{font-size:smaller;}
   /* used in recipe filter */
   A.rcpLink:link{letter-spacing:0em; text-decoration: none; color:Navy; font-family:Calibri,Arial, Sans-Serif; font-size:12px;}
   A.rcpLink:visited{letter-spacing:0em; text-decoration: none; color:Purple;font-family:Calibri,Arial, Sans-Serif; font-size:12px;}
   A.rcpLink:active{letter-spacing:0em; text-decoration: none; color:Navy; font-family:Calibri,Arial, Sans-Serif; font-size:12px;}
   A.rcpLink:hover{letter-spacing:0em; text-decoration: none; color:Navy; font-family:Calibri,Arial, Sans-Serif; font-size:12px;}
   A.filterLink:link{letter-spacing:0em; text-decoration: none; color:#4169E1; font-family:Calibri,Arial, Sans-Serif; font-size:14px;}
   A.filterLink:visited{letter-spacing:0em; text-decoration: none; color:#4169E1; font-family:Calibri,Arial, Sans-Serif; font-size:14px;}
   A.filterLink:active{letter-spacing:0em; text-decoration: none; color:#4169E1; font-family:Calibri,Arial, Sans-Serif; font-size:14px;}
   A.filterLink:hover{letter-spacing:0em; text-decoration: none; color:#4169E1; font-family:Calibri,Arial, Sans-Serif; font-size:14px;}
   A.rcpPrLink:link{letter-spacing:0em; text-decoration: none; color:Red; font-family:Calibri,Arial, Sans-Serif; font-size:12px;}
   A.rcpPrLink:visited{letter-spacing:0em; text-decoration: none; color:Red;font-family:Calibri,Arial, Sans-Serif; font-size:12px;}
   A.rcpPrLink:active{letter-spacing:0em; text-decoration: none; color:Red; font-family:Calibri,Arial, Sans-Serif; font-size:12px;}
   A.rcpPrLink:hover{letter-spacing:0em; text-decoration: none; color:Red; font-family:Calibri,Arial, Sans-Serif; font-size:12px;}  
   
   .toggler{ font-size:12px; font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif; letter-spacing:.1em; color:Blue;}

.subRecipe{
     padding: 3px 5px 5px 9px;
     margin: 3px 5px 5px 9px;
    font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    color: #191970;
}
.mainRecipe{
  font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif;
  font-size: 14px;
  color: Black;
}

.recipeTitle{
    font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif;
    font-size: 14px; text-transform:uppercase;
    color: Black;
	  letter-spacing: .1em;
	  font-weight: normal;
}
.recipeHdr{
    font-family:  Calibri,Arial, Verdana, Geneva, Sans-Serif;
    font-size: 20px;
    color: #BA5919;
}    
#pageBody{
   position: relative;
   width: 700px;
   top: 20px;
   left: 20px;
   font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif;
   background-color: white;
   }
.sectionHdr{font-size: 24px; font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif; letter-spacing: .2em; color: #BA5919;}
.tagLine{ font-family: "Times New Roman", Times, serif;
   font-size:12px;
   font-weight:normal;
   color:black;
   letter-spacing:.2em}
   
.ctrTxt {
padding: 20px;
font-size: 11px; font-family: Arial, Geneva, Sans-Serif; color: #BA5919;
letter-spacing: .2em}

.sml{   font-size:9pt}
.attn{  font-size:8pt; font-weight:bold}
.hdr{  font: 16pt arial; font-weight:bold;}
.norm{ font-size: 12px; font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif; letter-spacing:.1em;}

.tinyText{
    font-family: Arial,Geneva, Sans-Serif;
    font-size: 8px;
    color: #333333;
    text-align: center;
	position: absolute;
	bottom: 20px;
	left: 400px;
}

.menuBody{               
    text-align:left;
    padding-left:100px;
    padding-right:100px;
}
.menuHdr { 
    font-family:   Calibri,Arial, Verdana, Geneva, Sans-Serif;
    font-size: 24px;
    color: #4169E1;           /* royalBlue */
    }
.menuSection{
    font-family:   Calibri,Arial, Verdana, Geneva, Sans-Serif;
    font-size: 16px;
    color: #660000;
    }
.menuItem{
    font-family:   Calibri,Arial, Verdana, Geneva, Sans-Serif;
    font-size: 14px;
    color: Black;
	letter-spacing: .1em;
    }
.menuDetails{
	padding-left: 9px;
    font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    color: Black;
	letter-spacing: .1em;
    }
.menuDesc{
    padding-left:9px;
    font-family:Calibri,Arial, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    color:Navy;
	letter-spacing: .1em;
    }
.menuIsh{
padding-left: 9px;
    font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    color: #333333;
	letter-spacing: .1em;
}
.menuPrice{
position: absolute;
left: 378px;
width: 300px;
font-family: Calibri,Arial, Verdana, Geneva, Sans-Serif;
font-size: 11px;
color: #333333;
}

/* --- these are for a white background  */
a.linkDark:link{
font-size:14px;
color: #4169E1;
text-decoration:none;
}
a.linkDark:visited{
font-size:14px;
color: #4169E1;
text-decoration:none;
}
a.linkDark:hover{
font-size:14px;
color: Navy;
text-decoration:none;
}
a.linkDark:active{
font-size:14px;
color: #4169E1;
text-decoration:none;
}

.align-right { float:right; margin: 0 0 15px 15px; }

.frame { padding: 5px; border: 1px solid #aaa; }
.wwwPreview {padding: 40px 0 10px 80px; background-color: #F0FFFF;}
.wwwSection{ font-size: 16px; font-weight: bold; letter-spacing: .1em;}
.wwwSectionNotes{ position:absolute; left:350px; font-size: 12px; color: Navy;}
.wwwName{ font-size: 14px; padding-left: 5px; font-weight:bold;}
.wwwDesc{ font-size: 12px; padding-left: 10px;}
.wwwPrice{ font-size: 11px; color: Gray; position:absolute; left: 420px;}
.wwwPrice2{ font-size: 11px; color: Gray; position:absolute; left: 450px;}