/*
	@description LA inner homepage css
					also used for news index page
	@author RZ
	@created 2008-10
*/


/* 1 columns */

.layout-wide .la_wide .teaser_inner {
	width: 95%;
}

/* 2 columns */

.layout-wide .la_left .teaser_inner {
	width: 100%;
}

.la_empty {
	display: none;
}

#content ul li {
	background: url(/display_images/wrap/bullet_arrow_y.gif) 0 10px no-repeat;
	padding: 5px 0 5px 10px;
}

#content ul.backtotop_links {
	overflow: hidden;
	margin-top: 20px;
}

/*#primary-content a {
	text-decoration: none;
}*/

#intro {
	clear: both;
	border: 0;
	padding: 10px 0 0;
}

#heading_image {
	clear: both;
	width: 100%;
	overflow: hidden;
	padding-top: 5px;
	margin-left:20px;
}
	
.divider {
	height: 20px;
	overflow: hidden;
	clear: both;
	width: 95%;
}

.la_teaser {
	clear: both;
	width: 95%;
	overflow: hidden;
	text-align: center;
	padding: 0 0 20px;
	margin: 20px 0 0;
	background: url(/display_images/wrap/grey_dotted_line.gif) 0 100% repeat-x;
	
}

.first_teaser {
	margin-top: 10px;
	border-top: 1px solid #cecece;
	padding-top: 20px;
	
}

.la_teaser_row {
	overflow:hidden;
	width:100%;
}
	.la_teaser_row .la_teaser{
		width:28.5%;
		margin-left:5.5%;
		float:left;
		clear:none;
		background: none;
	}
	.la_teaser_row .first_item{
		margin-left:0;
	}
	.la_teaser_row .la_teaser h2{
		border-bottom:1px solid #d6d6d6;
		padding-bottom:8px;
		margin-bottom:15px;
	}
	.la_teaser_row .la_teaser .teaser_inner img {
		float:none;
		margin:0 0 10px 0;
	}
	.la_teaser_row .la_teaser .teaer_text p{
		margin:0;
		padding:0;
		font-size:0.95em;
		line-height:1.4em;
	}
	#content .la_teaser_row .la_teaser ul li{
		background-position:0 0.5em;
		font-size:0.95em;
		line-height:1.4em;
		padding:0 0 0 10px;
	}
	
.with_heading {
}

	.teaser_inner {
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		padding: 0;
		text-align: left;
	}

		.teaser_inner img {
			float: right;
			padding: 0;
			margin: 3px 0 0 10px;
		}


.la_right ul {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #cecece;
	overflow: hidden;
	width: 100%;
	font-size: .95em;
}

		.la_right li p {
			margin: 5px 0;
		}

.image-caption img {
	border: 0;
	padding: 0;
}

#content .backtotop_links li {
	list-style: none;
	background: none;
	padding:5px 0 5px 10px;
}

/* News listing */

#content .the_heading {
	border-bottom: 1px solid #cecece;
	margin: 0;
	padding-bottom: 10px;
}

#news_list {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

	#content #news_list li {
		list-style: none;
		border: 0;
		padding: 0 0 24px;
		margin: 20px 0 0;
		background: url(/display_images/wrap/grey_dotted_line.gif) 0 100% repeat-x;
		overflow: hidden;
		height: 100%;
	}
	
	#news_list li .left_col {
		float: left;
		overflow: hidden;
		width: 21%;
	}
	
	.narrow-layout #news_list li .left_col {
		width: 30%;
	}

	
		#news_list li .left_col .news_date {
			background: url(/display_images/wrap/datebox.gif) 0 0 no-repeat;
		}
	
		#news_list li .left_col .news_date span {
			padding: 2px 5px;
			color: black;
			font-size: .85em;
			font-weight: normal;
			display: block;
			margin-top: 4px;
		}
	
	#news_list li .right_col {
		float: left;
		overflow: hidden;
		width: 78.9%;
	}
	
		#news_list li .right_col .news_title {
			font-family: Tahoma,'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,sans-serif;
			font-size: 1.25em;
			margin-top: 0;
			margin-bottom: 6px;
			font-weight: normal;
		}
		
		#news_list li .right_col .news_summary {
			line-height: 1.5;
		}
	
	.narrow-layout #news_list li .right_col {
		width: 69.9%;
	}

