/* homepage stylesheet
Lidia Munoz
2006-06-22 */

#left-column{
	margin-top: 20px; 
	padding-top: 0px;
}

#intro {
	font-weight: normal;
	/*font-size: 1.4em;*/
	color: #666666;
	padding-top: 0px;
	margin-top: 0px;
}

div.homepage_teaser {
	width: 155px;
	/*margin: 0 0px 20px !important;*/
	margin: 0 !important;
	padding: 3px 0 10px !important;
	background: #EBD4E6 url(/display_images/research_centre/backgrounds/homepage_box_bottom_off.gif) bottom no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

div.homepage_teaser_top {
	background: #EBD4E6 url(/display_images/research_centre/backgrounds/homepage_box_top_off.gif) top no-repeat;
	height: 7px;
	width: 155px;
	overflow: hidden
}

div.homepage_teaser img {
	/*float: right !important;
	margin-left: 10px !important;*/
}

div.homepage_teaser div {
	margin: 0px 10px 0 !important;
	padding: 0 !important
}

h3 {
	margin-top: 0px;
	/*background: #EBD4E6;*/
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0 !important;
	/*height: 26px !important;*/
	font-size: 1.24em !important;
}

h3 a {
	text-decoration: none;
	border-bottom: 1px solid #666;
	padding: 0 !important;
}

h3 a:hover {
	text-decoration: none;
	border-bottom: 1px solid #963e96;
}

#homepage-main-column {
	float: right;
	width: 495px;
	margin: 0 20px;
	padding:20px 0 20px 0;
	text-align: left;

/*	float: left;
	width: 505px;
	padding:20px 20px 20px 10px;
	text-align: left;*/
}

#homepage-main-column-wide {
	width: 740px;
	/*padding:0px 28px 20px 0px;*/
	text-align: left;
	position: relative; 
	height: 160px;
}

/*homepage*/

#homepage-main-column-wide .wide-imageBanner img{
	float:right;/**/
}

#homepage-main-column-wide .wide-imageBanner {
	overflow:hidden;
	/*background: #1A212B;*/
	color: #9A9A9A;
}
 .fade {
	padding-top:0px !important;
}


div.homepage_teaser div {
	padding: 8px 10px 0;
	font-size: 1.1em;
	/*line-height: 0.8em !important;*/
}


/* New homepage style for template update in May 2008 ======================== */

#homepageTeaserContainerLeft {
	float: left;
	width: 155px;
	margin: 0 8px 20px 0;
	overflow: hidden
}

#homepageTeaserContainerMiddle {
	float: left;
	width: 155px;
	margin: 0 8px 20px 7px;
}

	#homepageTeaserContainerLeft p, #homepageTeaserContainerMiddle p {
		padding:0 !important;
		margin: 0 !important;
	}

#homepageTeaserContainerRight {
	float: left;
	width: 155px;
	margin: 0 0 20px 7px;

}
	#homepageTeaserContainerRight h3{
		background:url(/display_images/research_centre/title_sign_in_to_extranet.gif) 0 0 no-repeat;
		text-indent:-5000px;
		height:12px;
		margin:2px 0 5px 0;
		padding:0;
	}
	#homepageTeaserContainerRight form{
		width:95%;
		overflow:hidden;
		position:relative;
	}
		#homepageTeaserContainerRight form div{
			padding:0;
			margin:0 !important;
		}
		#homepageTeaserContainerRight input,#homepageTeaserContainerRight label{
			width:95%;
			overflow:hidden;
			font-size: 0.9em
		}
		#homepageTeaserContainerRight input{
			margin:0 0 6px 0;
			font-size:0.8em;
		}
			#homepageTeaserContainerRight input.button{
				width:auto;
				margin:0;
			}
		#homepageTeaserContainerRight p{
			font-size:0.85em;
			position:absolute;
			bottom:5px;
			right:0;
			margin:0;
			padding:0;
		}
			#homepageTeaserContainerRight p a{
				border:0 !important;
			}
	#homepageTeaserContainerLeft:hover div.homepage_teaser_top,
	#homepageTeaserContainerLeft.over div.homepage_teaser_top,
	#homepageTeaserContainerLeft.alwaysover div.homepage_teaser_top,
	#homepageTeaserContainerMiddle:hover div.homepage_teaser_top,
	#homepageTeaserContainerMiddle.over div.homepage_teaser_top,
	#homepageTeaserContainerMiddle.alwaysover div.homepage_teaser_top,
	#homepageTeaserContainerRight:hover div.homepage_teaser_top,
	#homepageTeaserContainerRight.over div.homepage_teaser_top,
	#homepageTeaserContainerRight.alwaysover div.homepage_teaser_top{
		background: #992884 url(/display_images/research_centre/backgrounds/dkpink_box_top_on.gif) top no-repeat;
	}
	
	#homepageTeaserContainerLeft:hover div.homepage_teaser,
	#homepageTeaserContainerLeft.over div.homepage_teaser,
	#homepageTeaserContainerLeft.alwaysover div.homepage_teaser,
	#homepageTeaserContainerMiddle:hover div.homepage_teaser,
	#homepageTeaserContainerMiddle.over div.homepage_teaser,
	#homepageTeaserContainerMiddle.alwaysover div.homepage_teaser,
	#homepageTeaserContainerRight:hover div.homepage_teaser, 
	#homepageTeaserContainerRight.over div.homepage_teaser,
	#homepageTeaserContainerRight.alwaysover div.homepage_teaser{
		background: #992884 url(/display_images/research_centre/backgrounds/dkpink_box_bottom_on.gif) bottom no-repeat;
		color: #fff;
	}
	
	#homepageTeaserContainerLeft:hover div.homepage_teaser a,
	#homepageTeaserContainerLeft.over div.homepage_teaser a,
	#homepageTeaserContainerLeft.alwaysover div.homepage_teaser a,
	#homepageTeaserContainerMiddle:hover div.homepage_teaser a,
	#homepageTeaserContainerMiddle.over div.homepage_teaser a,
	#homepageTeaserContainerMiddle.alwaysover div.homepage_teaser a,
	#homepageTeaserContainerRight:hover div.homepage_teaser a, 
	#homepageTeaserContainerRight.over div.homepage_teaser a,
	#homepageTeaserContainerRight.alwaysover div.homepage_teaser a {
		color: #fff;
		border-bottom: #F2F2F0 1px solid;
	}