/* CSS Document */
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #8fbc8f;
  color: #2f4f4f;
  font-family: verdana, arial;
  border: none 3px red;
}

*:focus {  outline: 0;}
a:focus {
  outline: none;
  -moz-ouline: 0 none;
}

#bcrumb {
  display: block;
  position: relative;
  top: 10px;
  max-width: 1077px;
  height: 31px;
  padding: 0 ;
  margin: 0px 0px 5px 10px;
  border: none 2px #4682b4;
  overflow: hidden;
  color: #8b0000; /* dark red  */
  background: #f0fff0;
}

#bcrumb a, #bcrumb a:visited {
  color: #8b0000; /* dark red  */
  text-decoration: none;
  padding: 5px 5px 0px 10px;
  
  font-weight: bold;
}

noscript {
  display: block;
  position: relative;
  top: 10px;
  max-width: 1077px;
  height: 31px;
  padding: 5px 0px 0px 50px ;
  margin: 0px 0px 5px 10px;
  border: none 2px #4682b4;
  overflow: hidden;
  color: #8b0000; /* dark red  */
  background: #f0fff0;
  font-weight: bold;
}

#banner {
  display: block;
  position: relative;
  top: 3px;
  max-width: 1077px;
  height: 71px;
  padding: 0 ;
  margin: 5px 0px 0px 3px;
  background-image: url(images/Banner3.png);
  background-repeat: no-repeat;
  border: none 2px #4682b4;
  overflow: hidden;
}
#emblem {
  display: block;
  position: relative;
  top: -10px;
  left: 750px;
  height: auto;
  padding: 0;
  margin: -45px 0px 0px 0px;
  color: #2f4f4f;
  font-family: verdana, arial;
  border: none 2px black;
  overflow: hidden;
}

#block {
  display: block;
  position: relative;
  top: 0px;
  width: 99.25%;
  height: 810px;
  padding: 0 ;
  margin: -10px 0px 0px 10px;
  background: none;
  border: none 2px #4682b4;
  overflow: auto;
}

#left {
  display: block;
  position: relative;
  top: 0px;
  width: 150px;
  height: 1002px;
  padding: 0px ;
  margin: -6px 0px 0px 0px;
  background: #5f9ea0;
  font-family: arial,tahoma,verdana,helvetica; font-size: 12px;
  color: #8b0000;
  border: none 2px #4682b4;
  clear: right;
}
#left img {
  display: block;
  float: left;
  margin: 2px 5px 0px 10px;
}


#menu {
margin: 10px 0px 0px 5px;
padding: 0px;
width: 140px;

}
#left  a {
 padding: 2px; 
 border: 1px none white; 
 text-decoration: none; 
 color: #808080; 
 font-weight: bold; 
 width: 100%;
 height: 25px; 
 }


#left ul, #left li { 
display: block; 
margin: 0px 0px 0px 0px; 
padding: 0pt; 
border: 0pt none;
}

#left a { 
display: block; 
margin: 0px 0px 0px 0px; 
padding: 3px 0px 0px 0px; 
border: 0pt none;
}

#left ul { 
  width: 150px; 
  border: 1px solid rgb(157, 157, 161); 
  background: white; 
  list-style: none outside none;
  padding: 2px 0px 0px 0px; 
}

#left li {
 position: relative; 
 padding: 1px 1px 1px 1px; 
 background: transparent;
 height: 25px;

 }
#left a.active {
 color: #800000;
 background: #f4a460;
 }

#left li.folder {
 background-image: url(images/tri-right1.gif);
 background-repeat: no-repeat;
 background-position: center right; 
 }

#left li.folder ul {
 position: absolute; 
 left: 120px; 
 top: 5px;
 display: none; 
 }



#left li.folder > ul {
 margin-left: 10px;
 top: 5px; 
 }


#left li > a {
 width: auto; 
 }

 a img {
border: none;
margin: 5px 5px 0px 0px;
}


#left a:hover {
 border-color: gray; 
 background-color: #8b0000; 
 color: #ffe4b5;
  
 }

#left li.folder a:hover {
 background-color: #5f9ea0; 
 }

#left li.folder:hover {

 z-index: 10; 
 }



#left ul ul, #left li:hover ul ul {
 display: none; 
 }

#left li:hover ul, #left li:hover li:hover ul {
 display: block; 
 }

#bod, #bod1, #bod2 {
  display: block
  float: left;
  border: none 2px #f0fff0;
  max-width: 917px;
  height: 788px;
  margin: -1000px 0px 0px 155px;
  padding: 0px;
  z-index: 6;
}

ul.ie  {
 [if Webkit] display: none;

}

#centre {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 645px;
  height: 960px;
  padding: 0px ;
  margin: 0px 0px 0px 0px;
  background: #f0fff0;
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: auto;
}

