/*The background image is of the button in it's hover state*/

div.callOutButton    { 
background: url(callOutButton.gif) no-repeat 100% 0px ; 
color: #7c7c7c; 
width: 218px; 
display: block; 
padding:0; 
/* height: 25px; */
border-bottom: 1px solid #b3b3b3; 
border-top: 1px solid #b3b3b3; 
margin-top:3px;}
	
/*The background image is of the button in it's normal state	 */	

div.callOutButton   a    { 
 	background: url(callOutButton.gif) 100%  -200px no-repeat; 
	color: #7c7c7c; 
	font:  14px "Lucida Sans", Arial, serif; 
	text-decoration: none; 
	vertical-align: middle; 
	text-align: left; 
	display: block;
	float:left;
	width: 218px; 
	height: 100%; 
 }
  

 div.callOutButton  span  {
	display: block;
	margin: 0; 
	padding: 4px 25px 10px 0px;
	line-height: 20px;

	}
 


div.callOutButton  a:hover {
	background-image: none;
	color: #7c7c7c; 
	}
	

div.callOutButton  a:active {
	color: #e7e7e7;
	}
	
.callOutBox{margin-bottom:8px;
	background: url(callOutBG.gif) 100%  100% repeat-x; width:218px;
	background-color:#282822;
	padding: 10px;
	border-bottom: 1px solid #b3b3b3; 
	border-right: 1px solid #b3b3b3; 
	border-top: 1px solid #fff; 
	border-left: 1px solid #fff;}





.callOutBox-blue{
	margin-bottom:4px;
	width:218px;
	padding: 3px 10px 5px 10px;
	color: #fff;
	border-bottom: 1px solid #004a76;
	border-right: 1px solid #004a76;
	border-top: 1px solid #80b2d1;
	border-left: 1px solid #80b2d1;
	background: #02478D;
}

.callOutBox-gold{
	margin-bottom:4px;
	width:218px;
	background-color:#d6a050;
	padding: 3px 10px 5px 10px ;
	color: #fff; 
	border-bottom: 1px solid #a87f43; 
	border-right: 1px solid #a87f43; 
	border-top: 1px solid #f4ce95; 
	border-left: 1px solid #f4ce95;}
	

/*The background image is of the button in it's hover state*/

div.callOutButton-blue,
div.callOutButton-gold    { 

display: block; 
/*border-bottom: 1px solid #b3b3b3; 
border-top: 1px solid #b3b3b3; */
margin-top:3px;
width: 218px; 
padding:0; 
border-top: 1px solid #fff; 

}
	
/*The background image is of the button in it's normal state	 */	

div.callOutButton-blue   a,
div.callOutButton-gold    a  { 
	font: bold 14px "Lucida Sans", Arial, serif; 
	text-decoration: none; 
	vertical-align: middle; 
	text-align: left; 
	display: block;
	float:left;
	width: 218px; 
	height: 100%; 


 }
  

 div.callOutButton-blue  span,
 div.callOutButton-gold   span {
	display: block;
	margin: 0; 
	padding: 4px 25px 10px 0px;
	line-height: 20px;

}
 

div.callOutButton-blue    { 	

background: url(callOut-blue.gif) no-repeat 100% 0px ; color: #fff; 
}

div.callOutButton-gold    { 	

background: url(callOut-gold.gif) no-repeat 100% 0px ; color: #fff; 
}


	
/*The background image is of the button in it's normal state	 */	

div.callOutButton-blue   a    { background: url(callOut-blue.gif) 100%  -200px no-repeat; color: #d4e5ef; }
div.callOutButton-gold   a    { background: url(callOut-gold.gif) 100%  -200px no-repeat; color: #f7edde; }


div.callOutButton-blue  a:hover {color: #fff; background-image: none;}
div.callOutButton-gold  a:hover {color: #fff; background-image: none;}

div.callOutButton-blue  a:active {color: #e7e7e7;}
div.callOutButton-gold  a:active {color: #e7e7e7;}
	
.textButton {font: italic  19px  "Arial Black", Arial, serif; letter-spacing:-1px;text-decoration:none;color:#fff;}
.textButton a {text-decoration:none;color:#fff;}
.textButton a:link{text-decoration:none;color:#fff;}
.textButton a:visited{text-decoration:none;color:#fff;}
.textButton a:hover{text-decoration:none;color:#fff;}