/*html for hotbox <div id="hotboxplace" ><div id="hotbx"><div id="hotbxheader">headertext here</div><div id="hotboxbody">bodytext here</div></div></div>*/

#hotboxplace{ /*posititions the overall container*/
	width: 171px;
	z-index: 1;
	float: right;
	position:relative;
	top:15px;
	margin-bottom:50px;
	margin-right:15px;
	margin-left:20px;
	background-color:#d0e8f4;
	
}


#hotbx {
	/*defines the shell of the hot box*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #54677C;
	margin-top:10px;
}



#hotboxheader {
	/*creates a header for the hot box*/
color:#54677C;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:700;
	text-transform: uppercase;
	
	padding:5px;
	margin-right:auto;
	margin-left:auto;
}
#hotboxbody {/*defines body area attributes*/
		padding-right: 10px;
	padding-left: 10px;
}