/* THIS MAKES THE DROP SHADOW WORK ON IMAGES */
.imagecontainer{
float:left;
clear:left;
background: url(images/shadowAlpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 10px 0 10px 10px !important;
margin: 10px 0 10px 5px;
}
.imagecontainer img{
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding:4px;
}

.alpha-shadow {
clear: left;
float:left;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 14px 0 0 17px !important;
margin: 14px 0 0 8px;
}

.alpha-shadow div {
background: url(images/shadow2.png) no-repeat left top !important;
background: url(images/shadow2.gif) no-repeat left top;
float: left;
padding: 0px 6px 6px 0px;
}

.alpha-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
margin: 0;
}

/* THIS IS THE TEST CODE TO MAKE THE DROP SHADOW WORK WITH BLOCK ELEMENTS. */
.dropshadow1, .dropshadow2{
float:left;
clear:left;
background: url(images/shadowAlpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 10px 0 10px 10px !important;
margin: 10px 0 10px 5px;
/*width: 500;*/
padding: 0px;
}

/* .dropshadow2 only applies to test 1 */
.dropshadow1 p{
position:relative;
bottom:6px;
right: 6px;
border: 1px solid #999999;
padding:4px;
/*font-size:14px;*/
margin: 0px;
}
/* .innerbox only applies to test 2 */
.innerbox{
position:relative;
bottom:6px;
right: 6px;
border: 1px solid #999999;
padding:4px;
margin: 0px 0px 0px 0px;
}
.innerbox{
/* IE5 hack */
\margin: 0px 0px -3px 0px;
ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
/*font-size:14px;*/
margin: 3px;
}
.innerbox h4{
margin-top: 3px;
}