body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#666666; text-align:center;
background-image:url(insect4.jpg);background-color:#f0f0f0;}

p {
margin:0.5em 0 1.5em 0; padding:0.5em; text-align:justify;font-size:16px;}

h1 {	
padding:0; margin:0;font-size:350%; font-weight:normal; font-style:italic; 
color:#009966; font-family:Arial, Helvetica, sans-serif;}

h2 {
background-color:#009966; color:#FFFFFF; font-size:18px; font-weight:normal; margin:0.4em; padding:0.4em; 
font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h3{
background-color:#DDDDDD; color:#3B4471; font-size:100%; font-weight:normal; margin:0.4em; padding:0.4em; 
font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

div {
margin:0; padding:0; display:block;}

a:link, a:visited {
color:#3B4471; text-decoration:underline;}
a:hover {
color:#3B4471; text-decoration:none;}
a:active {
color:#8CD749; text-decoration:underline;}

.myImage
{
    margin: auto;
	display:inline-block;	
	float:right;
}

.container {
background-color:#f2f3f4 ; margin:0 auto 0 auto; padding:0; width:75%;}

.titleblock {
padding:0.1em;padding-left:10cm; padding-bottom:1cm; padding-right:1cm;margin:0.1em;font-family:Castellar,serif; text-align:left;
background-image:url(ccshau.PNG); background-repeat:no-repeat;  background-position: 40px 15px;background-size:130px 130px;}


.logo {
padding:0.1em;padding-left:10cm; padding-bottom:1cm; padding-right:1cm;margin:0.1em;font-family:Castellar,serif; text-align:left;
background-image:url(ccshau.PNG); background-repeat:no-repeat;  background-position: 40px 15px;background-size:130px 130px;}

.logo a:hover {text-decoration:none;color:yellowgreen;font-weight:bold;}

.titleblock p {
text-indent:4em; font-family:Castellar,arial,serif; color#FFFFFF;}



ul.navbar {
list-style-type:none; float:center; display:block; width:100%; line-height:3em; 
clear:both; margin:0; padding:0; background-color:#f5bd1f;}

ul.navbar li {
display:block;}

a.nav:link, a.nav:visited {
display:inline-block; float:center; width:14.2%; padding: 2px 2px 2px 2px; margin:0; 
text-decoration:none; background-color:#009966 ; color:#FFFFFF; font-size:18px;}

a.nav:hover {
display:inline-block; float:center; width:14.2%; padding:2px 2px 2px 2px; margin:0; 
text-decoration:none; background-color:#37dd5c ; color:#FFFFFF;}

a.nav:active {
display:inline-block; float:center; width:14.2%; padding:2px 2px 2px 2px; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}

.regionheader{
	float: right;
  }

.rightcontainer {
float:right; clear:both; width:13em; margin:1em 0 0 0; padding:0;}

.rightbox {
margin:0.5em; padding:0.3em; border:1px solid #999999; text-align:center;}

.rightcontainer h2 {
text-align:left; padding:0 0 0 1.5em;}

.linkbox a {display:block;}

.dropbtn {
  background-color: #009966;
  color: white;
  padding: 2px 2px 2px 2px;
  font-size: 18px;
  border: none;
}

.dropdown {
  display:inline-block; float:center; width:14.2%;  padding: 2px 2px 2px 2px; margin:0; 
text-decoration:none; background-color:#009966 ; color:#FFFFFF; font-size:18px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {display:inline-block; float:center;  padding: 2px 2px 2px 2px; margin:0; 
text-decoration:none; background-color:#37dd5c ; color:#FFFFFF;}

.button {
  background-color: #dFFFbF  ;
  border: none;
  color: black;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 4px;
  cursor: pointer;}

.content {
clear:left; text-align:justify; margin:1.2em 14.5em 0 0; padding:0.7cm 1cm 0.7cm 1.5cm;; width:90%}

.content h2 {text-indent:3em;}

.content h3 {text-indent:3em;}

.footer {
color:#f5bd1f;; font-size:85%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:2px solid #f5bd1f;; text-align:left; clear:both;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {margin:0;}