body { 
background-color: #000000; 
font-family: Arial, Verdana, sans-serif; 
font-size: 108%; 
color: #008b72;


    margin: 0px auto;
    text-align: center;

}



body	{ width:auto; max-width:59em; margin:0 auto; border:1px solid black; border-top:none;  padding:1em}



a { font-family: Arial, Verdana, sans-serif; font-size: 108%; color: #B0B0B0; text-decoration: underline}

a:hover { font-family: Arial, Verdana, sans-serif; font-size: 108%; color: #A52A2A; //background-color: #FFD700}

h1 { font-family: Arial, Verdana, sans-serif; font-size: 32px; color: #A52A2A }
h2 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: #A52A2A }

hr{ color:brown; background-color:tan; width:90%; height:2px; } 

table {
font-family: Arial, Verdana, sans-serif;
font-size: 108%;
color: #008b72;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
img{display: block;
float:top;
display:inline-block;}
}


table{max-width:59em;}


img {
    display: block;
    max-width:680px;
    max-height:480px;

}


img{
     display: block;
     float:top;
     display:inline-block;
width:95%;
}



.note {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: purple;
font-weight: bold;
} 

.note {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: purple;
font-weight: bold;
}


<style type="text/css">
a:link {
 color: #0000ff;
}

a:visited {
 color: #ffffff;
}

a { 
  position: relative;
}

a:active {
  top: 1px;
}



a:hover { color: #ff0000; text-decoration: none;}
a:active { color: #777777;}


/*a:link {text-decoration: none;*/
/*color: red;}*/

a:visited {text-decoration: none;color: red;}



a { text-decoration: none }
a:visited { color: #e7acac }
a:hover { text-decoration: underline; color: yellow}
/*.alt Links a:visited { color: red }*/




/*a:hover {text-decoration: none;color: yellow;}*/

a:link img{border-color: white;
border-width: 2px;
}

a:visited img{border-color: #e7acac;
border-width: 2px;
}





a:hover img{border-color: blue;
border-width: 2px;
}


div.Leaf {
   height: 25px;
}



 
//div.Leaf a, div.Leaf a:link, div.Leaf a:visited {
//  
 //   border-style: dashed;
//}
 
div.Leaf img {
    width:100%;
    height:93px;
    border-style: solid;
}
 


div.dog img{
position: relative;
left:20px;
top:-20px;
border:none;
border-style: none;
}



div.Leafed {
   height: 105px;
}


div.doged img {
    width:60px;
   height:60px;
   border-style: none;
}



div.Leafed img {
width:80%;
height:160px;
border-style:solid;
}


div.doged img {
position: relative;
left:20px;
top:-80px;
border:none;
border-style: none;
}












div.d img{
position: relative;
left:20px;
top:-20px;
border:none;
border-style: none;
}



div.L {
   height: 45px;
}


div.d img {
    width:60px;
   height:60px;
   border-style: none;
}



div.L img {
width:100%;
height:120px;
border-style:solid;
}


div.d img {
position: relative;
left:20px;
top:-30px;
border:none;
border-style: none;
}












div.dg img{
position: relative;
left:20px;
top:-20px;
border:none;
border-style: none;
}



div.Lf {
   height: 295px;
}


div.dg img {
    width:60px;
   height:60px;
   border-style: none;
}



div.Lf img {
width:100%;
height:360px;
border-style:solid;
}


div.dg img {
position: relative;
left:20px;
top:-220px;
border:none;
border-style: none;
}









div.hellow img{
max-width:125px;
min-width:55px;
}


div.hello img{
max-width:95px;
min-width:45px;
}




















div.dong img{
position: relative;
left:20px;
top:0px;
border:none;
border-style: none;
}



div.Long {
   height: 30px;
}


div.dong img {
    width:40px;
   height:40px;
   border-style: none;
}



div.Long img {
width:100%;
height:65px;
border-style:solid;
}


div.dong img {
position: relative;
left:20px;
top:-20px;
border:none;
border-style: none;
}



#pos_fixed{
z-index: 1;
position:fixed;
top:0px;
//right:0px;
left:-35px;
width:100%
}


#pos_fixed{
font-size:95%;
background-color:black;
}













</style>