body {
    font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    width: 850px;
    overflow: auto;
}
table,tr,td
{
border:none; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 12px; letter-spacing:0em; padding:0px; margin:0px;
}
img { 
    border: none;
}
.rcpImg
{
border: none;
float: right;
}

ul {list-style-image: url("listbullet.gif");}     /* bulleted list image  NOTE it's not in IMG dir */

#leftColumn{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 250px;
    overflow: visible;
    background-color: White;
    color: Black;
}
#rightColumn{
    position: relative;
    left: 250px;
    width: 640px; min-height:618px;
    overflow: auto;
    background-color: White;
    color: Black;
    padding: 10px;
}
/* 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;
min-height:700px;
}
#rightColumnMain{
    position: relative;
    left: 400px;
    width: 450px; min-height:700px;
    overflow: visible;
    background-color: White;
    color: Black;
    padding: 0px 10px 0px 10px;
}
#copyText{
    font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 9px;
    color: GrayText;
    text-align: center;
}
#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;
}


#frameContentTop
{
    left: 140px;
    right: 0;
    width: 750px;
    height: 160px;
    overflow: visible;
    color: White;
}

#mainContent{
    position: absolute;
    top: 2px;
    left: 10px;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: #4169E1;
    color: Black;
}

#bgEditorContent{
text-align: center; 
font-family: Calibri, Arial, Verdana, Sans-Serif; background-color: #DCDCDC; color: Black;
}

#headerBar{
   position: absolute;
   width: 850px;
   height:50px;
   left: 20px;
   font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
   letter-spacing:.2em;
   font-weight: normal;
   line-height: 24px;
   font-size: 20px;
   font-weight: normal;
   background-color: #4169E1;
   color: white;
   }
   
#linkBar{
   position: absolute;
   width: 710px;
   top: 50px;
   left: 146px;
   font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
   letter-spacing: .1em;
   line-height: 18px;
   font-weight:normal;
   font-size: 12px;
   color: White;}
      
#pageBody{
   position: relative;
   width: 870px;
   top: 52px;
   left: 20px;
   font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
   font-size: 12px;
   background-color: white;
   }
   
   /* override default hyperlink appearance ---- this is white on dark background */   
   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: Yellow;}
   /* 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;}  

   
.innertube {margin: 3px;}

.floatLeft {
    float: left;
    padding: 5px 5px 5px 0px;
}
.floatRight {
    float: right;
    padding: 5px 0px 5px 0px;
}


.rightText {
    text-align: right;
    font-size: 14px;
    margin-right: 22px;
}

.sectionHdr{font-size: 20px; font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif; 
            letter-spacing: .1em; color: #4169E1;}
            
.tagLine{ font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
   font-size:11px;
   font-weight:normal;
   color:black;
   letter-spacing:.2em}
   
.ctrTxt {
padding: 20px;
font-size: 12px; font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
letter-spacing: .2em}

.sml{   font:11px Calibri,Arial,Sans-Serif; letter-spacing:normal;}
.attn{  font-size:8px; font-weight:bold}
.hdr{  font: 16px Arial; font-weight:bold;}
.norm{ font-size: 12px; font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif; letter-spacing:.1em;}
.errorMsg{font-size:12px;font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif; color:Red; font-weight:bold;}
.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;
}

.recipeTitle{
    font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 14px; text-transform:uppercase;
    color: Black;
	  letter-spacing: .1em;
	  font-weight: normal;
}
    
.tinyText {
    font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 9px;
    color: GrayText;
}
.bgEntryLabel{
text-align:left;
}
/* this is the color scheme used by the various MENU pages  */
.menuBody{               
    text-align:left;
    padding-left:100px;
    padding-right:100px;
}
.menuHdr { 
    font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 16px;
	  letter-spacing: .1em;
    color: #4169E1;           /* royalBlue */
    }
    
.menuSection{
    font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 16px;
    color: Navy;
	  letter-spacing: .2em;
	  font-weight: normal;
    }

.menuItem{
    font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 14px;
    color: Black;
    letter-spacing: .1em;
    }
.menuDetails{
	  padding-left: 7px;
    font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    color: Black;
    }
.menuDesc{
    padding-left:7px;
    font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    color:Navy;
    }
.menuIsh{
    padding-left: 9px;
    font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 14px;
    color: #333333;
    }
.menuPrice{
    position: absolute;
    left: 420px;
    width: 200px;
    font-family: Arial, Geneva, sans-serif;
    font-size: 11px;
    color: #333333;
}

.tiamocolor{
	color: #BA5919;
}
.lbxPicker{
    padding-left: 2px;
    font-family:  Calibri, Arial, Geneva,sans-serif;
    font-size: 14px;
    color: #333333;
    vertical-align: top;
    width: 150px;
}
.hoursLeft{
  font-family: Calibri,Arial,Geneva,Sans-Serif; letter-spacing:.1em;
  font-size:12px; 
  color:Navy; 
  vertical-align:top;
  font-weight: bold;
}
.hoursMid{
  font-family: Calibri,Arial,Geneva,Sans-Serif; letter-spacing:.1em;
  font-size:12px; 
  color:Black; 
  vertical-align:top;
  font-weight: normal;
}
.hoursRight
{
  font-family: Calibri,Arial,Geneva,Sans-Serif; letter-spacing:.1em;
  font-size:12px; 
  color:Black; 
  vertical-align:top;
  font-weight: normal;
  text-align: right;
}
/* =====================  data entry field theme ============================*/
.dataEntryLabel{
  font-family: Calibri,Arial,Geneva,Sans-Serif;
  font-size:14px; 
  color:Black; 
  vertical-align:top; 
  text-align: right;
}
.dataEntryTxtBox{
  font-family: Calibri, Arial, Geneva, Sans-Serif;
  font-size: 12px;
  color: Black;
  text-align:left; 
  border-style: solid;
  border-color:  Gray;
  border-width: thin;
  padding-left: 1px; 
  width: 300px;
}
.dataEntryTxtMultiBox{
  font-family: Calibri, Arial, Geneva, Sans-Serif; vertical-align:text-top;
  font-size: 12px;
  color: Black;
  text-align:left; 
  border-style: solid; 
  border-color: Gray;
  padding-left: 1px; 
  border-width:thin;
  width: 300px; 
}
.dataEntryLBox{
    padding-left: 2px;
    font-family:  Calibri, Arial, Geneva,sans-serif;
    font-size: 16px;
    color: #333333;
    vertical-align: top;
}
.dataEntryCBox{
    padding-left: 2px;
    font-family:  Calibri, Arial, Geneva,sans-serif;
    font-size: 14px;
    color: #333333;
    vertical-align: top;
}
.dataEntryRBtn{
    padding-left: 2px;
    font-family:  Calibri, Arial, Geneva,sans-serif;
    font-size: 16px;
    color: #333333;
    vertical-align: top;
    }
.wwwPreview {padding: 40px 0 10px 80px; background-color: #F0FFFF;}
.wwwSection{ font-size: 16px; font-weight: bold; letter-spacing: .1em;}
.wwwSectionNotes{ 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;}