body {
font-family : sans-serif;
background : #ffffff ;
padding : 0.5%;
margin : 0.5%;
color : #646f40;
margin-left:auto;
margin-right:auto;
}
.newline {clear: left; }
.newline-both {clear: both; }


h1 {
font-size : 250%;
color : #646f40;
margin : 1%0%0%0%;
padding : 0.5%;
text-align : left;
}
.menu-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #c3c9ae;
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: #c3c9ae;
    color : #646f40;
}

.dropdown {
    display: inline-block;
}

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

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

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

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

.caption {font-style: italic; font-family : serif;}

h2 {
font-size : 200%;
padding : 1% 0.5% 0.5% 0%;
margin : 0% 0.5% 0% 0%;
text-align : left;
font-family : sans-serif;
color :  #646f40;
font-weight: bold;
}
.h1-coj {
font-size : 150%;
padding : 5% 0% 5% 0.5%;
margin : 0% 0.5% 0% 0.5%;
text-align : left;
font-weight : bold;
background: #f4eba1;
}
.h2-coj  {
font-size : 110%;
padding : .5% 0% .5% 0.5%;
margin : 0% 0.5% 0% 0.5%;
text-align : left;
clear: left;
}
.story-coj  {
padding : 0.5% 0% .5% 0.5%;
margin : 0% 0.5% 0% 0.5%;
text-align : left;
clear: left;
font-style:italic;
}
.footer-coj {
clear : both;
background: #f4eba1;
padding : 5% 0% 5% 5%;
margin : 0% 0.5% 0% 0.5%;
text-align: left;
}

hr { width:0px;}
h3 {

font-size : 150%;
padding : 1% 0.5% 0% 0.5%;
margin : 2% 0.5% 0% 0.5%;
text-align : left;
font-family : sans-serif;
color:  #646f40;
border-style : solid;
border-left-color : #ffffff;
border-top-color : #ffffff;
border-bottom-color :#646f40;
border-right-color : #ffffff;

}

h4 {
font-size : 110%;
padding : 0.5% 0.5% 0% 0.5%;
margin : 2% 0.5% 0% 0.5%;
text-align : left;
font-family : sans-serif;
color : #646f40;
}
h5 {
font-size : 90%;
padding : 0.5% 0.5% 0% 0.5%;
margin :2% 0.5% 0% 0.5%;
color : #646f40;
text-align : left;
font-family : serif;

}
h6 {
font-size : 90%;
padding : 0.5%;
margin : 1% 0.5% 0% 0.5%;
color : #493e3e;
text-align : left;
font-family : sans-serif;
}
a:link {
color : #493e3e;

}

a:visited {
color : #7184ae;

}
a:hover {
text-decoration : none;
}

.menu a:link {
text-decoration : none;
color : #ffffff;
font-style: italic;

}
.menu a:visited {
text-decoration : underline;
color : #c3c9ae;

}
.menu a:hover {
text-decoration : none;
color : #ffffff;
font-weight: bold;

}


em {
font-weight : bold;
}
.right-text {
text-decoration : none;
padding : 0.2%;
margin : 0.5% 0.5% 0.5% 2%;
text-align : left;
}

.geo {
text-decoration : none;
padding : 0.2%;
margin : 0.5% 0.5% 0.5% 2%;
text-align : right;
clear:right;
}

p {line-height:130%; margin:0.5%; padding: 0.5%; font-size : 100%;}

form {
text-decoration : none;
padding : 0.5%;
margin : 0.5% 0.5% 0.5% 2%;
text-align : left;
}
.flyer {
background : #c3c9ae;
padding : 1%;
margin : 2%;
}
.library {
background : #F0F0F0;
padding : 1%;
margin : 2%;
}
.aural {
background : #99CCFF;
padding : 1%;
margin : 2%;
}

blockquote {
font-style : oblique;
padding : 0.5%;
margin : 2%;
background: #F0FFF0;
}




li {
margin : 0.25%;
padding : 0.25%;

}
hr {
background : #493e3e;
margin : 2%;
padding : 0%;
}

.culture {
padding : 2%;
margin : 0.5%;
vertical-align: middle;
}