/* Paging */

#content .paging_wrapper {
	border: 0;
	padding: 20px 0 5px;
}

#content .paging_wrapper .text_right {
	display: none;
}

.paging {
	margin: 0;
	padding: 0;
}
	
	.paging .midcell {
		border: 0;
	}
	
	.paging td {
		height: auto;
		padding: 0;
		border: 0;
		margin: 0;
		line-height: 100%;
	}
	
	.paging .hidden {
		display: none;
	}
	
	.paging a, .paging span {
		padding: 1px 4px;
		background-color: #9DC1D4;
		margin: 0 8px 0 0;
		text-decoration: none;
		display: block;
		height: 14px;
	}
	
	.paging a {
		color: #fff !important;
		border: 1px solid #9DC1D4;
	}
	
	.paging a:hover {
		color: #003C78 !important;
	}
	
	.paging span {
		color: #003C78 !important;
		border: 1px solid #003C78;
	}


/* Section content */
#section_content{
	margin-top:10px;
}
#section_content ul {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: .95em;
	margin-top: 5px;
}
		
#section_content h2 {
	font-weight: normal;
	margin: 0;
	border-bottom: 1px solid #cecece;
	padding: 0 0 10px;
}

#section_content h3 {
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 0;
}

#section_content p {
	margin: 3px 0 0;
	line-height: 1.3;
	color: #999;
}

#section_content img {
	float: left;
	margin: 3px 0 0;
	border: 1px solid #999;
}

/* Highlight */

#section_content .highlight {
	padding: 0;
	margin: 0 0 30px;
	float: left;
	display: block;
	overflow: hidden;
}
	
	#section_content .highlight li {
		list-style: none;
		background: none;
		padding-left: 0;
		height: 100%;
		overflow: hidden;
		float: left;
		width: 220px;
		margin-left: 30px;
		margin-bottom: 10px;
	}
	
	#section_content .highlight li.first_item {
		margin-left: 0;
	}
		
		#section_content .highlight h3 {
			font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,sans-serif;
		}
	
		#section_content .highlight div {
			width: 150px;
			display: block;
			overflow: hidden;
			float: right;
		}

/* Block content */

#section_content #block_wrap {
	width: 500px;
	float: left;
	overflow: hidden;
}

#section_content #pub_wrap {
	width: 220px;
	float: left;
	overflow: hidden;
	position: relative;
}

#section_content .block_content {
	width: 220px;
	float: left;
	overflow: hidden;
	margin-right: 30px;
	margin-bottom: 35px;
}
	
#section_content .last_block {
	margin-right: 0;
}

/* Publications */

#pub_nav {
	display: block;
	overflow: hidden;
	position: absolute;
	left: 95px;
	top: 35px;
}

	#pub_nav span.prev, #pub_nav span.next {
		display: block;
		height: 18px;
		width: 18px;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
		float: left;
		cursor: pointer;
	}

	#pub_nav span.prev {
		background-image: url(/display_images/wrap/arrows_prev_small.gif);
	}

	#pub_nav span.next {
		background-image: url(/display_images/wrap/arrows_next_small.gif);
	}

	#pub_nav span.count {
		float: left;
		display: block;
		margin: 3px 8px 0;
		font-size: .95em;
		color: #999;
	}

#section_content  #pub_list li {
	list-style: none;
	height: 100%;
	overflow: hidden;
	float: left;
	display: block;
	background: none;
	padding: 5px 0 15px;
}

	#pub_list .inner_left {
		float: left;
		width: 85px;
		overflow: hidden;
		display: block;
		margin: 0 10px 0 0;
	}

	#pub_list .inner_right {
		float: left;
		width: 125px;
		overflow: hidden;
	}

	#pub_list .top_space {
		padding-top: 35px;
	}

		#pub_list .inner_right span {
			display: block;
			margin-top: 8px;
			font-style: italic;
			font-size: .95em;
		}

