* {
  font-family: Georgia, Garamond, serif;
/*font-family: Raleway;*/
}

/*
* {
    border-style: solid;
    border-width: 5px;
}
*/

body {
/*  background-color: rgb(255,253,216);
 rgb(255,253,216) slight yellow 
rgb(232,196,193) slight red*/
}


* {
  margin: 1.5px;
  padding: 1.5px;
}

.ref1 {
color: white;
}

h1 { 
  color: Navy;
  color: rgb(0,0,128);
  color: rgba(0,0,128,1);
  /*background-color: Aqua;
  background-color: rgb(0,255,255);
  background-color: rgba(0,255,255,1);*/
  font-size: 60px;
  line-height: 0em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 32px;
  padding-top: 0px;
  vertical-align: 10px;
}

h2 {
  text-decoration: underline;
}

h3 {
  color: white;
  /*color: rgba(0,255,255,1);*/
  background-color:rgba(0,0,128,1);
  font-size: 24px;
  text-align: Center;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 15px;
}

h4 {
  text-decoration: underline;
  font-weight: bold;
}

li {
  line-height: 1.5em;
  font-family: Raleway;
  /*color: white;*/
}

.container {
border: 5px solid #FFF;
//  border-color: Aqua;
//  border-style: ridge;
  border-radius: 35px;
  font-size: 24px;
  font-weight: bold;
//  background-color: rgb(163,232,160);
background-color: rgb(187,255,248);

/*rgb(232,196,193) slight red
rgb(163,232,160) slight green  
rgb(253,255,145) slight yellow
rgb(187,255,248) light blue
rgb(218,111,255) purple*/

background-image: -webkit-linear-gradient(rgb(232,196,193), rgb(163,232,160));
background: -webkit-linear-gradient(top, rgb(232,196,193), rgb(163,232,160)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, rgb(232,196,193), rgb(163,232,160)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, rgb(232,196,193), rgb(163,232,160)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, rgb(232,196,193), rgb(163,232,160)); /* Standard syntax */
background: linear-gradient(to bottom, rgb(232,196,193), rgb(163,232,160)); /* Standard syntax */

//background: linear-gradient(to bottom, Aqua, rgb(187,255,248)); /* Standard syntax */
//blue purple - background: linear-gradient(to bottom, Aqua, rgb(71,98,255)); /* Standard syntax */
  padding-left: 35px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right:15px;

border-bottom-style: solid;
border-top-style: solid;
border-right-style: hidden;
border-left-style: hidden;
border-color: rgb(0,0,128);
}

.container2 {
border: 5px solid #FFF;
//  border-color: Aqua;
//  border-style: ridge;
  border-radius: 35px;
  font-size: 18px;
  font-weight: bold;

  padding-left: 35px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right:15px;

border-bottom-style: solid;
border-top-style: solid;
border-right-style: hidden;
border-left-style: hidden;
border-color: rgb(0,0,128);


//background-image: -webkit-linear-gradient(Ivory, rgb(232,196,193));
//background: -webkit-linear-gradient(top, Ivory, rgb(232,196,193)); /* For Safari 5.1 to 6.0 */
//background: -o-linear-gradient(bottom, Ivory, rgb(232,196,193)); /* For Opera 11.1 to 12.0 */
//background: -moz-linear-gradient(bottom, Ivory, rgb(232,196,193)); /* For Firefox 3.6 to 15 */
//background: linear-gradient(to bottom, Ivory, rgb(232,196,193)); /* Standard syntax */
//background: linear-gradient(to bottom, Ivory, rgb(232,196,193)); /* Standard syntax */
background-color: rgb(232,196,193);
}