table {
padding : 0.5%;
margin : 0.5%;
background : #e8e5e5;
border: 1px solid black;
}
thead {
text-align : left;
background : #ffffff;
}
td {
text-align : left;
padding : 0.5%;
margin : 0.5%;
background : #ffffff;
border: 1px solid;
vertical-align : top;
}
tfoot {
background : #11593C;
}
sup {
font-size : 75%;
}
.smaller-text {
font-size : 50%;
}
.annandale-box-centre {
margin : 0.5%;
padding : 1%;
background : #493e3e;
}
.annandale-box-right {
background : #ffffff;
float : right;
padding : 0.5%;
margin : 1%;
width : 40%;
text-align : left;
}
.annandale-box-left {
margin : 1%;
padding : 0.5%;
text-align : left;
float : left;
}
.menu {
text-align : left;
padding : 0.5%;
margin : 1%0%1%1%;
background: #c3c9ae;
color: #ffffff;

}

.menu-right {
line-height : 130%;
background : #e8e5e5;
text-align : left;
padding : 0.5%;
margin : 0%0%0.5%1%;
float : right;
width : 13%;
}
.head {
text-align : left;
padding : 0.5%;
margin : 0%0%1%0%;
background : #e8e5e5;
}
.sub-menu {
background : #ffffff;
text-align : left;
padding : 1%;
margin : 0.5%;
float : right;
width : 60%;
}
.notice-board {
background : #e8e5e5;
}
.left-note {
float : left;
padding : 0.5%;
margin : 2%;
text-align : left;
border-style : dotted;
border-color : #F0F0F0;
width : 15%;
background : #e8e5e5;
}
.right-note {
float : right;
padding : 0.5%;
margin : 1%;
text-align : left;
border-style : dotted;
border-color : #F0F0F0;
width : 15%;
background : #e8e5e5;
}
.left {
float : left;
padding : 0.5%;
margin : 0.5%;
width : 15%;
text-align : left;
}
.left-column {
float : left;
padding : 0.5%;
margin : 0.5%;
width : 30%;
text-align : left;
}
.right {
float : right;
padding : 0.5%;
margin : 0.5%;
text-align : right;
width : 15%;
clear : right;
}
.topic {
text-align : left;
padding : 0.5%;
margin : 0.5%;
}
.image-right {
float : right;
text-align : right;
padding : 0.5%;
margin : 0.5%;
border:0;
}
.image-left {
float : left;
text-align : left;
padding : 0.5%;
margin : 0.5%;
border:0;
}
.row {
float : left;
text-align : left;
padding : 0.5%;
margin : 0.5%;
border:0;
clear:left;
}

.image-centre {
float : none;
text-align : center;
padding : 0.5%;
margin : 0.5%;
border:0;
}
.icon-left {
float : left;
padding : 0.2%;
margin : 0.5%;
font-size : 80%;
border:0;
}
.footer {
clear : both;
padding : 0.5%;
margin : 0%;
background: #c3c9ae;
}

.footer a:link {
text-decoration : underline;
}

.footer a:visited {
text-decoration : underline;
}

.footer a:hover {
text-decoration : none;}

.eco-sydney-menu {
float : left;
width : 25%;
margin :1%;
padding : 0.5%;
background : #CAF99B;
clear : left;
}
.annandale-photo {
margin : 1%;
padding : 0.5%;
text-align : left;
float : left;
width : 40%;
font-size : 90%;
border:0;
}
.annandale-advertisement {
margin : 0%0%1%0%;
padding : 0.5%;
text-align : left;
float : right;
width : 200px;
font-size : 90%;
clear : right;
background: #ffffff;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.2);
}

.annandale-advertisement-300 {
margin : 0%0%1%0%;
padding : 0.5%;
text-align : center;
float : right;
width : 300px;
font-size : 90%;
clear : right;
background: #ffffff;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.2);
}


a:hover {
text-decoration :none;
}


