@CHARSET "UTF-8";

.homepage_featureContainer {
	width: 970px;
	margin: auto;
	top: -78px;
	left: 8px;	
	position: relative;
}
	.homepage_featureDiv {
		margin-left: 30px;
		width: 901px;
	}
	
	.homepage_featureDiv a {
		text-decoration: underline;
	}

	.homepage_featureItem {
		width: 901px;
		height: 229px;
	}
	.hpItem_1 {
		background: url(/resources/cccisd/images/homepage/features/our_mission.jpg);
	}
	.hpItem_2 {
		background: url(/resources/cccisd/images/homepage/features/join_a_research_study.jpg);
	}
	.hpItem_3 {
		background: url(/resources/cccisd/images/homepage/features/continuing_education_and_training.jpg);
	}
	.hpItem_4 {
		background: url("/resources/cccisd/images/homepage/features/career_opportunities.jpg");
	}
	.hpItem_5 {
		background: url(/resources/cccisd/images/homepage/features/partnerships.jpg);
	}
	
	.homepage_featureContentDiv {
		padding: 62px 0 0 30px;
		width: 500px;
		color: #333;
	}
		

.homepage_lowerContainer {
	background: url(/resources/cccisd/images/homepage/homepageLowerBg.jpg) repeat-x;
	width: 100%;
	position: relative;
	top: -76px;
}
	.homepage_lowerWrapper {
		width: 970px;
		margin: auto;
	}
		.leftColContainer {
			width: 211px;
			height: 546px;
			background: url(/resources/cccisd/images/homepage/quoteColumnBg.jpg) no-repeat;
			float: left;
		}
		
		.righColContainer {
		}
			.rightColHeaderLeft {
				float: left;
				background: url(/resources/cccisd/images/homepage/announcementsIcon.jpg) no-repeat; 
				width: 144px;
				height: 88px;
			}
			
			.rightColHeaderRight {
				float: left;
				background: url(/resources/cccisd/images/homepage/announcementsBg.jpg) repeat-x;
				width: 580px;
				height: 88px;
			}
			
			.rightColBody {
				float: left;
				padding: 24px;
				padding-right: 0;
			}



/************************************ Announcements Include *********************************************/

#announcements ul {
	list-style: none;
	margin: 16px 0 3px 16px;
	padding: 0;
}
#announcements li {
	padding: 0;
	margin-bottom: 1px;
}

#announcements {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}
	#announcements a:link, a:active {
		font-size: 12px;
		font-weight: normal;
		color: #002394;
		text-decoration: none;
	}
	#announcements a:visited {
		font-size: 12px;
		font-weight: normal;
		color: #4B63B2;
		text-decoration: none;
	}
	#announcements a:hover {
		font-size: 12px;
		font-weight: normal;
		color: #002394;
		text-decoration: underline;
	}

.announcementAllLink {
	margin-left: 16px;
}

	.announcementAllLink a:link, a:active {
		font-size: 12px;
		font-weight: normal;
		color: #002394;
		text-decoration: none;
	}
	.announcementAllLink a:visited {
		font-size: 12px;
		font-weight: normal;
		color: #002394;
		text-decoration: none;
	}
	.announcementAllLink a:hover {
		font-size: 12px;
		font-weight: normal;
		color: #333;
		text-decoration: underline;
	}


/******************************************* Easy Slider *************************************************/

/* image replacement */
    .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
        margin:0;
        padding:0;
        display:block;
        overflow:hidden;
        text-indent:-8000px;
    }
/* // image replacement */


	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:901px;
		height:229px;
	/*	overflow:hidden; */
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin: 5px 0 10px 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 0 0 2px; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #37362C;
		background:#B8B7A1;
		color:#FFF;
		font-size: 14px;
		padding:0 18px;
		text-decoration:none;
		}
	ol#controls li.current a{
		border: 1px solid #37362C;
		background: url(/resources/cccisd/images/homepage/loading.gif) no-repeat;
		color: #fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	.hpSelectedItem {
		border-bottom: 1px solid #8C8C73;
		background-color: #8C8C73;
	}
		
/* // End Easy Slider */