/* this handles not just the images but also the text which has to wrap to them */

/*  img {width: 50px; border: 0; padding: 0; margin: 0;}  */

div#panel_logo img#logo {position: relative; left: -2%; top: 2%; height: 95%; width: 104%;} 

div#panel_banner img#photo { position: absolute; left: 0%; height: 100%; width: 100%;}

div#panel_text .whatreg img.inlinelogo {width: 24%; display: block; position: absolute; left: 0%;} /* whats on, regular */
div#panel_text .flier_set img.inlinelogo {width: 27%; display: block; position: absolute; left: 1.5%;} /* fliers */
div#panel_text .pict1a {display: block; width: 150px;  position: relative; left: 30%;} /* beliefs */
div#panel_text .speakericon {width: 17px;}
div#panel_text .docicon {width: 3.5%; vertical-align: bottom;}
div#panel_text .bannericon {width: 8%; vertical-align: middle;}
 			/* For IE */ 	* html div#panel_text .bannericon {width: 12%;}

/* for cameo images, p1=wide - standard landscape; p2=logo; p3=artistic text */
/* px is in readiness for portrait - tall */
div#panel_cameo img {display: block; position: relative; border: none; }
div#panel_cameo img.p1 {width: 90%; left: 5%;}
div#panel_cameo img.p2 {width: 91%; left: 4.5%;}
div#panel_cameo img.p3 {width: 100%; left: 0%;}
div#panel_cameo img.px {display: block; position: relative; width: 55%; left: 22%;  border: none; } 

div#panel_footer  img#date {position: absolute; bottom: 20%; right: 1%; width: 20%;}