/*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: 184px;
	z-index: 1;

	position:relative;
	
	margin:10px;
}


#hotbx {
	/*defines the shell of the hot box*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4E4E4E;
	margin-right:3px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;

}



#hotbxheader {
	/*creates a header for the hot box*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #3F477C;
	background-color: #CED0C2;
	padding: 3px;	
}
#hotboxbody {/*defines body area attributes*/

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B6B6B;
	margin-top:12px;
}


.222 {

	border-top-color: #C4C6B9;
	border-right-color: #C4C6B9;
	border-bottom-color: #C4C6B9;
	
}