/* Call Out Plain */
.callOut 						{ background:#cdcdcd; }
p.callOut 						{ border-left:6px solid #022859; border-right:6px solid #022859;
								  padding:1em; margin-bottom:1.2em;}


/* change color, width, and margin */

/* Call Out Box */
.calloutBox 					{ list-style:none; background-color:#022859; color:#000; width:300px;
								  /*float:right; margin-top:-20px;*/ margin-left:50px;}

/* Portrait Layout */
.portrait 						{ background-color:#FFF; border-bottom:10px solid #FFF; border-left:none; border-right:none;
 								  border-top:10px solid #FFF; margin:0 30px;}

.portrait p 					{ margin:0 -20px; padding:1em; background-color:#FFF; color:#000; 
								  font: italic 16px 'Georgia'; text-align:center;}


/* Horizontal Layout */
.horizontal 					{ background-color:#FFF; border-bottom:10px solid #022859; border-left:none;
								  border-right:none; border-top:10px solid #022859; color:#000; margin:0 10px; padding:10px 0;}

.horizontal p 					{ margin:0 -10px; padding:0 20px; background-color:#FFF; color:#000; 
								  font: italic 16px 'Georgia'; text-align:center;}


/* HTML to use

		<div class="calloutBox">
***NOTE   <div class="portrait"> OR <div class="horizontal">
			<p>A call-out box draws reader’s attention.</p>
		  </div>
		</div>

*/