.annandale-photo-right {
margin : 1%;
padding : 1%;
text-align : left;
float : right;
width : 40%;
border:0;
}
.diary-300 {
margin : 1%;
padding : 0%;
text-align : left;
float : left;
width : 300px;
background:#fdf8f8;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}

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

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

.shadow-left-500 {
margin : 1%;
padding : 0%;
text-align : left;
float : left;
width : 500px;
background:#fdf8f8;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
}

.right-500 {
margin : 1%;
padding : 0%;
text-align : left;
float : right;
width : 500px;
background : white;
}

.right-560 {
margin : 1%;
padding : 0%;
text-align : left;
float : right;
width : 560px;
background : white;
}
.right-500-shadow {
margin : 1%;
padding : 0%;
text-align : left;
float : right;
width : 500px;
background: #c3c9ae;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.2);
}

.left-500 {
margin : 0.5%;
padding : 0%;
text-align : left;
float : left;
width : 500px;
background : white;
}

.right-400 {
margin : 1%;
padding : 0%;
text-align : left;
float : right;
width : 400px;
background : white;
}

.left-400 {
margin : 1%;
padding : 0%;
text-align : left;
float : left;
width : 400px;
background : white;
}

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

.left-300 {
margin : 1%;
padding : 0%;
text-align : left;
float : left;
width : 300px;
background : white;
}
.left-250 {
margin : 1%;
padding : 0%;
text-align : left;
float : left;
width : 250px;
background : white;
}

.right-250 {
margin : 1%;
padding : 0%;
text-align : left;
float : right;
width : 250px;
background : white;
}
.left-200 {
margin : 1%;
padding : 0%;
text-align : left;
float : left;
width : 200px;
background : white;
}
.right-150 {
margin : 1%;
padding : 0%;
text-align : left;
float : right;
width : 150px;
background : white;
}
.left-150 {
margin : 1%;
padding : 0%;
text-align : left;
float : left;
width : 150px;
background : white;
}

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

.annandale-add-right {
margin : 1%;
padding : 1%;
text-align : left;
float : right;
width : 15%;
background : white;
}
.annandale-photo-left {
margin : 5%;
padding : 5%;
text-align : left;
float : left;
width : 30%;
border:0;
background : white;
}
.annandale-text-box-left {
margin : 0.5%;
padding : 1%;
text-align : left;
float : left;
width : 20%;
background : #ffffff;
}

.AHF2017 {
color: #9c27b0}

.annandale-text-box-right {
margin : 0.5%;
padding : 1%;
text-align : left;
float : right;
width : 20%;
background : #ffffff;
}

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

.left-menu {


text-align : left;
float : left;
    background-color: #c3c9ae;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
width:10%;
margin: 0%1%1%0%
}



.left-menu a:hover {background-color: #f1f1f1}




.pillar {
background : #e8e5e5;
}
.quote {
font-style : oblique;
padding : 1%;
}
.eco-annandale-2010-id-photo {
float : left;
padding : 0.5%;
margin : 0.5%;
width : 12%;
text-align : left;
}
.annandale-grey-box-right {
margin : 0.5%;
padding : 0.1%;
text-align : left;
float : right;
width : 40%;
background : #c3c9ae;
}
.annandale-bordered-box-right {
margin : 0.5%;
padding : 0.5%;
text-align : left;
float : right;
width : 30%;
border-style : solid;
background : #ffffff;
border-left-color : #c3c9ae;
border-top-color : #c3c9ae;
border-bottom-color : #000000;
border-right-color : #000000;
border-width : 5px;
}
.annandale-shadow-box-right {
margin : 0.5%;
padding : 0.5%;
text-align : left;
float : right;
width : 30%;
border-style : outset;
}
a.image-right:link {
text-decoration : none;
color : #493e3e;
}
a.image-right:visited {
text-decoration : none;
color : #660000;
}
a.image-right:hover {
color : #493e3e;
text-decoration : underline;
background : #000000;
font-weight : bold;
}

.ad-right-160 {
margin : 0.5%0.5%0.5%1%;
padding : 0.5%;
text-align : left;
float : right;
width : 160px;
clear : right;
background: white;
}



.nolines { border: 0px; background:#ffffff; padding:0.5%5%0.5%3%; margin:1%;  }

.left-menu-160 {
margin : 1%;
padding :;
text-align : left;
float : left;
width : 160px;
clear : left;
}

nav ul ol {
display : none;
font-weight : normal;
font-style: italic;
color : #c3c9ae;
margin: 0%0%0%1%;
padding: 0.5%;
}

nav ul li:hover > ol {
display : block;
text-align : center;
background : #646f40;
margin: 0%0%0%1%;
padding: 0.5%;
}
nav ul {
display : inline-table;
list-style-type : none;
background : #646f40;
margin: 0%0%0.5%1%;
padding: 0.5%;
font-weight : normal;
font-style: italic;
text-align: center;
}
nav ul:after {
content : "";
clear : both;
display : block;
}
nav ul ol li:hover {
color: #101d3d;
}


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

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

.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%;
}
.mo {text-decoration : underline;
color : #493e3e; }