/*  -----------------------------------------------------------------------
    Home page ------------------------------------------------------------- */
	#main {padding-bottom: 20px;}
	
/*  -----------------------------------------------------------------------
    Who / Why / Where - top section --------------------------------------- */
	
	#sections {
		background: url(/img/bg_home_sections.gif) no-repeat left bottom;
		border-bottom: 1px solid #bac4c6; overflow: hidden; height: 335px;
	}
		#who, #where, #why {background-repeat: no-repeat; position: relative;}
		#who { float:left; height: 335px; width: 595px; background-position: right;}
			img {position: absolute; bottom: 0; left: 0;}
			#who img {left: 1px;}
			#why img {bottom: 1px;}
		#where { float: right; height: 167px; width: 305px;}
		#why { float: right; height: 168px; width: 305px;}
		#who h3, #where h3, #why h3 {position: absolute; left: -9999px;}
		#why div, #where div, #who div {
			position: relative; left: 143px; top: 92px; font-weight: bold; color: #555; letter-spacing:-1px; width: 154px;}
		#who div {left: 331px; top: 185px; width: 200px;}
		#why .b_sm, #where .b_sm, #who .b_sm {margin-top: 10px; font-weight: normal; letter-spacing: 0; position: relative; left: -2px;}

/*  -----------------------------------------------------------------------
    Events / News / Blog headlines ---------------------------------------- */

	#headlines {
		background: #fff url(/img/bg_home_headline.gif) left 1px repeat-x;
		border: solid #c7c6c7; border-width: 0 1px 1px 0;
		height: 323px;
	}
		#headlines .b_sm {margin: 15px 13px 0; }
		#headlines a {color: #990033;}
		#headlines a:hover, #headlines a:focus {color: #71467D;}
		.box-corner {
			background: url(/img/bg_corner_rb.gif) no-repeat right bottom;
			height: 20px; width: 19px;
			position: absolute; bottom: 0; right:0;
		}
		#events, #news, #blog {
			border-left: 1px solid #c7c6c7;
			float: left;
			height: 100%; width: 296px;
		}
		#blog { width: 304px; }
			.header {
				background: no-repeat 16px 8px;
				border: 1px solid #fff;
				height: 42px;
				position: relative; z-index:1;
			}
				.b_rss { background-image: url(/img/b_rss_clean.gif) }
				.header h2 { position: absolute; left: -9999px; }
				.header a { position: absolute; right: 10px; top: 10px; }

			.vevent, .item {border-bottom: 1px dashed #ccc; margin: 0 0 0 16px; width: 264px; padding: 17px 0; height: 81px;}
			#blog .item {width: 271px; }
				h3 {margin: 0; height:}
				h3.summary {height: 22px; overflow: hidden; font-size: 14px; font-weight: bold;}
/*				.description {height: 2.6em; overflow: hidden;}*/
				.first {padding-top: 9px;}
				.dtstart {font-weight: bold;}
				.description {margin-top: 8px;}
				.author {display: none; font-weight: bold; margin: 3px 0 0;}
		
		* html #events {width: 296px;}
		* html #blog {width: 304px;}
