body {
font-family : sans-serif;
background : #ffffff ;
padding : 0.5%;
margin : 0.5%;
max-width: 80em;
margin-left:auto;
margin-right:auto;
}
h1 { font-size: 170%; padding: 2%;0%2%0%; margin: 0%; color: #f1f1f1; text-align:center; background: #2D6E89;}
h2 { font-size: 150%; padding: 1%; text-align:left; }
h3 { font-size: 125%; padding: 1%; text-align:left; }
h4 { font-size: 100%; padding: 1%; text-align:left; }
h5 { font-size: 100%; padding: 1%; text-align:left; }
em { font-weight: bold; font-size: 100%; padding: 0.1%; text-align:left; }
poster { font-size: 150%; }
a:link {  color: #2D6E89; }
a:visited { color: #42426f; }
a:hover { background: #C0D9D9;  color: #2D6E89; }
.menu-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #cccccc;
clear: left;
}
.menu-li {
    float: left;
}
.menu-li a, .dropbtn {
    display: inline-block;
    color: #2D6E89;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

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

.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: #2D6E89;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

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

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

.menu {  text-align: left; padding: 1%; margin: 0.5%; }
a.menu-item-home:link { background: #FFFFFF; text-align: center;  margin: 0.5%; }
a.menu-item-home:visited { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.menu-item-home:hover { background: #FFFFFF; text-align: center;  margin: 0.5%; }

a.menu-item-catchment-care:link { background: #FFFFFF; text-align: center;  margin: 0.5%; }
a.menu-item-catchment-care:visited { background: #FFFFFF; text-align: center;  margin: 0.5%; }
a.menu-item-catchment-care:hover { background: #C0D9D9; text-align: center; margin: 0.5%; }

a.menu-item-whites-creek:link { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.menu-item-whites-creek:visited { background: #FFFFFF; text-align: center;  margin: 0.5%; }
a.menu-item-whites-creek:hover { background: #C0D9D9; text-align: center;  margin: 0.5%; }

a.menu-item-transpiration:link { background: #ffffff; text-align: center;  margin: 0.5%; }
a.menu-item-transpiration:visited { background: #FFFFFF; text-align: center;  margin: 0.5%; }

a.menu-item-transpiration:hover { background: #C0D9D9; text-align: center;  margin: 0.5%; }


a.menu-item-water-cycle:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.menu-item-water-cycle:visited  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.menu-item-water-cycle:hover { background: #C0D9D9; text-align: center;  margin: 0.5%; }

a.menu-item-ted-floyd:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.menu-item-ted-floyd:visited  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.menu-item-ted-floyd:hover { background: #C0D9D9; text-align: center;  margin: 0.5%; }

a.sub-menu-intro:link { background: #FFFFFF;  text-align: center;  margin: 0.5%; }
a.sub-menu-intro:visited  { background: #FFFFFF;  text-align: center;  margin: 0.5%; }
a.sub-menu-intro:hover { background:  #C0D9D9;  text-align: center;  margin: 0.5%; }

a.sub-menu-soilcare:link { background: #FFFFFF;  text-align: center;  margin: 0.5%; }
a.sub-menu-soilcare:visited  { background: #FFFFFF;  text-align: center;  margin: 0.5%; }
a.sub-menu-soilcare:hover { background:  #C0D9D9;  text-align: center;  margin: 0.5%; }

a.sub-menu-gardens:link { background: #FFFFFF;  text-align: center;  margin: 0.5%; }
a.sub-menu-gardens:visited  { background: #FFFFFF;  text-align: center;  margin: 0.5%; }
a.sub-menu-gardens:hover { background:  #C0D9D9;  text-align: center;  margin: 0.5%; }

a.sub-menu-soils:link { background: #FFFFFF; text-align: center;  margin: 0.5%; }
a.sub-menu-soils:visited  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-soils:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }

a.sub-menu-seq:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-seq:visited  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-seq:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }

a.sub-menu-nat:visited   { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-nat:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-nat:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }

a.sub-menu-water-carbon:visited   { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-water-carbon:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-water-carbon:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }


a.sub-menu-catch:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-catch:visited   { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-catch:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }
a.sub-menu-trees-incl:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-trees-incl:visited   { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-trees-incl:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }
a.sub-menu-tran-works:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-tran-works:visited   { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-tran-works:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }
a.sub-menu-storm:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-storm:visited   { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-storm:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }
a.sub-menu-tran-ben:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-tran-ben:visited   { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-tran-ben:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }
a.sub-menu-green:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-green:visited   { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-green:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }
a.sub-menu-uwc:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-uwc:visited   { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-uwc:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }
a.sub-menu-wc:link  { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-wc:visited   { background: #FFFFFF; text-align: center; margin: 0.5%; }
a.sub-menu-wc:hover { background:  #C0D9D9; text-align: center; margin: 0.5%; }
p { text-decoration: none; padding: 0.5%; text-align: left; margin: 0.5%; }
blockquot {font-weight: bold; padding: 0.5%; text-align: left; margin: 0.5%; }
ul { text-decoration: none; padding: 0.5%; margin: 1%; text-align: left; }
li { text-decoration: none; padding: 0.5%0%0%0.5%; margin: 0%0%0%1%; text-align: left; }
table { margin: 1%; }
.creekcare-box { background: #C0D9D9; padding: 1%; margin: 1%; font-size: 110%; width:60%; }
.creekcare-box-right { background: #C0D9D9; padding: 1%;  margin: 1%; width: 40%; font-size: 110%; text-align: left; float: right; }
.creekcare-box-right-60 { background: #C0D9D9; padding: 1%;  margin: 1%; width: 60%; font-size: 110%; text-align: left; float: right; }
.creekcare-box-left { background: #C0D9D9; padding: 1%;  margin: 1%; width: 40%; font-size: 110%; text-align: left; float: left; }
.creekcare-box-left-60 { background: #C0D9D9; padding: 1%;  margin: 1%; width: 60%; font-size: 110%; text-align: left; float: left; }
.creekcare-right-panel { margin: 0.5%; padding: 1%; text-align: center; float: right; width: 50%; }
.creekcare-photo-right { margin: 0.5%; padding: 0.5%; text-align: center; float: right; width: 30%; }
.creekcare-photo-left  { margin: 0.5%; padding: 0.5%; text-align: center; float: left; width: 30%; }
.creekcare-search-box { margin: 0.1%; padding: 0.1%; text-align: right; float: right; width: 30%; }
.head { float: none; margin: 0%; }
.left {float: left; margin: 1%; padding: 0.5%; width: 10%; }
.left-menu {float: left; margin: 0%1%1%0%; padding: 1%1%1%2%; width: 15%; border: 1px solid #2D6E89; }
.right { float: right; margin: 1%; padding: 0.5%; width: 10%;}
.advert { float: right; text-align: right; margin: 0%; padding: 0%; clear: right; width: 160; }
.ted-photo { float: right; text-align: right; margin: 0.5%0%1%0%; padding: 0.5%0%1%0%;  }
.image-right {float: right; padding: 0.5%; margin: 1%; }
.image-left {float: left; padding: 0.5%; margin: 1%; }
.image-center {float: none; padding: 0.5%; margin: 1%; }
.footer { margin: 1%; padding:1% text-align: left;  background: #cccccc;  }



.poster { font-size: 150%; padding:2%; }
.poster-h2 { font-size: 200%; }