body
{
background-color:#006600;
margin:10px;
padding:10px;
z-index:-1;
font-size:100%;
}

div.logo
{
  background-color:#006600;  
}

div.nav
{
width:95%;
margin-top:10px;
margin-bottom:10px;
padding-left:20px;
padding-top:0px;
padding-bottom:0px;
padding-right:20px;
background-color:#006600;
text-align:justify;
line-height: 200%;
}


div.main
{
width:95%;
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:10px;
margin-right:0px;
margin-left:0px;
margin-bottom:20px;
margin-top:0px;
background-color:#ffffff;
}


a:link {
  color: #008000;
}

a:visited {
  color: #008000;
}

a:hover {
  color: #0000ff;
}

a:active {
  color: #ffa500;
}


.nav a:link {
  color: #ffffff;
}

.nav a:visited {
  color: #ffffff;
}

.nav a:hover {
  color: #ffffff;
}

.nav a:active {
  color: #ffffff;
}

div.header
{
width:100%;
height:auto;
float:left;
padding-left:20px;
padding-right:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:20px;
margin-top:0px;
background-color:#006600;
color:#ffff00;
font-size:36px;
font-family:"Times New Roman", Times, serif; 
top:1px;
}

@media screen and (max-width: 480px) {
    .header {
      font-size:24px;
    }	
  }

p.title
{
color:#000000;
font-size:30px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
margin:0;
text-align:center;
}

h2
{
color:#000000;
font-size:24px;
font-family:"Times New Roman", Times, serif;
}

td
{
text-align:center;
}

.main img
 {
  max-width: 100%;
  height: auto;
}

.imgleft
  {
  padding:10px;
  margin-right:10px;
  border:0;
  float:left;  
  }
  
.imgright
  {
  padding:10px;
  border:0;
  float:right;
  }
  
 .imgcenter
  {  
  padding:10px;
  border:0;
  }
  
ul
 {
  list-style-position: inside;
}