body {
  margin: 6;
  font-family: Arial, Helvetica, sans-serif;
}


span.white {color:#ffffff;font-family:arial;font-size:14px;line-height:14pt;font-weight:normal;}
span.largeital {color:#ffffff;font-family:arial;font-size:20px;font-weight:bold;}
span.large {color:#000070;font-family:times, serif;font-size:38px; line-height:36pt;font-weight:bold;}
A.large3 {color:#000070;font-family:times, serif;font-size:38px; line-height:36pt;font-weight:bold; TEXT-DECORATION: none}
span.large2 {color:#000070;font-family:times, serif;font-size:24px;font-weight:bold;}
span.large3 {color:#000070;font-family:times, serif;font-size:24px;font-weight:bold;}
span.large4 {color:#517201;font-family:times, serif;font-size:36px; line-height:36pt;font-weight:bold;}
span.large5 {color:#C27005;font-family:times, serif;font-size:36px; line-height:36pt;font-weight:bold;}
span.large6 {color:#C27005;font-family:times, serif;font-size:20px; line-height:24pt;font-weight:bold;}
span.main {color:#000070;font-family:arial;font-size:14px;line-height:16pt;font-weight:normal;}
span.main3 {color:#000070;font-family:arial;font-size:16px;line-height:16pt;font-weight:normal;}
span.orange {color:#FF6B09;font-family:times, serif;font-size:24px;font-weight:bold;}
span.main2 {color:#000000;font-family:arial;font-size:14px;line-height:14pt;font-weight:normal;}
span.heading {color:#000000;font-family:arial;font-size:24px;font-weight:bold;}
span.home2 {color:#000000;font-family:arial;font-size:20px;font-weight:bold;}
span.home{font-family:arial;color:#000070; font-size:11pt;}
span.gray{FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 18pt; FONT-FAMILY: times,serif;font-weight:bold;}
a.home2{font-family:arial;color:#000070; font-size:14pt;text-decoration:none;font-weight:bold;}
a.home2:hover{color:#FF6B09;}
a.home{font-family:arial;color:#000070;text-decoration:none;font-size:12pt;font-weight:bold;}
a.home:hover{color:#FF6B09;}
a.homeline{font-family:arial;color:#000070;font-size:12pt;font-weight:bold;}
a.homeline:hover{color:#FF6B09;}
a.home3{font-family:arial;color:#000070;font-size:12pt;text-decoration:none;}
a.home3:hover{color:#FF6B09;}
A.homeblue {	FONT-SIZE: 12pt; COLOR: #000070; LINE-HEIGHT: 14pt; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeblue:link {FONT-SIZE: 12pt; COLOR: #000070; LINE-HEIGHT: 14pt; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeblue:visited {FONT-SIZE: 12pt; COLOR: #000070; LINE-HEIGHT: 14pt; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeblue:hover {FONT-SIZE: 12pt; COLOR: purple; LINE-HEIGHT: 14pt; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeblue:active {FONT-SIZE: 12pt; COLOR: #000070; LINE-HEIGHT: 14pt; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homered {	FONT-SIZE: 12pt; COLOR: #BC3C15;FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homered:link {FONT-SIZE: 12pt; COLOR: #BC3C15; FONT-FAMILY: Arial,Helvetica,sans-serif; font-weight:bold;TEXT-DECORATION: none}
A.homered:visited {FONT-SIZE: 12pt; COLOR: #BC3C15; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homered:hover {FONT-SIZE: 12pt; COLOR: #FF6B09;; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homered:active {FONT-SIZE: 12pt; COLOR: #BC3C15; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}

A.homeamber {	FONT-SIZE: 12pt; COLOR: #C27005; FONT-FAMILY: Arial,Helvetica,sans-serif; font-weight:bold;TEXT-DECORATION: none}
A.homeamber:link {FONT-SIZE: 12pt; COLOR: #C27005;FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeamber:visited {FONT-SIZE: 12pt; COLOR: #C27005; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeamber:hover {FONT-SIZE: 12pt; COLOR: #FF6B09;; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeamber:active {FONT-SIZE: 12pt; COLOR: #C27005; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none
}
A.hometurq {	FONT-SIZE: 12pt; COLOR: #44A0F6; FONT-FAMILY: Arial,Helvetica,sans-serif; font-weight:bold;TEXT-DECORATION: none}
A.hometurq:link {FONT-SIZE: 12pt; COLOR: #44A0F6; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.hometurq:visited {FONT-SIZE: 12pt; COLOR: #44A0F6; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.hometurq:hover {FONT-SIZE: 12pt; COLOR: #FF6B09;; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.hometurq:active {FONT-SIZE: 12pt; COLOR: #44A0F6; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homemauve {	FONT-SIZE: 12pt; COLOR: #B479C8; FONT-FAMILY: Arial,Helvetica,sans-serif; font-weight:bold;TEXT-DECORATION: none}
A.homemauve:link {FONT-SIZE: 12pt; COLOR: #B479C8; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homemauve:visited {FONT-SIZE: 12pt; COLOR: #B479C8; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homemauve:hover {FONT-SIZE: 12pt; COLOR: #FF6B09;; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homemauve:active {FONT-SIZE: 12pt; COLOR: #B479C8; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homegreen {	FONT-SIZE: 12pt; COLOR: #517201; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homegreen:link {FONT-SIZE: 12pt; COLOR: #517201; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homegreen:visited {FONT-SIZE: 12pt; COLOR: #517201; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homegreen:hover {FONT-SIZE: 12pt; COLOR: #FF6B09;; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homegreen:active {FONT-SIZE: 12pt; COLOR: #517201; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeolive {	FONT-SIZE: 12pt; COLOR: #808000; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeolive:link {FONT-SIZE: 12pt; COLOR: #808000; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeolive:visited {FONT-SIZE: 12pt; COLOR: #808000; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeolive:hover {FONT-SIZE: 12pt; COLOR: #FF6B09;; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.homeolive:active {FONT-SIZE: 12pt; COLOR: #808000; FONT-FAMILY: Arial,Helvetica,sans-serif;font-weight:bold; TEXT-DECORATION: none}
A.red {	FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.red:link {FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.red:visited {FONT-SIZE: 18pt; COLOR: #BC3C15; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.red:hover {FONT-SIZE: 18pt; COLOR: #FF6B09;; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.red:active {FONT-SIZE: 18pt; COLOR: #BC3C15; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}

A.amber {	FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.amber:link {FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.amber:visited {FONT-SIZE: 18pt; COLOR: #C27005; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.amber:hover {FONT-SIZE: 18pt; COLOR: #FF6B09;; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.amber:active {FONT-SIZE: 18pt; COLOR: #C27005; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}
A.turq {	FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.turq:link {FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.turq:visited {FONT-SIZE: 18pt; COLOR: #44A0F6; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.turq:hover {FONT-SIZE: 18pt; COLOR: #FF6B09;; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.turq:active {FONT-SIZE: 18pt; COLOR: #44A0F6; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.mauve {	FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.mauve:link {FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.mauve:visited {FONT-SIZE: 18pt; COLOR: #B479C8; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.mauve:hover {FONT-SIZE: 18pt; COLOR: #FF6B09;; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.mauve:active {FONT-SIZE: 18pt; COLOR: #B479C8; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.green {	FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.green:link {FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.green:visited {FONT-SIZE: 18pt; COLOR: #517201; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.green:hover {FONT-SIZE: 18pt; COLOR: #FF6B09;; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.green:active {FONT-SIZE: 18pt; COLOR: #517201; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.blue {	FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.blue:link {FONT-SIZE: 18pt; COLOR: #aaaaaa; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.blue:visited {FONT-SIZE: 18pt; COLOR: #517201; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.blue:hover {FONT-SIZE: 18pt; COLOR: #FF6B09;; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
A.blue:active {FONT-SIZE: 18pt; COLOR: #517201; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none}
body {
  margin: 6;
  font-family: Arial, Helvetica, sans-serif;
}
.bgimg1 {
    background-image: url('summer-list.jpg');
}
.bgimg2 {
    background-image: url('http://manorcuisine.co.uk/images/divbg.png');
}

.topnav {
  overflow: hidden;
  background-color: #ffffff;
}

.topnav a {
  float: left;
  display: block;
  color: #000070;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
}

.active {
  background-color: orange;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 14px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #ddd;
  color: #000070;
}

.dropdown-content a:hover {
  background-color: #FF6B09;
  color: #ffffff;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
.topnav2 {
  overflow: hidden;
  background-color: #000070;
  padding-left: 75px
}

.topnav2 a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
}

.active {
  background-color: orange;
  color: white;
}

.topnav2 .icon {
  display: none;
}

.dropdown2 {
  float: left;
  overflow: hidden;
}

.dropdown2 .dropbtn2 {
  font-size: 14px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown2-content {
  display: none;
  position: absolute;
  background-color: #dddddd;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown2-content a {
  float: none;
  color: #000070;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav2 a:hover, .dropdown2:hover .dropbtn2 {
  background-color: orange;
  color: white;
}

.dropdown2-content a:hover {
  background-color: orange;
  color: #000070;
}

.dropdown2:hover .dropdown2-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav2 a:not(:first-child), .dropdown2 .dropbtn2 {
    display: none;
  }
  .topnav2 a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav2.responsive {position: relative;}
  .topnav2.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav2.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav2.responsive .dropdown2 {float: none;}
  .topnav2.responsive .dropdown2-content {position: relative;}
  .topnav2.responsive .dropdown2 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
}
* {
  box-sizing: border-box;
}

/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
}
/* Create four equal columns that floats next to each other */
.columna {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* On screens that are 1200px wide or less, go from four columns to two columns */
@media screen and (max-width: 1200px) {
  .column {
    width: 50%;
  }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
     }

}
/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  div.header {
   width: 50%;
     }

}