@charset "utf-8";

.precode{
float:left;
clear:left;
margin: 10px 0 10px 10px !important;
margin: 10px 0 10px 5px;
font-size:12px;
}
.content{
float:left;
clear:left;
width: 100%;
}

/* 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;
}


/* THIS IS THE TEST CODE TO MAKE THE DROP SHADOW WORK WITH BLOCK ELEMENTS. */
.dropshadow1, .dropshadow2{
float:left;
clear:left;
background: url(images/shadowAlpha2.png) no-repeat bottom right !important;
background: url(images/shadow2.gif) no-repeat bottom right;
margin: 10px 0 10px 10px !important;
margin: 10px 0 10px 5px;
width: 900px;
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 #000000;  */
border-left:solid 1px #555555;
border-top:solid 1px #555555;
border-bottom: solid 1px #000000;
border-right: solid 1px #000000;

	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;
	}