/*------------------------------------
   News Content
------------------------------------*/
/* Col */
.contentcol { width: 100%;}
.content { min-height: 547px;}

/* Large Intro Text */
.em { font-family: Georgia, "Times New Roman", Times, serif; color: #00457c; font-size: 1.2em; font-weight: bold; line-height: 1.2em; padding: 5px 10px .9em 12px;}
.em .accent { color: #939598;}
/* Small Subtext */
.sm { color: #80807f; font-size: .9em; line-height: 1.3em; padding-bottom: 0;}

/* Events Listing */
#eventscontainer { }
	#eventscontainer .item { overflow: hidden; padding: 6px; width: 570px; background: #f0f0f0; margin-bottom: 6px; min-height:93px;}
	#eventscontainer .item:last-child { margin-bottom: 0;}
		#eventscontainer .item .img { float: left; width: 130px; height: 93px; margin-right: 6px;}
		#eventscontainer .item .info{ float: right; width: 428px; padding: 3px; background: #fefefe; height: 87px; overflow: hidden;}
			#eventscontainer .item .head { background: #2391d4; overflow: hidden; padding: 5px 15px 5px 8px; color: #fff; font-weight: bold; font-size: 1.1em;}
				#eventscontainer .item .title { float: left; }
				#eventscontainer .item .date { float: right;}
			#eventscontainer .item .abstract { padding: 2px 7px 7px; color: #80807f; font-size: .9em; line-height:1.3em;}
			#eventscontainer .item .abstract a { color: #0196d6; font-weight: bold;}
	#eventscontainer .navi { overflow: hidden; padding: 15px 5px 3px;}
		#eventscontainer .navi a { display: inline-block; text-decoration: none;}
		#eventscontainer .navi .previous { float: left; padding-left: 30px; background: url('../images/arrowleft.png') no-repeat;}
		#eventscontainer .navi .next { float: right; padding-right: 30px; background: url('../images/arrowright.png') no-repeat right;}
		
/* Events Article */
#eventsarticle { overflow: hidden; min-height: 321px;}
	#eventsarticle .img { float: left; width: 283px; height: 321px; margin-right: 20px;}
		#eventsarticle .img ul.media { list-style: none; margin: 20px 0 0 0; padding: 0; font-size: .9em; }
			#eventsarticle .img ul.media li { padding: 3px 0 10px 32px;}
			#eventsarticle .img ul.media li.photo { background: url('../images/camera.png') no-repeat 0 2px;}
			#eventsarticle .img ul.media li.video { background: url('../images/tv.png') no-repeat; padding-top: 6px; }		
				#eventsarticle .img ul.media li a { color: #0196d6; font-weight: bold;}
	#eventsarticle .info { float: right; width: 278px; padding-top: 10px;}
		#eventsarticle .info .quicklinks { overflow: hidden;}
			#eventsarticle .info .quicklinks a { color: #0196d6; padding: 2px 0 2px 24px; font-size: .9em; font-weight: bold;}
			#eventsarticle .info .quicklinks a.friend { float: left; background: url('../images/friend.png') no-repeat;}
			#eventsarticle .info .quicklinks a.print { float: right; background: url('../images/printer.png') no-repeat; padding-left: 29px;}
		#eventsarticle .info .date { font-weight: bold; font-size: 1.2em; margin-top: 15px;}
		#eventsarticle .info .title { font-weight: bold; font-size: 1.7em; margin-top: 5px; line-height: 1.2em;}
		#eventsarticle .info .abstract { margin-top: 10px; color: #80807f; font-size: .9em; line-height:1.3em;}
			#eventsarticle .info .abstract p { padding-bottom: 1.1em;}
		#eventsarticle .info .back { }
			#eventsarticle .info .back a { font-size: .9em; color: #0196d6; font-weight: bold;}
		#eventsarticle .info .social { color: #80807f; font-weight: bold; padding-top: 1.4em; font-size: .9em; margin-left: -2px;}
			#eventsarticle .info .social ul { list-style: none; margin: 0; padding: 12px 0 0;}
				#eventsarticle .info .social ul li { padding: 0; float: left; display: inline;}
					#eventsarticle .info .social ul li a { color: #256bbb; text-decoration: none;  padding: 0 0 0 18px; margin-right: 20px;}
					#eventsarticle .info .social ul li.delicious a { background: url('../images/delicious.png') no-repeat;}
					#eventsarticle .info .social ul li.digg a { background: url('../images/digg.png') no-repeat; padding: 0 0 0 20px;}
					#eventsarticle .info .social ul li.facebook a { background: url('../images/facebook.png') no-repeat; }					

/* Events Scrollable */
#eventscontainer {position:relative; overflow:hidden; width: 582px; height:440px;}
	/* Items container to hide overflow*/
	#eventscontainer .items { height:20000em; position:absolute; clear:both;}
	/* single scrollable item */
	#eventscontainer .page { width:582px; height:435px;}
	.scrollbuttons { overflow: hidden; padding:0 5px 09px; margin-top:-54px;}
		.scrollbuttons a.prevPage, .scrollbuttons a.nextPage { color: #000; display: inline-block; text-decoration: none; cursor: pointer;}
		.scrollbuttons a.prevPage { float: left; padding-left: 30px; background: url('../images/arrowleft.png') no-repeat;}
		.scrollbuttons a.nextPage { float: right; padding-right: 30px; background: url('../images/arrowright.png') no-repeat right;}
		.scrollbuttons a.disabled { opacity: .2; cursor: default;}
		.navi { padding:17px 5px 37px 29px; text-align:center;}
		.navi a { margin-right: 5px; padding: 1px 3px; cursor: pointer;}
		.navi a:hover { text-decoration: underline;}
		.navi a.active { background: #2391d4; color: #fff; }
}