/* Event listing */
#body{
	border-bottom:0 !important;
	background: url(/display_images/wrap/grey_dotted_line.gif) 0 100% repeat-x;
}
#body.eventlist-body{
	margin-top:0 !important;
	border-bottom:0 !important;
}
#content .event_list_heading {
	border-bottom: 0;
	background: url(/display_images/wrap/grey_dotted_line.gif) 0 100% repeat-x;
	margin: 0;
	padding-bottom: 10px;
}

#events_list {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
	#content #events_list li{
		background-image:none;
		margin:0;
		background: url(/display_images/wrap/grey_dotted_line.gif) 0 100% repeat-x;
	}
	#events_list h3 {
		font-size: 1.6em;
		margin-top: 10px;
	}
	
	#events_list .detail {
		overflow: hidden;
		width: 100%;
		margin: 0;
		margin: 0;
		padding: 0 0 20px;
		font-size: .95em;
	}
	
		#events_list .summary {
			width: 60%;
			float: left;
			margin-right: 9%;
			line-height: 1.6;
		}
	
			#events_list .summary p {
				margin: 0;
			}
		
		
		#events_list .dvwrap {
			width: 30%;
			float: left;
		}
		
			#events_list .date {
				width: 34%;
				float: left;
				font-size: .95em;
				color: #666;
				clear: left;
			}
			
			#events_list .venue{
				width: 65%;
				float: left;
				color: #333;
				line-height:1.2em;
			}
			
			#events_list .vacancy {
				margin:0;
				padding:0;
				color:#999;
				text-transform:uppercase;
				line-height:1.2em;
				font-size:0.9em;
			}
			#events_list .rowgap {
				height: 8px;
				overflow: hidden;
				clear: left;
			}
.la_right .event_sideteaser{
	margin-top:0;
	border-top:0;
	padding-top:5px;
}	
	.event_sideteaser .date{
		width: 26%;
		float: left;
		font-size: .95em;
		color: #666;
		clear: left;
	}
	.event_sideteaser .venue{
		color: #999;
		width: 73%;
		float: left;
		line-height:1.2em;
	}
	.event_sideteaser .dvwrap{
		margin-top:5px;
	}
	.event_sideteaser .rowgap{
		height:4px;
		overflow: hidden;
		clear: left;
	}

.la_right ul{
	margin-bottom:20px;
}

.la_right .highlight, .la_right .image-caption{
	margin-bottom:25px;
}

.la_right .highlight {
	margin-bottom:40px;
	background-color:#5186B2;
	border:1px solid #5186B2;
	color:white;
	overflow:hidden;
	clear:both;
}
	.la_right .highlight:hover {
		background-color: #000 !important;
		border-color: black;
		cursor: pointer;
	}
	.la_right .highlight h2 {
		margin: 0;
		font-size:1.4em;
		margin:0;
	}
		la_right .highlight:hover h2 a,
		.la_right .highlight:hover h2 {
			color:#9DCA31;
		}
		.la_right .highlight h2 a {
			text-decoration: none;
		}
		.la_right .highlight h2 a:hover {
			text-decoration: underline;
		}
		.la_right .highlight:hover h2 a{
			text-decoration:underline;
		}
	.la_right .highlight .text {
		padding: 10px 15px 5px;
		font-size: .95em;
		color: white;
	}
	.la_right .highlight p {
		margin: 5px 0 10px;
		font-size: 1em;
	}
	.la_right .highlight a {
		color: white;
	}
	
/* these override styles in wrap/jquery.fancybox.css and are for the lightbox pop up*/

div#fancy_div {
	background-color:#042862;
	padding:0;
}

div#fancy_close {
	background:url('/display_images/wrap/lightboxclose.png') no-repeat scroll left top transparent;
	right:9px;
	top:9px;
	width:17px;
	height:17px;
}

div#fancy_div h2 {
	margin:0 25px 25px 25px;
	padding-top:25px;
	padding-bottom:5px;
	color:white;
	font-size:2.3em;
	border-bottom:2px solid white;
}

div#fancy_div .lightboxtop {
	margin:0 25px 25px 25px;
	padding-top:25px;
	padding-bottom:5px;
}
