/*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: 200px;
	z-index: 1;
	float: right;
	position:relative;
	top:15px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	font-size:85%;
	color: #405FA2;
	margin-left:30px;
	margin-bottom:50px;
	margin-right:-10px;
	background-image: url(../images/dashed.gif);
	background-repeat: repeat-y;
	background-position: left;
}


#hotbx {
	/*defines the shell of the hot box*/
font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #7B678D;
}



#hotbxheader {
	/*creates a header for the hot box*/
	background-color: #E3DFC2;
	font-weight: bold;
	font-size:110%;
	text-transform: uppercase;
	color: #7B678D;
	padding:5px;
	margin-right:auto;
	margin-left:auto;
}
#hotboxbody {/*defines body area attributes*/
		padding-right: 10px;
	padding-left: 10px;
}