#outer 
{  
    position: absolute;
    top: 130px;
    width: 160px;
    display: block;
    font-family:Verdana, Arial;
}
#outer .holder 
{   padding:1em;
    width: 160px;
    font-size: 70%;

    margin:0 10px 10px 0;
    background-color: #928764;
}

#outer .holder a
{   color: #fff;
}
#outer .holder a:hover
{   color: #000;
    
}
#outer .holder p 
{
    padding:5px 0 0 0;
    margin:0;
}
#outer .holder p.bold 
{
    font-weight:bold;
}
#outer .holder h2 
{
    margin:0; font-size:110%; padding:0;
}

/* unclicked style div.more */
#outer div.more i 
{
    float:right;
        font-size: 110%;
    margin-right:10px 10px 0 0; 
    cursor:pointer; color:#000; 
    font-weight:bold;
}
#outer div.more i.hide 
{
    display:none;
}
#outer div.more p 
{
    display:none;
    
    }
#outer div.more img 
{
    display:none;
}

/* clicked style div.click */
#outer div.click i.show 
{
    display:none;
}
#outer div.click i.hide 
{
    display:block;
 }
#outer div.click p 
{
    display:block;
}
#outer div.click img 
{
    display:block; 
    float:left; 
    padding-right:10px;
}