#centre1 {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 628px;
  height: 960px;
  padding: 0px ;
  margin: 0px 0px 0px 0px;
  background: #fffff0; /* ivory */
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: auto;
}

#centrev {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 725px;
  height: 950px;
  padding: 0px 0px 0px 15px ;
  margin: 0px 0px 0px 0px;
  background:  #fffff0; /* ivory */
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: auto;
}


#key {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 565px;
  padding: 0px 0px 0px 0px ;
  margin: -15px 0px 0px 0px;
  background: #fffff0; /* ivory */
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: visible;
}

#key ul {
  list-style: none;
}

#key li ul {
  list-style: none;
}

#key li {
  padding: 5px 0px 5px 0px;
  list-style: none;
} 

#key1 {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0px 0px 0px 0px ;
  margin:0px 0px 0px 0px;
  background: #fffff0; /* ivory */
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: visible;
}


#key1 tr {
  display: block;
}

#key1 td {
  height: 100px;
  padding: 5px 0px 0px 10px;
  margin: 5px 0px 0px 15px;

}

#key1 td.1 {
  width: 90px;
  overflow: hidden;
  padding: 5px 0px 0px 10px;
  margin: 5px 0px 0px 15px;
}

#key1 ul {
  list-style: none;
}

#key1 li ul {
  list-style: none;
}

#key1 li {
  padding: 5px 0px 5px 0px;
  list-style: square;
} 

#key1 li.title {
  padding: 5px 0px 5px 0px;
  list-style: none;
  font-weight: bold;
} 

#key1 li a, #key1 li a:visited, #key1 li a:hover,#key2 li a, #key2 li a:visited, #key2 li a:hover,
#key1 td a, #key1 td a:visited, #key1 td a:hover  {
  font-weight: bold;
  text-decoration: none;
}
#key2 {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 90%;
  height: 100%;
  padding: 10px 0px 0px 0px ;
  margin:20px 0px 0px 40px;
  background: #fffff0; /* ivory */
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #4682b4;
  overflow: visible;
}


#key2 tr {
  display: block;
}

#key2 td {
  height: 100px;
  padding: 5px 0px 0px 10px;
  margin: 5px 0px 0px 15px;

}

#key2 td.1 {
  width: 90px;
  overflow: hidden;
  padding: 5px 0px 0px 10px;
  margin: 5px 0px 0px 15px;
}

#key2 ul {
  list-style: none;
}

#key2 ol {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#key2 li ul {
  list-style: none;
}

#key2 li {
  padding: 5px 0px 5px 0px;
  
} 

#key2 li.title {
  padding: 5px 0px 5px 0px;
  list-style: none;
  font-weight: bold;
} 

#centre a, #centre a:visited, #centre1 a, #centre1 a:visited, #key a, #key a:visited,
#right a, #right a:visited, #rightv a, #rightv a:visited, #rightk a, #rightk a:visited, 
#footer a, #footer a:visited, #footerk a, #footerk a:visited, #footert a, #footert a:visited,
 #footerv a, #footerv a:visited, #footern a, #footern a:visited, #us a, #us a:visited {
 color: #008b8b;
 text-decoration: none;
 background: none;
  font-weight: bold;
}

#centre  a:hover, #centre1  a:hover, #key a:hover, #right a:hover, #rightv a:hover, #rightk a:hover, 
#footer a:hover, #footerk a:hover, #footert a:hover, #footerv a:hover, #footern a:hover, #us a:hover {
 text-decoration: none;  
 font-weight: bold; 
 color: #800000; 
 }

#centre p, #centre1 p, #key p, #middle p, #footer p {
padding: 5px 10px 5px 20px;

margin: 5px 5px 0px 5px;
border: 2px none green;
}

#us {
  margin: 5px 0px 0px 50px;
  width: 100%;
}

#us h3 {
  font-family: Calibri, Arial;
  font-size: 14pt;
  text-decoration: underline;
  color: #8b0000; /* DarkRed */
}

#us table {
  display: block;
  width: 700px;
  background: #fff;
  border: groove 2px #dda0dd; /* plum */
  margin: 10px 0px 0px -45px;
  font-family: Cambria, Arial;
  font-size: 12pt;
  
  }

#us th {
  color: #8b0000; /* DarkRed */
  background: #ffa500; /* Orange */
  border: groove 2px #dda0dd; /* plum */
  width: 98px;
  margin: 0px;
  padding:0px;
}

#us td {
  color: #2f4f4f; /* DarkSlateGray */
  background: #eee8aa; /* PaleGoldenRod */
  border: groove 2px #dda0dd; /* plum */
  width: 98px;
  margin: 0px;
  padding:0px;
  height: 100px;
  text-align: right;
  vertical-align: top;
}

