* { margin: 0; padding: 0;}

#hpjun2009 { width: 575px; height: 220px; }
	.optionA { background: url('/images.v2/hpiframe_img006.jpg') no-repeat; }
	.optionB { background: url('/images.v2/hpiframe_img002.jpg') no-repeat; }
	.optionC { background: url('/images.v2/hpiframe_img003.jpg') no-repeat; }	
	.optionD { background: url('/images.v2/hpiframe_img004.jpg') no-repeat; }


#hpjun2009 ul { float: right; }
#hpjun2009 ul li { list-style-type: none; }
#hpjun2009 ul li a { display: block; width: 180px; padding: 18px 0 17px 10px; background-color: #ccc; 
margin: 0px; font: normal 14px 'Trebuchet MS', Sans-Serif; color: #000; text-decoration: none; border-top: 1px solid #fff; }
#hpjun2009 ul li a#selected { background-color: #3c0; color: #fff; }

#transtext { float: left; width: 150px; padding: 10px; }
#transtext p { font: normal 19px Arial; height: 170px; overflow: hidden;}
#transtext a#readmore { position: relative; top: 10px; color: #000; }