.containerVeg {
border: 5px solid #FFF;
//  border-color: Aqua;
//  border-style: ridge;
  border-radius: 35px;
  font-size: 18px;
  font-weight: bold;
 

  padding-left: 35px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right:15px;

border-bottom-style: solid;
border-top-style: solid;
border-right-style: hidden;
border-left-style: hidden;
border-color: rgb(0,0,128);

background-color: green;
background-image: -webkit-linear-gradient(rgb(154,255,131), rgb(33,178,0));
background: -webkit-linear-gradient(top, rgb(154,255,131), rgb(33,178,0)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, rgb(154,255,131), rgb(33,178,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, rgb(154,255,131), rgb(33,178,0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, rgb(154,255,131), rgb(33,178,0)); /* Standard syntax */
background: linear-gradient(to bottom, rgb(154,255,131), rgb(33,178,0)); /* Standard syntax */
}

.containerFruit {
border: 5px solid #FFF;
//  border-color: Aqua;
//  border-style: ridge;
  border-radius: 35px;
  font-size: 18px;
  font-weight: bold;

  padding-left: 35px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right:15px;

border-bottom-style: solid;
border-top-style: solid;
border-right-style: hidden;
border-left-style: hidden;
border-color: rgb(0,0,128);

background-color: blue;
background-image: -webkit-linear-gradient(rgb(200,254,255), rgb(48,133,255));
background: -webkit-linear-gradient(top, rgb(200,254,255), rgb(48,133,255)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, rgb(200,254,255), rgb(48,133,255)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, rgb(200,254,255), rgb(48,133,255)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, rgb(200,254,255), rgb(48,133,255)); /* Standard syntax */
background: linear-gradient(to bottom, rgb(200,254,255), rgb(48,133,255)); /* Standard syntax */
}

.summary {
border: 5px solid #FFF;
//  border-color: Aqua;
//  border-style: ridge;
  border-radius: 35px;
  font-size: 18px;
  font-weight: bold;

  padding-left: 35px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right:15px;

border-bottom-style: solid;
border-top-style: solid;
border-right-style: hidden;
border-left-style: hidden;
border-color: rgb(0,0,128);
background-color: rgb(244, 178, 65);
}

.topTitle.fadeTitle.full {
  width: 65px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.topTitle.fadeTitle.less {
  width: 65px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.topTitle.fadeTitle {
  display: inline-block;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}


.buttons {
  padding: 10px 0px;
  position: relative;
  text-align: center;
  width: 100%;
}

.buttons a {
  background: rgb(0,0,128);
  border: 1px solid rgb(0,0,128);
  border-radius: 8px;
  color: white;
  /*color: rgb(0,255,255);*/
  display: inline-block;
  margin-top: 5px;
  margin-bottom 0px;
  margin-right: 5px;
  margin-left: 5px;
  padding: 14px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px;
}

.buttons a:hover {
  background: white;
  /*background: rgb(0,255,255);*/
  border: 1px solid rgb(0,0,128);
  color: rgb(0,0,128);
  animation: ease;
}

.buttons {
  padding: 10px 0px;
  position: relative;
  text-align: center;
  width: 100%;
  cursor: pointer;
}

.picsoffood {position:relative; color: black}
.picsoffood span {float: right; display:none; z-index:99; }
.picsoffood:hover span {display:block; float: right;}
.picsoffood img {border-radius: 20px; border: 8px solid black; width: 600px; height: auto;}

.picsoffood {text-decoration:none}
.picsoffood:hover{text-decoration:underline}

.picsoffoodb { position:relative; color: black}
.picsoffoodb span {float: right; display:none; z-index:99; }
.picsoffoodb:hover span {display:block;}
.picsoffoodb img {position:fixed; border-radius: 20px; border: 8px solid black; width: 600px; height: auto; right:26px; top:0%;}

.picsoffoodb {text-decoration:none}
.picsoffoodb:hover{text-decoration:underline}

table {table-layout: fixed; width: 100%;}

table td.bottomline {
    border-bottom:1px solid black;
}

input[type="number"] {
   width:45px;
}

input[type="checkbox"] {
   margin-bottom: 8px;
   transform: scale(1.5);
}

.links:link {text-decoration:none}
.links:visited {text-decoration:none}
.links:hover {text-decoration:underline}

.ref1:link {text-decoration:none}
.ref1:visited {text-decoration:none}
.ref1:hover {text-decoration:underline}

.ref2:link {text-decoration:none}
.ref2:visited {text-decoration:none}
.ref2:hover {text-decoration:underline}

.adjust {
background: rgb(0,0,128);
  border: 1px solid rgb(0,0,128);
  border-radius: 5px;
  color: white; 
  cursor: pointer;}

.adjust:hover {
  background: white;
  /*background: rgb(0,255,255);*/
  border: 1px solid rgb(0,0,128);
  color: rgb(0,0,128);
  animation: ease;
}