/* CSS Document */

/* THIS MAKES THE DROP SHADOW WORK ON IMAGES */
			.imagecontainer{
				  float:left;
				  clear:left;
				  background: url(/imgapp/images/shadowAlpha.png) no-repeat bottom right !important;
				  background: url(/imgapp/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, .dropshadow3, .dropshadow4, .dropshadow5{
		float:left;
		clear:left;
		background: url(/imgapp/images/shadowAlpha.png) no-repeat bottom right !important;
		background: url(/imgapp/images/shadow.gif) no-repeat bottom right;
		margin: 10px 0 10px 10px !important;
		margin: 10px 0 10px 5px;
		padding: 0px;
		}

		.dropshadow2{width: 500px;}	
		.dropshadow3{width: 250px;}		
		.dropshadow4{width: 350px;}
		.dropshadow5{width: 600px;}
		.dropshadow6{width: 700px;}
		.dropshadow8{width: 800px;}
		
			/* .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;
				}
/* IMAGES
<div class="imagecontainer" title="Dam! Don't you think my little bro is the cutest kid in the world?">
  <img src="images/what you doing bruv.jpg" alt="Dam! Don't you think my little bro is the cutest kid in the world?" width="500" height="375">
</div>  
*/

/* TEXT
<div class="dropshadow2">
<div class="innerbox">
<h4>Test 2</h4>
  <p>This has two wrapping div's. one for the shadow, and one for the border.</p>
  <p> This allows for more than one paragraph, or any other type on content. </p>
  <p>Notice that h4? </p>
</div>
</div>

*/