body {
font-family : sans-serif;
background : #ffffff ;
padding : 0.5%;
margin : 0.5%;
color : #063E3F;
max-width: 80em;
margin-left:auto;
margin-right:auto;
}
h1 {
font-size : 220%;
color : #063E3F;
margin : 5%0%0%0%;
padding : 0.5%;
text-align : left;
}
.title-image {float: right; padding: 0.5%; margin: 0.5%; }
.menu {float: none;  margin: 0%0.5%0%0.5%; padding: 0.5%;  background: #063E3F; color: #ffffff;  }
h2 { font-size: 140%; color:  padding: 0.5%; margin: 2%0.5%0%0.5%; color: #063E3F;  }
h3 { font-size: 120%; color:  #063E3F; padding: 0.5%; margin: 0.5%;  }
h4 { font-size: 110%; color:  #063E3F; padding: 0.5%; margin: 2%0.5%0.5%0.5%; }
p { text-decoration: none; padding: 0.5%; text-align: left;  margin: 0.5%; }
li { text-decoration: none; padding: 0.5%; text-align: left;   }
.emph{ font-size: 130%; color:  #063E3F;  padding: 1%; margin: 1%;  }
em { font-size: 100%; padding: 0.1%; }
a:link { color: #940F04; }
a:visited { color: #660000;  }
a:hover {  background: #063E3F; color: #ffffff; }
a:active {  background: #063E3F; color: #ffffff; }
.head { float: none; margin: 0%;  text-align: right; }
.left {float: left; width: 17%;  margin: 0.5%; padding: 0.5%;  }
.left-box {float: left; width: 17%;  margin: 0.5%; padding: 0.5%; border-style:solid;}
.left-grey-box {float: left; width: 25%;  margin: 0.5%; padding: 0.5%; background: #cccccc;}
.right-grey-box {float: right; width: 25%;  margin: 0.5%; padding: 0.5%; background: #cccccc;}

.right { float: right;  margin: 0.5%; padding: 0.5%; background: white; text-align: right;}
.left-ad { float: left;  margin: 0.5%; padding: 0.5%; background: white; text-align: left; }
.right-ad { float: right;  margin: 0.5%; padding: 0.5%; background: white; text-align: right; clear:right;}
.body { float: left; width: 80%; margin: 0.5%; padding: 0.5%; background: white; text-align: left; }
.image-right {float: right; padding: 0.5%; margin: 0.5%; }
.image-left {float: left; padding: 0.5%; margin: 0.5%; }
.image-center { padding: 0.5%; margin: 0.5%; }
.photo-right { margin: 0.5%; padding: 0.5%; text-align: center; float: right; width: 30%; }
.photo-left { margin: 0.5%; padding: 0.5%; text-align: center; float: left; width: 30%; }
.caption { clear: both; text-decoration: none; padding: 0.5%; text-align: left;  margin: 0.5%; }
.quote { text-decoration: none; padding: 0.5%; text-align: left;  margin: 0.5%; color:  #000000; font-style: italic; }
.extract { text-decoration: none; padding: 0.5%; text-align: left;  margin: 0.5%; color:  #000000; font-style: italic; background:#cccccc; }
table {padding: 0.5%; text-align: left;  margin: 0.5%; background:#cccccc; }
td {padding: 0.5%; text-align: left;  margin: 0.5%; background:#ffffff; }
.lt-green-box { padding:0%; margin:0.5%; clear: left; }

.banner-ad {clear:left; float:left; padding:0.25%; margin:0.25%;} 
.ad-right-160 {
margin : 1%;
padding : 0%;
text-align : left;
float : right;
width : 160px;
clear : right;
}

.right-200 {
margin : 1%;
padding : 0%;
text-align : left;
float : right;
width : 200px;
clear : right;
}

.right-300 {
margin : 1%;
padding : 0%;
text-align : left;
float : right;
width : 300px;
clear : right;
}

.left-menu-160 {
margin : 1%;
padding :;
text-align : left;
float : left;
width : 160px;
clear : left;
}
.eco-sydney-ad {
margin : 0%0%1%0%;
padding : 0.5%;
text-align : center;
float : right;
width : 200px;
font-size : 90%;
clear : right;
background: #ffffff;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.2);
}

.left-menu a {
    display: inline-block;
    padding: 11px 13px;
text-align: left;
}

.left-menu a:hover {
text-decoration :none;
}
.left-menu {
    text-align: left;
float : left;
margin : 0%2%0%0%;
padding : 0%;
width : 140px;
clear : left;

    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.2);
}

.menu-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #cccccc;
border-top: solid;
border-right: none;
border-left: none;
border-bottom: none;
clear: left;
}

.menu-li {
    float: left;
}

.menu-li a, .dropbtn {
    display: inline-block;
    color: #dce7d0;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.menu-li a:hover, .dropdown:hover .dropbtn {
    background-color: #cccccc;
    color : #3c5385;
}

.dropdown {
    display: inline-block;
}

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

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

.dropdown-content a:hover {background-color: #f1f1f1}

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

nav ul ol {
display : none;
font-weight : normal;
background: #063E3F; color: #ffffff; 
}
nav ul li:hover > ol {
display : block;
text-align : center;
}
nav ul {
display : inline-table;
list-style-type : none;

}
nav ul:after {
content : "";
clear : both;
display : block;
}
nav ul ol li:hover {
color: #101d3d;
}

nav a:link { text-decoration: underline; background: #063E3F; color: #ffffff;  padding: 0.1%; }
nav a:visited { text-decoration: underline; background: #063E3F; color: #ffffff;  padding: 0.1%; }
nav a:hover { text-decoration: underline; background: #063E3F; color: #ffffff; font-weight:bold; padding: 0.1%; }
nav a:active { text-decoration: underline; background: #063E3F; color: #ffffff;  padding: 0.1%; }



ol.menubutton {
list-style-type : none;
padding :0.5%;
text-align : left;
position : absolute;
z-index : 1;
background: #063E3F; color: #ffffff; 
}

.button {
float : none;
padding : 0.5%;
vertical-align : middle;
background : #ffffff;
color: #2D6E89;
}

.menubutton a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.menubutton a:link {
text-decoration : none;
}

.menubutton li {
border : 0.5em;
text-align : left;
text-decoration : none;
padding: 0.5%;
}