body {background-color:#006D5B;}

<style type="text/css">
   
body {
   font-size: 12pt;
   font-family: Calibri; 
   color: #000000;
}
em9 {
   font-size: 20pt;
   font-family: Trebuchet; 
   color: #000000; 
   text-shadow: #FFFF00 0.1em 0.1em 0.2em;
}
H1 {
   font-size: 30pt;
   font-family: Tahoma; 
   color: #76031D;
}
H2 {
   font-size: 24pt;
   font-family: Georgia; 
   color: #DF7D60;
}

p.articlebody {
   font-size: 16pt;
   font-family: Calibri; 
   color: #000000;
}
p.clams { 
     font-size: 16pt;
   font-family: Calibri; 
   color: #000000;
   text-indent: 50px;
}

p.footer {
   font-size: 16pt;
   font-family: Calibri; 
   color: #FFFFFF;
}
p.title {
   font-size: 20pt;
   font-family: Georgia; 
   color: #000000;
   line-height:90%;
}
p.byline {
   font-size: 14pt;
   font-family: Trebuchet; 
   color: #CC0000;
   line-height:90%;
}
p.date {
   font-size: 14pt;
   font-family: Trebuchet; 
   color: #000000;
   line-height:90%;
}
p.smallfont{
   font-size: 10pt;
   font-family: Trebuchet; 
   color: #000000;
}
p.index1 {
   font-size: 20pt;
   font-family: Tahoma; 
   color: #AEB05D;
   line-height:50%;
   font-weight:bold;
}
p.index2 {
   font-size: 18pt;
   font-family: Georgia; 
   color: #000000;
   line-height:50%;
}
p.index3 {
   font-size: 12pt;
   font-family: Trebuchet; 
   color: #DF7D60;
   line-height:50%;
}

A:link, a:visited {
   font-size: 16pt;
   font-family: Tahoma; 
   color: #F5F5DC;
   text-decoration: none;
} 
A:active, a:hover {
   font-size: 16pt;
   font-family: Tahoma;
   color: #800517;
   text-decoration: none;
}
A.two:link, a.two:visited {
   font-size: 14pt;
   font-family: Georgia; 
   color: #FFFFFF;
   text-decoration: none;
} 
A.two:active, a.two:hover {
   font-size: 14pt;
   font-family: Georgia;
   color: #FFFFFF;
   background-color: #FDD017; 
   text-decoration: none;
}

A.three:link, a.three:visited {
   font-size: 12pt;
   font-family: Tahoma; 
   color: #009933;
   text-decoration: none;
} 
A.three:active, a.three:hover {
   font-size: 12pt;
   font-family: Tahoma;
   color: #FFFFFF;
   background-color: #FDD017; 
   text-decoration: none;
}
A.recipe:link, a.recipe:visited {
   font-size: 16pt;
   font-family: Georgia; 
   color: #000000;
   text-decoration: none;
} 
A.recipe:active, a.recipe:hover {
   font-size: 16pt;
   font-family: Georgia;
   color: #000000;
   background-color: #FDD017; 
   text-decoration: none;
}
p.recipeins{
   font-size: 12pt;
   font-family: Trebuchet; 
   color: #000000;
}
p.recipeing{
   font-size: 12pt;
   font-family: Trebuchet; 
   color: #000000;
   font-style: italic;
}
p.recipetitle{
   font-size: 18pt;
   font-family: Tahoma; 
   color: #DF7D60;
}
.navbar ul{
    list-style: none;
    background: #006D5B;
    padding: 0;
    margin: 0;
    text-align: center;
}
.navbar li {
    display: inline-block;
}
.navbar a {
    text-decoration: none;
    color: #F5F5DC;
    width: 150px;
    display: block;
    padding: 8px 10px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.navbar a:hover {
    background: #76031D;
}
* {
  box-sizing: border-box;
}

.column {
  float: left;
  text-align: center;
  width: 20%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}
a.nav1:link, a.nav1:visited {
  font-size: 18pt;
  font-family: Helvetica, Arial, sans-serif; 
  color: #F5F5DC; 
  text-decoration: none;
}
a.nav1:hover, a.nav1:active {
  font-size: 18pt;
  font-family: Helvetica, Arial, sans-serif; 
  background-color: #54C571; 
  text-decoration: none;
}
.navbar2 ul{
    list-style: none;
    background: #006D5B;
    padding: 0;
    margin: 0;
    text-align: center;
}
.navbar2 li {
    display: inline-block;
}
.navbar2 a {
    text-decoration: none;
    color: #fff;
    width: 300px;
    display: block;
    padding: 8px 10px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.navbar2 a:hover {
    background: #76031D;
}