#us td p {
  color: #191970; /* MidnightBlue */
  margin: -5px 2px 0px 0px;
  padding:0px 5px 0px 0px;
  text-align: center;
  vertical-align: top;
  font-size: 10pt;
}

#summer ul, #summer2 ul, #autumn ul, #spring ul, #winter ul {
  width: 85%;
  padding: 10px 5px 5px 20px;
  margin:0px;
  background: #fff;
  border: groove 2px #dda0dd; /* plum */
  list-style: none;
}

#summer li, #summer2 li, #autumn li, #spring li, #winter li {
  width: 90%;
  padding: 5px 2px 5px 20px;
  margin:0px;
  list-style: none;
}

#summer li.title, #summer2 li.title, #autumn li.title, #spring li.title, #winter li.title {
  width: 90%;
  padding: 5px 2px 5px 20px;
  margin:0px;
  font-family: Calibri, Arial;
  font-weight: bold;
  font-size: 14pt;
  text-decoration: underline;
  list-style: none;
}


#centre h2, #centre1 h2, #footer h2 {
  padding: 0px 0px 0px 20px;
  margin: 20px 0px 0px 0px;
  border: 2px none red;
}

#centre img, #centre1 img {
display: inline;
float: left;
margin: -5px 20px 5px 10px;
}

#centre img.aus, #centre1 img.aus {
display: inline;
float: left;
margin: 15px 20px 5px 10px;
}

#centre img.aus1, #centre1 img.aus1 {
display: inline;
float: left;
margin: 15px 20px 45px 10px;
padding: 5px 5px 45px 5px;
}

#centre img.thumb, #centre1 img.thumb {
display: block;
float: left;
margin: 5px 2px 5px 5px;
}


#centre img.thumb1, #centre1 img.thumb1 {
display: block;
float: left;
margin: 15px 12px 25px 15px;
}

.logo {
  display: inline;
  float: left;
  padding: 0px;
  margin: -140px 0px 0px 520px;
}

.logot {
  display: inline;
  float: left;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  background: #fffff0; /* ivory */
}


.logo1 {
  display: block;
  float: left;
  top: 50px;
  padding: 15px 0px 0px 0px;
  margin: 0px;
  width: 100%;
  /*background: #faf0e6; /* lavenderblush */
}

.logo2 {
  display: block;
  float: left;
  top: 0px;
  padding: 5px 0px 0px 0px;
  margin: -230px 0px 0px 520px;
  width: 100%;
  /*background: #faf0e6; /* lavenderblush */
}


.logoc {
  display: block;
  float: left;
  top: 50px;
  padding: 35px 0px 0px 0px;
  margin: 0px;
  width: 100%;
  /*background: #faf0e6; /* lavenderblush */
}

#news, #news1, abt {
  width: 700px;
  text-align: center;
}

#news3 {
  width: 700px;
  text-align: left;
  margin: 50px 0px 0px 10px;
}


#newsl, #newsl table, #news2, #news2 table,#news, #news table, abt table  {
    display: block;
  float: left;
  margin: 5px 5px 5px 10px;
  padding: 0px;
  background: none;/*#faf0e6; /* lavenderblush */
}


#news th, #news1 th, #news2 th,  {
  padding: 18px 5px 5px 5px;
  margin: 3px 3px 3px 6px;
  width: 150px;
  text-align: left;
  font-weight: bold;
  font-size: 18pt;
}

#news td a, #news td a:visited, #newsl td a, #newsl td a:visited, #news1 td.non a, #news1 td.non a:visited,
 #news2 td a, #news2 td a:visited {
  text-decoration: none;
  color: #2f4f4f; /* darkslategray */
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 3px;
  height:100%;

}

#news1 td a:hover, #news2 td a:hover, #news td a:hover {
  color: #800000; /* maroon */
  height:100%; 
}

#news td, #newsl td {
  padding: 2px 2px 2px 3px;
  margin: 3px 3px 3px 3px;
  background: #ffefd5; /* papyawhip */
  width: 160px;
  height: 45px;
  border: groove 2px #2f4f4f; /* darkslategray */
}

#news2 td {
  padding: 5px 5px 5px 5px;
  margin: 3px 3px 3px 6px;
  background: #ffe4e1; /* mistyrose */
  width: 150px;
  height: 60px;
  border: groove 2px #2e8b57; /* seagreen */
}

abt th,  {
  padding: 18px 5px 5px 5px;
  margin: 3px 3px 3px 6px;
  width: 200px;
  height: 30px;
  text-align: left;
  font-weight: bold;
  font-size: 18pt;
}

#abt td {
  padding: 5px 5px 5px 5px;
  margin: 3px 3px 3px 6px;
  background: none;
  width: 200px;
  height: 30px;
  border: none;
}

