body, #html, html { width:100%; height:100%; margin:0px; padding:0px;
}


/* the following used for images that require transparency

-ms-filter: "progid XImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: progid XImageTransform.Microsoft.Alpha(Opacity=75);
*/

/

/* ====================== header banner images ==========================*/

#header_bannerContainer {
	height:207px;
	width:900px;
	margin:0px auto;
	background:rgb(167,30,40) url(../images/usd_headbanner_bg.jpg) repeat-x;
	margin-top:15px;
}

/* ====================== header banner images ======================= */

#container_header_images {
	width:884px;
	#padding-bottom:0px;
	clear:both; 
	padding:8px;
}

.box1, .box_last {
	width: 199px;
	height:171px;
	display:inline-block;
	overflow:hidden;
	margin-left:15px;
	#margin-left:18px;
	margin-top:8px;
}

/* the following can be used as hover states on the header images if desired 
.box1:hover, .box_last:hover {
	background: url('images/choose_hoverimage.png') no-repeat;
	}

.box1 img:hover, .box_last img:hover {display:hidden;
	opacity:.45;
	filter: alpha(opacity=45);
	}
*/