* {box-sizing: border-box}
body {
font-family: "Arial, Helvetica, sans-serif"; 
font-size: 16px;
color: black;
}
/* Background colour should be the same as the Hanney GC title */

body {
  background-color: #e6ffe6;
}

/* Style the tab */
.tab {
  float: right;
  border: 2px solid #ccc;
  background-color: #b9d684;
  width: 15%;
  height: 80%;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: blue;
  padding: 10px 10px;
  width: 100%;
  border: 1px solid green;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #c20db1;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccf;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 85%;
  border-left: none;
  height: 90%;
}


/* Heading styles */
h1 {
color: #5e5ffc;
font-size: 30px;
}  
h2 {
color: #cb607b;
font-size: 24px;
} 
h3 {
color: #d6b984;
font-size: 24px;
} 


/* Logo and header "hanney gardening club" */

#logo h1 {
padding:10px 10px 10px 10px;
width:560px; 
text-align: center;
height: 10%;
letter-spacing: -1px;
font-size: 3.5em;
font-family: Brush Script MT, Times New-Roman, sans-serif;
color: #2c8e3b;
background: #e6ffe6;
}

/* Define menu attributes */

#menu {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}

#footer {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #222200;
float:left;
height: 10%;
}

/* Change for fancy bullets
ul {
  list-style-image: url('graphics/LogoSmall.jpg');
}
*/

ol {
  list-style-type: circle;

}