#abt td.1 {
  padding: 5px 5px 5px 5px;
  margin: 3px 3px 3px 6px;
  background: #ffe4e1; /* mistyrose */
  width: 50px;
  height: 30px;
  border: none;
}

#news2 #td1 {
  padding: 5px 5px 5px 30px;
  margin: 3px 3px 3px 6px;
  background: none;
  width: 300px;
  height: 60px;
}


#news2 td img, #news td img {
  margin: 3px 6px 2px 5px;
}


#circ1 {
  list-style: none;
}

#circ1 li {
  list-style-type: none;
}


ul #circ {
  list-style: none;
}

ul #circ li {
  list-style-type: circle;
}

#right, #rightk {
  display: inline;
  float: left;
  width: 280px;
  height: 960px;
  padding: 0px ;
  margin: -960px 0px 0px 647px;
  background: #f5fffa;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #fff;
  overflow: hidden;
}


#right1 {
  display: inline;
  float: left;
  width: 300px;
  height: 1060px;
  padding: 0px ;
  margin: -820px 0px 0px 627px;
  background: #fffff0; /* ivory */
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #fff;
  overflow: hidden;
}

#rightv {
  display: inline;
  float: left;
  width: 190px;
  height: 910px;
  padding: 50px 0px 0px 0px ;
  margin: -960px 0px 0px 742px;
  background: #fffff0; /* ivory */
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #fff;
  overflow: hidden;
}

#rightc {
  display: inline;
  float: left;
  width: 215px;
  height: 965px;
  padding: 0px ;
  margin: -820px 0px 0px 725px;
  background: #fffff0; /* ivory */
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  border: none 2px #fff;
  overflow: auto;
}


#right a img {
  padding: 5px 0px 0px 0px;
}

#right h2 {
  padding: 20px 0px 0px 20px;
  margin: 0px;
  border: 2px none yellow;
}

#right p, #rightv p, #rightk p  {
width: 80%;
padding: 5px 0px 5px 5px;
margin: 5px 5px 0px 10px;
border: 2px none green;
clear: both;
}



p.r {
 padding: 5px 0px 0px 20px;
 text-align: center;
 border: solid 2px green;
}

p.r1 a, p.r1 a:visited {
 color: #008b8b;
 text-decoration: none;
 background: none;
 font-family: Verdana, Arial;
 font-size: 10pt;
 font-weight: bold;

}

p.r1  a:hover{
 text-decoration: none;  
 font-weight: normal; 
 color: #800000;
 font-family: Verdana, Arial;
 font-size: 10pt;
 font-weight: bold; 
 }


#right img {
  display: inline;
  float: left;
  clear: both;
  padding: 0px ;
  margin: 0px 5px 0px 60px;
  border: none 2px #dc143c;
  overflow: auto;
  color: #4b0082; /* indigo */
  background: #ffdab9; /* peachpuff */
}

#right img.photo {
  display: inline;
  float: left;
  clear: both;
  padding: 0px ;
  margin: 10px 5px 0px 20px;
  border: none 2px #dc143c;
  overflow: auto;
  color: #4b0082; /* indigo */
  background: #ffdab9; /* peachpuff */
}

#right .vlink, #rightv .vlink {
  margin: 10px 0px 0px 5px;
}

#right .plink, #rightv .plink {
  margin: 20px 0px 0px 0px;
}


#right .map {
display: none;
}

#right ul, #rightk ul {
  border: none;
}

#cal, #cal ul li {
  display: block;
  float: left;
  margin: 0px 0px 0px -19px;
  padding: 0px;
  overflow: hidden;
  width: 250px;
  border: none;
}

#cal {
  height: 960px;
  margin: 0px;
  padding: 3px;
}

#picr {
  display: block;
  float: left;

  padding: 0px;
  overflow: visible;
  width: 270px;
  border: none;
  height: 500px;
  margin: 0px 0px 0px 5px;
  padding: 5px 5px 5px 0px;
}

#picr img {
  margin: 5px 5px 5px -10px;

}

#pic {
  margin: 5px 0px 0px 50px;
  text-align: center;
}

#pic td {
  margin: 5px 0px 0px 50px;
  padding: 5px;
  border: groove 3px #dda0dd; /* plum */
}

#footer {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  background: #f5fffa;
  height: 30px;
  width: 928px;
  margin: -2px 0px 0px 0px;
}

#footern {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  background: #f5fffa;
  height: 35px;
  width: 928px;
  margin: 175px 0px 0px 153px;
}


#footer p {
  margin: 10px 0px 0px 200px;
}

#footerk {
  display: block;
  float: left;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  background: #f5fffa;
  height: 35px;
  width: 930px;
  margin: 2px 0px 0px 0px;
}

#footerk p, #footerv p, #footert p, #footern p {
  margin: 10px 0px 0px 250px;
}

