/*---------------------------------------------------------
 * Immunetics.com
 *
 * @description Home Section CSS
 *
 * @author  Craig Ruksznis [cr] <craigruk@imarc.net>
 *
 ----------------------------------------------------------*/

/* Introduction (login.php only) */
/*----------------------------------------------------------------------------*/

#introduction {
	width: 884px;
	float: left;
	padding: 0 0px 15px 25px;
	background: transparent url(images/left_column_bg.jpg) no-repeat right top;
}

/* Login Form (login.php only) */
/*----------------------------------------------------------------------------*/
#login_form.immu_login {
	margin-top: 20px; 
	width: 310px;
}

#login_form.immu_login .title {
	margin-top: 10px;
}

#login_form.immu_login .username,
#login_form.immu_login .password {
	width: 300px;
}

/* Home Flash */
/*----------------------------------------------------------------------------*/
#flash {
	width:910px; 
	height:197px;
}

#home_flash {
	background: #fff url('images/home_flash.jpg') no-repeat;
	float: left;
	margin-top: 25px;
	width: 910px;
	height: 186px;
}


/* Three column outer div */
/*----------------------------------------------------------------------------*/
#home_content {
	background: #788ca2 url('images/page_content_bg.jpg') repeat-y;
	
	float: left;
	margin: 25px 0 0 0;
	width: 910px;
}

#home_content_bottom {
	background: url('images/page_content_bg_bottom.jpg') no-repeat;
	width: 910px;
	height: 2px;
	float:left;
}


/* First Column */
/*----------------------------------------------------------------------------*/
#first_column {
	width: 212px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

#first_column #first_title {
	background: #53616f url('images/section_home/left_title.jpg');
	text-indent: -9999px;
	width: 212px;
	height: 34px;
	position: relative;
	top: 0;
	left: 0;
}

#first_column #view_all_news {
	position: absolute;
	top: 9px;
	left: 125px;
}

#view_all_news a, 
#view_all_news a:link, 
#view_all_news a:active, 
#view_all_news a:visited, 
#view_all_news a:hover {
	color: #FFFFFF;
	font-size: 0.9em;
	line-height: 1;
}
	
#view_all_news a:hover {
	color: #FFFFFF;
}

#first_title h3 {
	color: #e1ebb9;
	font-size: 1.3em;
	line-height: 1.2;
	text-align: center;
	margin: 0 auto;
	position: relative;
	top: 7px;
	width: 100%;
	height: 34px;
}

#first_column ul {
	padding-top: 15px;
	width: 212px;
}

#first_column li {
	background: url('images/list_bullet.jpg') no-repeat 15px 0;
	list-style-type: none;
	font-size: .9em;
	padding: 0 15px 8px 35px;
	line-height: 1.1;
}

#first_column .list li a, 
#first_column .list li a:link, 
#first_column .list li a:active, 
#first_column .list li a:visited, 
#first_column .list li a:hover {
	color: #f3edd9;
	font-size: 0.95em;
	line-height: 1.1;
}
	
#first_column li a:hover {
	color: #f3edd9;
}


/* Second Column */
/*----------------------------------------------------------------------------*/
#second_column {
	width: 428px;
	float: left;
	margin: 0 0 0 1px;
	font-size:.9em;
	padding: 0;
}

#second_column #second_title {
	background: #53616f url('images/section_home/middle_title.jpg');
	text-indent: -9999px;
	width: 428px;
	height: 34px;
	position: relative;
	top: 0;
	left: 0;
}

#second_title h3 {
	color: #e1ebb9;
	position: relative;
	top: 7px;
	font-size: 1.3em;
	line-height: 1.2;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: 34px;
}

#second_column p {
	padding: 0 15px 15px 15px;
	color: #FFFFFF;
	font-size: 0.95em;
	line-height: 1.1;
	float:left;
}

#second_column p.first {
	margin-top: 15px;
	padding-right: 40px;
}

#second_column .list {
	float: left;
	padding: 10px 0 0 15px;
	width: 350px;
}

#second_column .list li {
	font-size: 0.95em;
	line-height: 0.8;
	padding: 0 7px 0px 7px;
	border-left: 1px solid #f3edd9;
	list-style-type: none;
	float: left;
}
	
#second_column .list li.first {
	border-left: 0px none;
	padding-left: 0px;
}
	
#second_column .list li a, 
#second_column .list li a:link, 
#second_column .list li a:active, 
#second_column .list li a:visited, 
#second_column .list li a:hover {
	color: #f3edd9;
}
	
#second_column li a:hover {
	color: #f3edd9;
}


/* Third Column */
/*----------------------------------------------------------------------------*/
#third_column {
	width: 268px;
	float: left;
	margin: 0 0 0 1px;
	font-size: .9em;
	padding: 0;
}

#third_column #third_title {
	background: #53616f url('images/section_home/right_title.jpg');
	text-indent: -9999px;
	width: 268px;
	height: 34px;
	position: relative;
	top: 0;
	left: 0;
}

#third_column h3 {
	color: #e1ebb9;
	position: relative;
	top: 7px;
	font-size: 1.3em;
	line-height: 1.2;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: 34px;
}

#third_column ul {
	margin: 0;
	padding: 15px 0 15px 15px;
	float: left;
	width: 142px;
}




#third_column li {
	list-style-type: none;
}

#third_column a,
#third_column a:link,
#third_column a:active,
#third_column a:visited {
	border: 1px solid #788ca2;
	background: #788ca2;
	width: 135px;
	color: #e9f1f8;
	font-size: 0.95em;
	padding-left: 5px;
	line-height: 18px;
	display: block;
}


html>body #third_column a,
html>body #third_column a:link,
html>body #third_column a:active,
html>body #third_column a:visited {
	border: 1px solid #788ca2;
	background: #788ca2;
	width: 132px;
	color: #e9f1f8;
	font-size: 0.95em;
	padding-left: 5px;
	line-height: 18px;
	display: block;
}



#third_column a:hover {
	border: 1px solid #a4bfa8;
	background: #8ba1a5;
	color: #e9f1f8;
	font-size: 0.95em;
	font-weight: bold;
	text-decoration: none;
	
}



html>body #third_column a:hover {
	border: 1px solid #a4bfa8;
	background: #8ba1a5;
	color: #e9f1f8;
	font-size: 0.95em;
	font-weight: bold;
	text-decoration: none;
	
}



#third_column #associated_image_div {
	float: left;
}

#third_column #associated_image_div img {
	margin: 13px 0 0 0;
	padding: 0;
	border: 2px solid #a4bfa8;
}