/* this is used for htm pages
 light green uses  background-color: #e5ffd0;
    darker green uses  background-color: #99cc66;
    dark green uses background-color: #003300;
*/

.top
{
    background-position: left;
    background-repeat: no-repeat;
    font-family: Verdana;
    font-size: 30px;
    color: #99cc66;
    font-weight: bold;
    width: 100%;
    height: 30px;
    background-image: url('./Images/BeeOnFlowerlonglong.JPG');
    background-color: #003300;
    font-variant: normal;
    text-indent: 200px;
    letter-spacing: 0.1em;
}
.nav
{ 
background-image: url('./Images/BeeOnFlowerlonglong.JPG');
  background-repeat: no-repeat;
    padding: 10px;
    font-family: Verdana;
    font-size: 12px;
    color: #e5ffd0;
    font-weight: normal;
    width: 100%;
    height: 30px;
    background-color: #003300;
    font-variant: normal;
    vertical-align: middle;
     text-indent: 300px;
     clear: both;
}
.nav a
{text-decoration:none;
 color: #e5ffd0;
 
 }
a
{text-decoration:none;
 }
 
.nav a:hover
{
    text-decoration: none;
    color: #FFFF00;
}

a:hover
{
    text-decoration: none;
    color: #009900;
}
body 
    {
    font-family: Verdana, Arial;
    background-color: #e5ffd0;
    padding: 0px;
    margin: 0px;

   
}
.content
  {
    width:auto;
    font-family: Verdana, Arial;
    background-color: #e5ffd0;
    padding: 0px;
    margin: 0px;
  

  }
.footer
{
    clear:both;
    background-color: #003300;
    padding: 4px;
    margin: 0px;
    color: #e5ffd0;

}

h1, h2, h3, h4, h5
{
    font-family: Verdana;
    color: #669966;
    text-indent: 20px;
}

.floatleft70
{
  position:absolute;
  top:30px;
  left:0;
    width: 300px;
    height:500px;
 

}
.floatright28
{
     position:absolute;
  top:30px;
  right:0;
    width: 200px;
    padding: 5px;
    height: 500px;
   
}
iframe
{
    background-color: #e5ffd0;
   
}
#frameleft
{
float:left;
width:70%;
height:500px;
padding:0;
border:0;

}
#frameright
{

width:28%;
height:500px;
padding:0;
border:0;
}
.imagefloatleft
{
     float: left;   
    padding: 5px;
    
}