#footerv {
  display: block;
  float: left;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  background: #f5fffa;
  height: 30px;
  width: 930px;
  margin: 2px 0px 0px 0px;
}

#footert {
  display: block;
  float: left;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #556b2f;
  background: #f5fffa;
  height: 30px;
  width: 930px;
  margin: 12px 0px 0px 0px;
  border-top: solid 20px ##008b8b;
}


/* #map - NOT IE */
span.dropt {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #008b8b;
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dropt:hover {
  text-decoration: none;
  color: #800000; 
  background: #ffffff; 
  z-index: 6; 
}

span.dropt span {
  position: absolute; 
  left: -9999px;
  top: 100px;
  margin: 20px 0 0 0px; 
  padding: 3px 3px 3px 3px;

  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dropt:hover span {
  left: 2%; 
  margin: 20px 0 0 170px; 
  background: #ffffff; 
  z-index:6;
}

/*  fangorn */
span.dropt1 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #008b8b;
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dropt1:hover {
  text-decoration: none;
  color: #800000; 
  background: #ffffff; 
  z-index: 6; 
}

span.dropt1 span {
  position: absolute; 
  left: -9999px;
  top: 300px;
  margin: 20px 0 0 0px; 
  padding: 3px 3px 3px 3px;

  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dropt1:hover span {
  left: 1%; 
  margin: 150px 0 0 50px; 
  background: #ffffff; 
  z-index:6;
}

/*  history */
span.dropt2 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #008b8b;
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dropt2:hover {
  text-decoration: none;
  color: #800000; 
  background: #ffffff; 
  z-index: 6; 
}

span.dropt2 span {
  position: absolute; 
  left: -9999px;
  top: 300px;
  margin: 20px 0 0 0px; 
  padding: 3px 3px 3px 3px;

  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dropt2:hover span {
  left: 1%; 
  margin: 10px 0 0 50px; 
  background: #ffffff; 
  z-index:6;
}

/* fact sheets */
span.dropt3 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #008b8b;
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dropt3:hover {
  text-decoration: none;
  color: #800000; 
  background: #ffffff; 
  z-index: 6; 
}

span.dropt3 span {
  position: absolute; 
  left: -9999px;
  top: 100px;
  margin: 20px 0 0 0px; 
  padding: 3px 3px 3px 3px;

  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dropt3:hover span {
  left: 1%; 
  margin: 10px 0 0 50px; 
  background: #ffffff; 
  z-index:6;
}

/*  carwell */
span.dropt4 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #008b8b;
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dropt4:hover {
  text-decoration: none;
  color: #800000; 
  background: #ffffff; 
  z-index: 6; 
}

span.dropt4 span {
  position: absolute; 
  left: -9999px;
  top: 300px;
  margin: 20px 0 0 0px; 
  padding: 3px 3px 3px 3px;

  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dropt4:hover span {
  left: 1%; 
  margin: 250px 0 0 50px; 
  background: #ffffff; 
  z-index:6;
}

/*  fangorn */
span.dropt5 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #008b8b;
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dropt5:hover {
  text-decoration: none;
  color: #800000; 
  background: #ffffff; 
  z-index: 6; 
}
 
span.dropt5 span {
  position: absolute; 
  left: -9999px;
  top: 300px;
  margin: 20px 0 0 0px; 
  padding: 3px 3px 3px 3px;

  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dropt5:hover span {
  left: 1%; 
  margin: -100px 0 0 50px; 
  background: #ffffff; 
  z-index:6;
}

/*  blooms */
span.dropt6 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #008b8b;
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dropt6:hover {
  text-decoration: none;
  color: #800000; 
  background: #ffffff; 
  z-index: 6; 
}

span.dropt6 span {
  position: absolute; 
  left: -9999px;
  top: 500px;
  margin: 20px 0 0 0px; 
  padding: 10px 3px 3px 5px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
  z-index: 6;
  }
  
span.dropt6:hover span {
  left: 1%; 
  margin: 250px 0 0 50px; 
  background: #ffffff; 
  z-index:6;
}

/* popbox */
	.popBox {
		position: absolute;
		z-index: 2;
		background: #cccccc;
		width: 600px;
		padding: 0.3em;
		border: 1px solid gray;
	}

.player{
	margin : 5px 0px 1px 45px;
	padding: 0px;
}

.playerv{
  width: 700px;
	margin : 3px 0px 1px 10px;
	padding: 0px 5px 0px 10px;
}

#playerv p  {

  margin: -2px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  width: 700px;
  border: none;
  font-family: verdana, arial;
  font-size: 10pt;
  line-height: 20px;
  font-weight: normal;
}


#play p  {

  margin: 5px 0px 0px 300px;
  padding: 0px 0px 0px 0px;
  width: 400px;
  border: none;
  font-family: verdana, arial;
  font-size: 10pt;
  line-height: 20px;
  font-weight: normal;
}

#play p a, #play p a:visited {
  text-decoration: none;
	color: #006400; /*  dark green  */
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 400px;
  border: none;
  font-family: verdana, arial;
  font-size: 10pt;
  font-weight: bold;
}

#play p a:hover {
  color: #800080;  /* purple */
}

.video_name{
	font-size : 20pt
	color: #006400; /*  dark green  */
	text-decoration: underline;
	font-weight: bold;
	text-align : left;
	padding : 5px 1px 1px 20px;
	text-indent : 3px;
}


.upload{
	font-weight : bold;
	text-align : left;
	margin-top : -5px;
	margin-bottom : 2px;
	padding: 0px;
	font-size : 12pt;
}


.files{
	text-align : left;
	line-height : 20px;
	margin-top : -35px;
}

  /*  Slideshow Start  */

	#dhtmlgoodies_slideshow{
		width:700px;	/* Total width of slideshow */
    margin: -5px 0px 0px -35px;
    padding: 0px;

	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;
    margin-left: 40px;
    margin-top: 40px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
    width: 534px;
		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:normal;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
		
}

	#galleryContainer{
		
		
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		margin: 2px 0px 0px 0px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	
	#theImages #slideEnd{
		float:left;
	}
	
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;

	}

  /*  Slideshow  End */

  /*popup start */

