/* ================================================================================================= */
/* Join ICA- homepage.css          																	 */
/* ------------------------------------------------------------------------------------------------- */
/* Unique Styles for index.html                                             						 */
/* ================================================================================================= */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Table of Contents ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*	
	* Header Area - #header
	* Roles Container - #roles
	* Content Area Styles - #content
	* Why ICA Content Section Styles - #whyICA
	* 25th Anniversary Logo Styles - #25th
	* Misc - #misc
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* -------------------------------------------------------------------------------------------------	
 *   Header Area - #header
 * ------------------------------------------------------------------------------------------------- */
	#header {
		background:url(../images/home_header_bg.jpg) no-repeat;
		height:82px;
		width:916px;
	}
	
	#headerLinks {
		color:#9be1f2;
		float:right;
		padding-top:10px;
	}
	
	#headerLinks p {
		display:inline;
		margin:0 20px 0 0;
		font-size:11px;
	}
	
	#headerLinks a {
		color:#FFF;
		font-weight:bold;
		text-decoration:none;
	}
	
	#headerLinks a:hover {
		text-decoration:underline;
	}
	
	#logo {
		display:inline;
		float:left;
		height:81px;
		margin-left:21px;
		width:175px;
	}


/* -------------------------------------------------------------------------------------------------	
 *   Roles Container - #roles
 * ------------------------------------------------------------------------------------------------- */
	#rolesContainer {
		background:url(../images/role_tabs.jpg) no-repeat;
		padding:5px 0 0 0;
		width:916px;
	}
	
	#rolesContainer,
	#rolesContainer .role {
		height:112px;
	}
	
	#rolesContainer .role {
		display:inline;
		cursor:pointer;
		float:left;
	}
	
	#rolesContainer .role a {
		color:#9be1f2;
		display:block;
		font-weight:bold;
		padding:82px 0 0 13px;
		text-decoration:none;
	}
	
	#role1 {
		background:url(../images/role1.png) no-repeat;
		background-position:0 0;
		width:227px;
		margin-left:10px;
	}
	
	#rolesContainer #role1.role a {
		padding-left:15px;
	}
	
	/* Roles 2,3, and 4 are a smaller width than role 1. Adjust widths and background positions */
	#role2 {
		background:url(../images/role2.png) no-repeat;
	}
	
	#role3 {
		background:url(../images/role3.png) no-repeat;
	}
	
	#role4 {
		background:url(../images/role4.png) no-repeat;
	}
	
	#role2,
	#role3,
	#role4 {
		background-position:-4px 0;
		width:223px
	}
	
	#role1:hover {
		background-position:-0 -117px
	}
	
	#role2:hover,
	#role3:hover,
	#role4:hover {
		background-position:-4px -117px
	}
	

/* -------------------------------------------------------------------------------------------------	
 *   Content Area Styles - #content
 * ------------------------------------------------------------------------------------------------- */
	#contentWrapper {
		margin:0 auto;
		width:896px;
		padding:0 10px;
	}
	
	#content {
		background:#E9F3FF;
		margin:0 auto;
		padding:15px;
		width:857px;
	}


/* -------------------------------------------------------------------------------------------------	
 *   25th Anniversary Logo Styles - #25th
 * ------------------------------------------------------------------------------------------------- */
	#anniversaryLogo {
		float:right;
		width:320px;
		text-align:center;
	}
	
	#anniversaryContent {
		float:right;
		width:225px;
	}
	
	#anniversaryContent p {
		margin-left:40px;
	}
	
	#anniversaryContent h1 {
		font-size:16px;
		margin:10px 0 5px 0;
	}


/* -------------------------------------------------------------------------------------------------	
 *   Headline Containers - #headlineContainer
 * ------------------------------------------------------------------------------------------------- */
	.headlineContainer {
		background:url(../images/headline_container.jpg) no-repeat;
		float:left;
		height:157px;
		padding:5px 10px 10px 10px;
		text-align:center;
		width:398px;
	}
	
	.headlineContainer:first-child {
		margin:0 20px 0 0;
		padding:0;
		width:418px;
	}
	
	.headlineContainer h1 {
		color:#326093;
		font-size:20px;
		font-weight:bold;
		line-height:22px;
	}
	
	.headlineContainer h2 {
		color:#5F7515;
		font-size:15px;
	}
	
	.ie7 .headlineContainer h2 {
		font-weight:500;
	}
	
	.headlineContainer h2 strong {
		color:#384707;
		font-weight:bold;
		font-size:16px;
	}
	
	.headlineContainer a {
		margin:0 10px;
	}
	
	.headlineContainer img {
		margin-top:10px;
	}
	
	.headlineContainer .logo25Year {
		float:left;
		margin:0;
		padding:0;
	}

	
/* -------------------------------------------------------------------------------------------------	
 *   Misc - #misc
 * ------------------------------------------------------------------------------------------------- */
	.marginBottom {
		margin-bottom:10px;
	}