/*****************************************************************/
 /*****************************************************************
 	File: 				CDPHP_INDEX.CSS
	Last Modified:		6-1-2007
	Last Updated By:	Joe Cianflone
	Comments:			Styles for the homepage. Segmented out 
						because these styles are not needed in 
						any other section.  
  ****************************************************************/
/****************************************************************/


/***HTML ENTITIES**************************************************************/
ul { 
	list-style-type: none; 
}
ul#navigation li { padding: 0px; }

ul li {
	padding: 2px 0 2px 8px; 
}
h2 { 
	font-size: 1.3em; 
}
p {
	display: block;
	padding: 2px 12px; 
}

/***STRUCTURAL ELEMENTS********************************************************/
#member, #broker, #employer, #provider {
	float: left;
	height: 357px;
}

/***MEMBERS********************************************************************/
#member {
	width: 270px;
	background-repeat: no-repeat;
}
#member h2, #member ul {
	padding: 15px 0 0 15px;
}
#member ul 
{
	padding: 0px 0 0 15px;
}
#member h2 {
	color: #500f5a;
}
#member ul li {
	background: transparent url(/images/bkg_arrow.gif) center left no-repeat; 
}

/***EMPLOYERS******************************************************************/
#employer {
	background-repeat: no-repeat;

	
}
#employer h2, #employer ul {
	padding: 15px 0 0 127px;
}
#employer ul {
	padding: 0 0 0 127px;
}
#employer h2 {
	color: #1b404b;
}
#employer ul li {
	background: transparent url(/images/bkg_arrow.gif) center left no-repeat;
}

/***BROKERS & PROVIDERS********************************************************/
#broker {
	background: transparent url(/images/img_brokers.jpg) top left no-repeat;	
	height: 225px;
	width: 106px;
}
#provider {
	background: transparent url(/images/img_providers.jpg) top left no-repeat;
	width: 106px;
	height: 225px;
}  
#provider p, #broker p {
	padding: 0 8px;
}
	/***STAR HTML HACK FOR IE 6 ONLY********/
	* html #broker p  {
	 	padding: 0px 12px;
	}
	* html #provider p {
		padding: 0px 10px;
	}
#number1 {
	float:left; 
}