#popup2, #popup3, #popup4  {

    background-color:none;
  }
  
a.popup2, a.popup2:visited, a.popup3, a.popup3:visited, a.popup4, a.popup4:visited {
    position:relative;
    display:block;
    color: maroon;
    line-height:30px;
    text-align:left;
    padding:0 10px;
    margin:0;
    
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
  }
  
a.popup2 span, a.popup3 span, a.popup4 span {
    display:none;
  }
  
  /**/
  
a.popup2:hover, a.popup3:hover, a.popup4:hover {
    color:#f00;
    background-color:none;
    text-indent:0;
  }
  /**/
  
   a.popup3:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:20px;

    margin:-280px 0px 0px 10px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

   a.popup2:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:10px;

    margin:10px 0px 0px 10px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
  }

   a.popup4:hover span{
    display:block;
    position:absolute;
    top:0px;
    left:0px;

    margin:10px 0px 0px 70px;
    padding:10px;
    color:#335500;
    font-weight:bold;
    background:#fff;
    text-align:left;
    border:1px solid #666;
    z-index: 1000;
  }

  #i1 {
  margin-left: 10px;
}

#i2 {
  margin-left: 20px;
}

#i3 {
  margin-left: 30px;
}

#i4 {
  margin-left: 40px;
}

#i5 {
  margin-left: 50px;
}

#i6 {
  margin-left: 60px;
}

#i7 {
  margin-left: 70px;
}

#i8 {
  margin-left: 80px;
}

#i9 {
  margin-left: 90px;
}

#i10 {
  margin-left: 100px;
}

#i11 {
  margin-left: 110px;
}

#i12 {
  margin-left: 120px;
}

#i13 {
  margin-left: 130px;
}

#i14 {
  margin-left: 140px;
}

#i15 {
  margin-left: 150px;
}

#i16 {
  margin-left: 160px;
}

#i17 {
  margin-left: 170px;
}

#i18 {
  margin-left: 180px;
}

#i19 {
  margin-left: 190px;
}

#i20 {
  margin-left: 200px;
}

#i21 {
  margin-left: 210px;
}

#i22 {
  margin-left: 220px;
}

#i23 {
  margin-left: 230px;
}

#i24 {
  margin-left: 240px;
}

#i25 {
  margin-left: 250px;
}

#i26 {
  margin-left: 260px;
}

#i27 {
  margin-left: 270px;
}

#i28 {
  margin-left: 280px;
}

#i29 {
  margin-left: 290px;
}

#i30 {
  margin-left: 300px;
}

#i35 {
  margin-left: 350px;
}

#i40 {
  margin-left: 400px;
}

/* Newsl - NOT IE */
span.dr1 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dr1:hover {
  text-decoration: none;
  color: #2f4f4f; /* DarkSlateGray */ 
  background: none; 
  z-index: 6; 
}

span.dr1 span {
  position: relative; 
  left: -9999px;
  top: 210px;
  margin: 0px 5px 0px 5px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dr1:hover span {
  left: 2%; 
  background: #ffffff;
}
 
span.dr1 span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 0px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr1:hover span {
  margin: 0px 0 0 250px; 
  background: #ffffff; 
  z-index:6;
}

/* Line 2 */
span.dr2 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}


span.dr2:hover {
  text-decoration: none;
  color: #2f4f4f; /* DarkSlateGray */ 
  background: none; 
  z-index: 6; 
}

