<!--
html {
  scroll-behavior: smooth;
}
.bodycolor{background:#cccc99;}
.a{position:absolute;left:50px;top:0px;width:800:px;}
.b{ position:absolute;left:50px;top:97px;}
.redbar{width:1200px;position:relative;left:43px;top:210px;}
.yellowbar{width:1200px;position:relative;left:43px;top:212px;}
.c{position:absolute;top:193px;position:absolute;left:50px;width:1200px;color:white;background-image:url(graphics/nav_locat_bg.gif);}
a.nav:link, a.nav:visited{
background-image:url(graphics/nav_link.gif);
width:100px;
padding-right:15px;
padding-left:15px;
color:white;
border:none;
display:inline-block;
text-align: center;
word-spacing:15px;
vertical-align:middle;
font-size:12pt;
font-weight:bold;
font-family:arial,sans-serif;
text-decoration:none;
line-height:18pt;
}

@font-face {
  font-family:youtube;
  src: url(youtube.otf);
}
a.nav:hover{background-image:url(graphics/nav_linkhover.gif);}

.tabs{position:absolute;left:50px;top:253px;}

.atoz{position:absolute;left:80px;top:258px;}

.appts{position:absolute;left:260px;top:258px;}

.entrees{position:absolute;left:440px;top:258px;}

.desserts{position:absolute;left:600px;top:258px;}

.sauces{position:absolute;left:775px;top:258px;}

.info{position:absolute;left:925px;top:258px;}

a.cookbook_nav:link{color:black;text-align:center;font-size:12pt;font-weight:bold;font-family:arial,sans-serif;text-decoration:none;}
a.cookbook_nav:visited{color:black;text-align:center;font-size:12pt;font-weight:bold;font-family:arial,sans-serif;text-decoration:none;}
a.cookbook_nav:hover{color:red;text-align:center;font-size:12pt;font-weight:bold;font-family:arial,sans-serif;text-decoration:none;}

.page{position:absolute;left:50px;top:303px;background-color:#ffffcc;height:2200px;width:1000px;font-family:arial,helvetica,sans-serif;}
.index{width:300px;position:relative;left:0px;top:0px;text-align:left;background-color:#ffffcc;}
.blue{color:blue}
.center{text-align:center;}
.validvals{position:absolute;left:25px;top:123px;background:#FFFFCC;width:225;height:1687px;padding:10px;text-align:center;}

.instruct{position:absolute;left:241px;top:123px;background:#FFFFCC;width:636px;padding:10px;}

.calc{position:absolute;left:265px;top:458px;width:612px;height:1200px;background:#FFFFCC;padding:10px;}
.directions{position:absolute;left:265px;top:1280px;background:#FFFFCC;width:612;height:400px;padding:10px;}
.calc_end{position:absolute;left:265px;top:1700px;background:#FFFFCC;width:613;padding:10px;height:110px;text-align:center;}
.expred{font-size:smaller;font-weight:bold;background:white;border:thin red solid}

.exp{font-size:smaller;font-weight:bold;background:white;border:thin black solid }
.header{font-size:18px;color:#FFffcc;background:#0033cc;font-family:verdana, helvetica, arial;}

.blue_indent{color:blue;margin-left:30px;font-size:16pt;font-weight:bold;font-family:arial,sans-serif;text-decoration:NONE}

.red_indent{color:red;margin-left:40px;font-size:12pt;font-weight:bold;font-family:arial,sans-serif;text-decoration:NONE}

.udln{ text-decoration: underline;}
.indnt{margin-left:20px;}
.ita{font-style:italic}
.ita_red{font-style:italic;color:red;}
.last{position:absolute;left:0;top:4700}

.leftlogo{position:absolute;left:25px;top:0px;}

.mainnav{color:#FFffcc;background:#0033cc}
.name{font-size:30px;font-style:italic;font-family:heather,serif;background:#6D3E28;color:white; text-align:center;margin-left:15%; width:200px;}
.nytxbord{font-weight:bold;background:red;color:white;margin:5px;border:thin black solid }
.nytx{font-weight:bold;background:red;color:white;margin:5px;}
.iframe{position:absolute;left:270px;top:0px;background-color:#ffffcc;height:1800px;width:730px;border:none;}
.infoiframe{position:absolute;left:300px;top:50px;background-color:#ffffcc;height:800px;width:650px;border:none;}
.red{color:red;}
.d{position:relative;left:30px;top:300px;color:#0033cc; width:1200px;height:400px;}
.smile{text-align:left;position:relative;left:65px;top:-80px;width:150px;height:49px;padding-top:10px;
}
.textboxyel_1{color:blue;font-size:14pt;font-weight:500;background:#ffffcc; position:relative;left:0px;top:0px;;padding:10px;margin:10px;width:270px;height:200px;}
.textboxblue_1{color:blue;font-size:14pt;font-weight:500;background:#ccccff;position:relative;left:295px;top:-230px;width:270px;height:200px;padding:10px;margin:10px;}
.textboxprp_1{color:blue;font-size:14pt;font-weight:500;background:#ffccff;position:relative;left:0px;top:-235px;width:270px;height:160px;padding:10px;margin:10px;}
.textboxgrn_1{color:blue;font-size:14pt;font-weight:500;background:#ccffcc;position:relative;left:295px;top:-425px;width:270px;height:160px;padding:10px;margin:10px;}
.textboxblue_2{color:blue;font-size:14pt;font-weight:500;background:#ccccff;position:relative;left:0px;top:-430px;width:270px;height:85px;padding:10px;margin:10px;}
.textboxprp_2{color:blue;font-size:14pt;font-weight:500;background:#ffccff;position:relative;left:295px;top:-545px;width:270px;height:85px;padding:10px;margin:10px;}
.textboxyel_2{color:blue;font-size:14pt;font-weight:500;background:#ffffcc;position:relative;left:0px;top:-550px;width:565px;height:170px;padding:10px;margin:10px;padding-top:50px}
.socialmedia{color:blue;font-size:14pt;font-weight:500;background-color:#ffffcc;position:absolute;left:630px;top:250px;width:370px;
height:1130px;;margin:10px;}
.facebook{color:blue;width:290px;height:36px;position:absolute;left:25px;top:30px;padding-right:10px;padding-left:10px;}
.profilecopy{color:blue;font-size:14pt;font-weight:500;width:320px;position:absolute;left:10px;top:40px;font-family:arial,sans-serif;font-style:italic;text-decoration:none;}
.profilepic{width:100px;height:100px;margin-right:15px;float:left; 
outline-style: solid;outline-color:white
}
.surrey{width:335px;position:absolute;left:0;top:390px;
}
.surrey_text{color:blue;font-size:14pt;font-weight:500;font-family:arial,sans-serif;font-style:italic;position:absolute;left:50;
}
.surrey_logo{position:absolute;left:35px;top:100px;width:300px;
 outline-style: solid;
 outline-color:#0254a0;
}
p.donate{position:relative;left:35px;top:230px;width:300px;
text-align:center;font-size:16pt;
}
.mow{position:absolute;left:35px;top:720;width:300px;
}
.mow_text{position:relative;left:0px;top:20px;width:300px;
}
.mow_logo{position:relative;left:0px;top:20px;width:300px;
}

a.social:link {
  color: blue;
  background-color: transparent;
  text-decoration: none;
}
a.social:visited {
  color: blue;
  background-color: transparent;
  text-decoration: none;
}
a.social:hover {
  color: red;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
.end{position:relative;left:0px;top:-555px;background:#ffffcc;width:585;padding-top:60px;margin:10px;height:164px;text-align:center;}

.unln{font-weight:bold;text-decoration:underline;}
.week{text-align:center;}
.yelbord{font-size:smaller;font-weight:bold;background:#FFEEAA;border:thin black solid }
a.alpha:hover{color:red;}
a.bottom:hover{background:white;color:blue}
a.bottom:link{color:white;font-size:11pt;font-weight:bold;font-family:arial,sans-serif;text-decoration:NONE;background:#0033cc text-align:center;width:80px;}

a.bottom:visited{color:white;font-size:11pt;font-weight:bold;font-family:arial,sans-serif;text-decoration:NONE;background:#0033cc text-align:center;width:80px;}

a.cbkit:hover{color:blue;background:white;text-decoration:NONE;}
a.cbkit:visited{text-decoration:NONE;}

.cbkit{font-size:18px;font-family:arial,helvetica,sans-serif;position:absolute;left:0px;top:100px;width:100px;background:blue;color:white;border:solid navy 2pt; text-align:center;margin:4px 2px;text-decoration:NONE}

.manilaline{background:#FFFFCC;width:600px;height:19px;position:absolute;left:100px;top:40px;}
a.recipe:link{color:black;font-size:12px;font-weight:bold;font-family:arial,sans-serif;text-decoration:NONE;}

a.recipe:visited{color:black;font-size:12px;font-weight:bold;font-family:arial,sans-serif;text-decoration:NONE;}
a.recipe:hover{color:red;text-decoration:underline;}
hr.fb { 
  color:blue;
  position:relative;left:-6px;top:15px;
  display:block;
  margin-top:10px;
  margin-bottom:20px;
  margin-left: auto;
  margin-right: auto;
  border-style: outset;
  border-width: 2px;
} 
hr.surser { 
  color:blue;
  position:relative;left:20px;top:225px;
  display:block;
  margin-top:10px;
  margin-bottom:20px;
  margin-left: auto;
  margin-right: auto;
  border-style: outset;
  border-width: 2px;
} 
ol{font-size:14px;font-weight:bold;color:#0033cc;text-align:left;line-height:200%}
ul{font-size:14px;font-weight:bold;color:#0033cc;text-align:left;list-style:none}

.newrecipe{color:#ffffff;background:#ff0033;font-size:8px;font-weight:bold;font-family:verdana, helvetica, arial;font-style:italic;line-height:80%;padding:1px}

.cblitext{color:blue;font-style:italic;font-size:14px;text-decoration:none;}

.indent{margin-left:2%;font-size:10px;font-style:italic;}

.home_page{background-image:url(graphics/home_page_bg.gif);}
th{line-height:150%;}
.splash_top{position:relative;top:-10px;left:0px;color:blue;font-size:14pt;width:700px;
}
div.sticky {position:-webkit-sticky;position:sticky;top:0;}
div.imagebox{position:relative;top:0px;left:0px;border:0;}
.linkpic_appt{position:relative;top:0px;left:0px;margin:0px 2px 2px 2px;border:0;}
.linkpic_entree{position:relative;top:0px; left:0px;margin:0px 2px 2px 2px;border:0;}
.linkpic_sauces{position:relative;top:0px; left:0px;margin:2px 2px 0px 2px;border:0;}
.linkpic_desserts{position:relative;top:0px; left:0px;margin:2px 2px 0px 2px;border:0;}

.bold{font-weight:bold}
dl{ display: block;
  font-family:arial,helvetica, sans-serif 
 
}
dt{
  font-weight:600;
  font-size:12pt;
  padding-bottom:2pt;
}
dd{font-size:10pt;
   font-weight:400;
   padding-bottom:4pt;
   }
div.solid{border-style: solid;
	border-width:1pt;
	border-color:black;
	width:600px;
	padding-left:6pt;
}	

--->