{
margin: 0;
padding: 0;
}

body {
background: #c3d9c3;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
height: 100%;
padding: 0;
margin: 0;
}

#container { 
max-width: 800px;
background: #EEEEEE;
margin: 0 auto;
padding: 0;
text-align: left;
min-height: 100%;
position: relative;
} 
.w3-bar .w3-mycolor .w3-center a{
 color=#ffffff;
}
.floatleft {
  height:171px;
  width:216px;
  float:left;
  margin:0 0 0 10px;
}

#address-block {
  height:65px;
  width:auto;
  float:right;
  text-align:right;
  margin-top:90px;
  margin-right:40px; 
}
@media (max-width:480px){#address-block {
  height:65px;
  width:auto;
  float:right;
  text-align:right;
  margin-top:10px;
  margin-right:0px; 
}
}
#address {
  padding-top:0px;
  line-height:20px;
  font:18px Arial, "Times New Roman", Times;
  padding-left:0px;
  color:#009866;
  margin:0 0 0 0;
}

#logo-block {
  height:50px;
  width:800px;
  float:left;
  text-align:left;
  margin:0 0 2 0;
}

#logo {
  padding-top:0px;
  line-height:40px;
  font:28px Arial, "Times New Roman", Times;
  padding-left:5px;
  color:#008A66;
  margin:0 0 0 0;
}

#slogan {
  font:20px Arial, "Times New Roman", Times;
  color:#008A66;
  padding-left:72px;
  margin:0 0 0 0;
}

.logoblue {
color:#518BBA;
}

.cls {
clear:both;
}


/* top navigation bar */

#top-nav-bg  {
  background:transparent url(images/topnavbar.jpg) no-repeat top left;
  height:38px;
  width:800px;
}

	
#top-nav {
  height:38px;
  width:800px;
}
  
#top-nav ul {
  list-style:none;
  padding-left:0px;
}
  
#top-nav ul a {
  background-image: url(images/topnavdivider.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 42px;
  padding-left: 40px;
  display: block;
  line-height: 38px;
  text-decoration: none;
  font-family: Arial, "Times New Roman", Times, serif;
  font-size: 17px;
  color: #FFF;
}
	
#top-nav ul a:hover {
  /*color: #FDA041*/
  color: #00FF33;
  text-decoration: underline;
}
 
  #top-nav li {
    float:left;
	}
	
/* end top navigation bar */

#body {
   padding:10px;
   padding-bottom:40px;   /* Height of the footer */
}

.content{
text-align:center;
} 

.contentb{
text-align:center;
margin:0 16px 0;
} 


.thumbnail 
{
float:left;
width:160px;
height:160px;
margin:15px;
}

.thumbnail1 
{
float:left;
width:200px;
height:150px;
margin:0 15px 0 0;
clear:left;
}


.thumbnail2 
{
float:left;
width:300px;
height:175px;
margin:15px;
}

.thumbnail3 
{
float:left;
width:160px;
height:160px;
margin:15px;
}

.thumbnail4 
{
float:left;
width:300px;
height:415px;
margin:5px 0 5px 0;
}


.thumbnail5 
{
float:left;
width:150px;
height:415px;
margin:5px 0 5px 0;
}

.theimg{
display:inline-block;
width:160px;
height:160px;
padding-right: 15px;
} 

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:40px;   /* Height of the footer */
   background:#009866;
}

#footer p {
  font:14px Arial, "Times New Roman", Times;
  color:#FFFFFF;
  padding-left:180px;
 
}

#adcontainer {
    width: 800px;
    margin: 0 auto;
    padding: 0;
    min-height: 100%;
    position: relative;
}

#adprimary {
    float: left;
    width: 160px;
padding: 0;
    position: relative;
}

#adcontent {
    float: left;
    width: 480px;
padding: 0;
    position: relative;
}

#adsecondary {
    float: left;
    width: 160px;
padding: 0;
    position: relative;
}

#adfooter {
    clear: both;
}

IMG.displayed {
    float: left;
    height: 320px;
    margin: 0 0 0 0;
    width: 320px; }

.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #008A66;    }
    49%{    color:#008A66; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #008A66;    }
}