span.dr2 span {
  position: absolute; 
  left: -9999px;
  top: 330px;
  margin: 0px 5px 0px 5px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dr2:hover span {
  left: 2%; 
  background: #ffffff;
}
 
span.dr2 span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 0px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr2:hover span {
  margin: 0px 0 0 250px; 
  background: #ffffff; 
  z-index:6;
}

/* Line 3 */
span.dr3 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dr3:hover {
  text-decoration: none;
  color: #800000; /* Maroon */ 
  background: none; 
  z-index: 6; 
}

span.dr3 span {
  position: absolute; 
  left: -9999px;
  top: 80px;
  margin: 0px 5px 0px 5px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dr3:hover span {
  left: 2%; 
  background: #ffffff;
}
 
span.dr3 span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 0px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr3:hover span {
  margin: 0px 0 0 250px; 
  background: #ffffff; 
  z-index:6;
}

/* Line 4 */
span.dr4 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dr4:hover {
  text-decoration: none;
  color: #800000; /* Maroon */ 
  background: none; 
  z-index: 6; 
}

span.dr4 span {
  position: absolute; 
  left: -9999px;
  top: 160px;
  margin: 0px 5px 0px 5px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dr4:hover span {
  left: 2%; 
  background: #ffffff;
}
 
span.dr4 span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 0px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr4:hover span {
  margin: 0px 0 0 250px; 
  background: #ffffff; 
  z-index:6;
}

/* Line 5 */
span.dr5 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dr5:hover {
  text-decoration: none;
  color: #800000; /* Maroon */ 
  background: none; 
  z-index: 6; 
}

span.dr5 span {
  position: absolute; 
  left: -9999px;
  top: 240px;
  margin: 0px 5px 0px 5px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dr5:hover span {
  left: 2%; 
  background: #ffffff;
}
 
span.dr5 span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 0px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr5:hover span {
  margin: 0px 0 0 250px; 
  background: #ffffff; 
  z-index:6;
}

/* Line 6 */
span.dr6 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dr6:hover {
  text-decoration: none;
  color: #800000; /* Maroon */ 
  background: none; 
  z-index: 6; 
}

span.dr6 span {
  position: absolute; 
  left: -9999px;
  top: 400px;
  margin: 0px 5px 0px 5px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dr6:hover span {
  left: 2%; 
  background: #ffffff;
}
 
span.dr6 span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 0px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr6:hover span {
  margin: 0px 0 0 250px; 
  background: #ffffff; 
  z-index:6;
}

/* Line 7 */
span.dr7 {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}

span.dr7:hover {
  text-decoration: none;
  color: #2f4f4f; /* DarkSlateGray */ 
  background: none; 
  z-index: 6; 
}

span.dr7 span {
  position: relative; 
  left: -9999px;
  top: 160px;
  margin: 0px 5px 0px 5px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  }
  
span.dr7:hover span {
  left: 2%; 
  background: #ffffff;
}
 
span.dr7 span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 0px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr7:hover span {
  margin: 0px 0 0 250px; 
  background: #ffffff; 
  z-index:6;
}

a.butt, a.butt:visited {
  display: block;
  position: inline;
  float: left;
  height: 20px;
  width: 80px;
  border: 2px groove #800000;
  margin: 8px 10px 5px 10px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  border: 2px inset #fff;
   color: #008b8b; 
  font-weight: bold;
  background: #ffdead;
}

a.butt:hover  {
  text-decoration: none;
  border: none;
  color: #800000; 
  font-weight: bold; 
  border: 2px inset #fff;
}

.pdown {
  display: block;
  position: inline;
  float: left;
  height: 25px;
  width: 160px;
  border: 2px groove #fff;
  margin: 8px 5px 5px 10px;
  padding: 0px;
  text-align: left;
  background: #ffdead;
  color: #008b8b; 
  font-weight: bold;
}

#centrep {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 956px;
  height: 800px;
  padding: 0px ;
  margin: 0px 0px 0px 0px;
  background: #fbf8c0;
  
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #3d3a05;
  border: none 2px #4682b4;
  overflow: hidden;
}



#over {
  display: block;
  position: inline;
  float: left;
  height: 600px;
  width: 300px;
  padding: 10px 10px 10px 0px;
  margin-left: 20px;
    border: none 2px blue;  
}

#fruit {
  display: block;
  position: inline;
  float: left;
  height: 300px;
  width: 300px;
  padding: 0px 5px 10px 0px;
  margin-left: 0px;
    border: none 2px pink;  
}

#trunk {
  display: block;
  position: inline;
  float: left;
  height: 300px;
  width: 300px;
  padding: 0px 0px 10px 0px;
  margin-left: 0px;
  border: none 2px red;
  margin-top: 0px;  
}

#details {
  display: block;
  position: inline;
  float: left;
  height: 600px;
  width: 550px;
  padding: 10px 0px 10px 0px;
  margin-left: 10px;
  border: none 2px green;
  margin-top: -10px;  
}

