/*----------------------------------------------------------------------------- 
joanna-zeiger.com Bottom charities Stylesheet 

version:   1.0 
date:      07/29/07 
author:    mark
email:     markshenk@comcast.net 

Thanks to Stu Nichols for the example at cssplay.co.uk
-----------------------------------------------------------------------------*/ 

#c-div {
  padding: 10px;
  width:810px;
  margin:0 auto;
}
#charities {
  padding:0;
  margin:0;
  width:810px; 
  position:relative;
}
* html #charities  {width:811px; w\idth:810px;}
#charities li {
  list-style-type:none; 
  width:180px; 
  height:90px; 
  float:left;
  padding-right: 15px; 
  z-index: 900;
  }
#charities a {
  background:#eee;
  position:absolute; 
  width:180px; 
  height:90px; 
  display:block;
  font-size:5px;
  }
#charities a img {
  width:180px; 
  height:90px; 
  border:0; 
  }
#charities a:hover {
  width:180px; 
  height:90px;
  z-index:1000;
  background:transparent url(../Images/charities/opaque.gif);
  }
#charities a:hover img {
  background:#eee; 
  position:absolute; 
  width:180px; 
  height:90px;
  border-top:1px solid #FFAAF9;
  border-left:1px solid #FFAAF9;
  border-right:2px solid #ff66f2;
  border-bottom:2px solid #ff66f2;
  left:-7px; 
  top:-5px;
  }
* html #charities a:hover img {
  width:180px; 
  height:90px;
  width/**/:180px;
  height/**/:90px;
  }
.clear {clear:both;}
.charities {background:#eee;}
#info em {display:block; clear:both; font-size:0.6em; text-align:right; padding-right:1em;}
#info p {text-align:center;}
#info p.col4 {text-align:left;}