.caution{
	/* Caution Box background and picture */
	background: #FFFFE0 url(../graphics/CautionIcon.gif) no-repeat 2px 4px;
	border: 1px solid Gray;
	margin: 2px 2px 5px 2px;
	padding: 4px 4px 4px 4px;
	width: 360px;
	float: left;
}
.warning{
	/* Warning Box background and picture */
	background: #FFE4E1 url(../graphics/warningIcon.gif) no-repeat 2px 4px;
	border: 1px solid Gray;
	margin: 2px 2px 5px 2px;
	padding: 4px 4px 4px 4px;
	width: 360px;
	float: left;
}
.tip{
	/* Tip Box background and picture */
	background: url(../graphics/tipIcon.gif) no-repeat 2px 4px;
	border: 1px solid Gray;
	margin: 2px 2px 5px 2px;
	padding: 4px 4px 4px 4px;
	width: 360px;
	float: left;
}
.note{
	/* Note Box background and picture */
	background: #E5E5E5 url(../graphics/PleaseNoteIcon_100.gif) no-repeat 2px 4px;
	border: 1px solid Gray;
	margin: 2px 2px 5px 2px;
	padding: 4px 4px 4px 4px;
	width: 360px;
	float: left;
}
.message{
	/* This is a place holder for element within the 
	box specifically the paragrah tags that could i
	interfere with normal text of the page */		
	
}
.message div p span{
	/* just the bold span */
	font-weight: bold;	
}
.message p{
	float: right;
	margin: 0 0 0 0;
	padding: 1px 1px 10px 1px;
	text-align: left;
	width: 320px;	
}