#recap {
  display: block;
  position: relative;
  float: left;
  height: 60px;
  width: 800px;
  padding: 10px 0px 10px 0px;
  margin-left: 50px;
  border: none 2px green;
  margin-top: -350px; 
}

#details img, #trunk img, #fruit img, #over img {
  display: block;
  float: left;
  padding: 0px 0px 0px 0px;
  margin-left: 0px;

}

span.dr2o {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}


span.dr2o:hover {
  text-decoration: none;
  color: #2f4f4f; /* DarkSlateGray */ 
  background: none; 
  z-index: 6; 
}

span.dr2o span {
  position: absolute; 
  left: -9999px;
  top: 290px;
  margin: 0px 5px 0px 5px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  width: 290px;
  }
  
span.dr2o:hover span {
  left: 2%; 
  background: #ffffff;
}
 
span.dr2o span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 10px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr2o:hover span {
  margin: 0px 0 0 -5px; 
  background: #ffffff; 
  z-index:6;
}

span.dr2f {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}


span.dr2f:hover {
  text-decoration: none;
  color: #2f4f4f; /* DarkSlateGray */ 
  background: none; 
  z-index: 6; 
}

span.dr2f span {
  position: absolute; 
  left: -9999px;
  top: 200px;
  margin: 0px 5px 0px 10px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  width: 290px;
  }
  
span.dr2f:hover span {
  left: 35%; 
  background: #ffffff;
}
 
span.dr2f span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 10px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr2f:hover span {
  margin: 0px 0 0 -5px; 
  background: #ffffff; 
  z-index:6;
}

span.dr2t {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}


span.dr2t:hover {
  text-decoration: none;
  color: #2f4f4f; /* DarkSlateGray */ 
  background: none; 
  z-index: 6; 
}

span.dr2t span {
  position: absolute; 
  left: -9999px;
  top: 200px;
  margin: 0px 5px 0px 5px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  width: 290px;
  }
  
span.dr2t:hover span {
  left: 68%; 
  background: #ffffff;
}
 
span.dr2t span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 10px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr2t:hover span {
  margin: 0px 0 0 -5px; 
  background: #ffffff; 
  z-index:6;
}

span.dr2fl {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}


span.dr2fl:hover {
  text-decoration: none;
  color: #2f4f4f; /* DarkSlateGray */ 
  background: none; 
  z-index: 6; 
}

span.dr2fl span {
  position: absolute; 
  left: -9999px;
  top: 120px;
  margin: 0px 5px 0px 10px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  width: 806px;
  }
  
span.dr2fl:hover span {
  left: 2%; 
  background: #ffffff;
}
 
span.dr2fl span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 10px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr2fl:hover span {
  margin: 0px 0 0 -5px; 
  background: #ffffff; 
  z-index:6;
}

span.dr2l {
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #2f4f4f; /* DarkSlateGray */
	font-weight: bold;
  border-bottom: none; 
  background: none;
}


span.dr2l:hover {
  text-decoration: none;
  color: #2f4f4f; /* DarkSlateGray */ 
  background: none; 
  z-index: 6; 
}

span.dr2l span {
  position: absolute; 
  left: -9999px;
  top: 50px;
  margin: 0px 5px 0px 5px; 
  padding: 3px 3px 3px 3px;
  color: #800000; /* Maroon */ 
  border:solid #000 1px; 
  z-index: 6;
  width: 300px;
  }
  
span.dr2l:hover span {
  left: 105%; 
  background: #ffffff;
}
 
span.dr2l span {
  position: absolute; 
  left: -9999px;
  margin: 4px 5px 0px 0px; 
  padding: 3px 15px 3px 10px; 
  border-style:solid; 
  border-color:black; 
  border-width:1px;
}
  
span.dr2l:hover span {
  margin: 0px 0 0 -5px; 
  background: #ffffff; 
  z-index:6;
}


#taxon {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 148px;
  height: 270px;
  padding: 0px ;
  margin: 0px 0px 0px 0px;
  background: #fbf8c0;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #8b0000;
  border: solid 2px #c0c0c0;
  overflow: visible;
}

 div.taxon {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 138px;
  height: 320px;
  padding: 5px;
  margin:0px;
  background: #f5fffa;
  font-family: Garamond, Arial;
  font-size: 12pt;
  color: #8b0000;
  border: solid 2px #c0c0c0;
  overflow: visible;
  text-align: center;
}

 div.taxon img {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 138px;
  padding: 1px;
   
 }

div.info {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 138px;
  padding: 5px;
  color: #ffdab9;
}