/*Index Page*/

#site-body{padding-bottom:10px;}
#hp-content{color:#000000;width: 780px;float: left;background: url(/img/hp-content-bg.jpg) repeat-x #ebe9e9;min-height: 218px;margin: 1px 0 0 0;position: relative;}
		#hp-content #img{float: left;position: absolute;width:276px;top:5px;left: -10px;}
		#hp-content h1{background: url(/img/welcome.gif) no-repeat;width: 413px;height: 70px;overflow: hidden;text-indent: -9000px;float: right;margin:20px 90px 14px 0;}
		#hp-content p{float: right;width: 485px;margin:0 24px 10px 0;}
	#hp-callouts{background: url(/img/hp-callouts-bg.gif) repeat-x; width:780px;height: 107px;margin: 1px 0 12px 0;float: left;}
		#hp-callouts #registration{margin:65px 0 0 68px;float: left;}
		#why-the-y{float: left;width: 226px;margin:0 20px 0 50px;}
			#why-the-y h2{width: 163px;height: 32px;padding:0 62px 0 0;background: url(/img/h2-why-join.gif) no-repeat 0px 6px;border-right: 2px solid #ffffff;text-indent: -9000px;}
		#how-to-help{width:250px;float: left;}
			#how-to-help h2{width: 200;height: 32px;background: url(/img/h2-how-to-help.gif) no-repeat 0px 6px;text-indent: -9000px;}
			#hp-callouts img.callout-img{border: 1px solid #3c3c3c;margin: 4px 0 0 0;float: left;}
			#hp-callouts img.button{float:left;margin: 35px 0 0 10px;}

	#events{float: left;width: 350px;}
		#events h2{width: 350px;height: 60px;background: url(/img/h2-hp-events.jpg) no-repeat;text-indent: -9000px;}
			#events h2 a, #headlines h2 a{ display:block; height:60px; outline:none; width:100%; }
		#events ul{float: left;list-style: none;}
		#events ul li{width: 350px;height: 61px;background: url(/img/event-listing-bg.gif) no-repeat;float: left;}
		#events ul li.first{background: url(/img/event-listing-top.gif) no-repeat;height: 46px;}
		#events ul li.last{background: url(/img/event-listing-last.gif) no-repeat;height: 76px;}
			#events ul li a{text-decoration: none;}
			#events ul li a span.date{display: block;float: left;width: 69px;color: #ffffff;text-decoration: none;text-align: center;margin: 28px 0 0 0;font-size: 1.4em;cursor: pointer;}
			#events ul li a span.event{display: block;float: left;width: 251px;color: #000099;text-decoration: none;font-size: 1.4em;margin: 36px 0 0 10px;cursor: pointer;}
			#events ul li.first a span.date{margin: 12px 0 0 0;}
			#events ul li.first a span.event{margin: 22px 0 0 10px;}
		
	#twitter,#twitterContent{
		background: url(/img/bg-twitter.png) top left no-repeat;
		float:right;
		width:347px;
		padding: 20px 0 20px 70px;
		margin: -8px 0 0 0;
	}
	#twitterContent{margin: 0 0 10px 0;}
	.no-html-message{margin:-8px 0 0 0;}
	.twitter-feed{margin: -10px 0 10px 0;}
		#twitter ul{
			width: 340px;
			height: 103px;
			overflow: auto;
		}
			#twitter li{
				font-family:Tahoma, Geneva, sans-serif;
				color:#1760a9;
				list-style: none;
				margin-bottom: 10px;
				width: 315px;
				background: url(/img/bg-quotes.png) top left no-repeat;
			}
				#twitter li span{
					padding: 4px 24px;
					display: block;
					background: url(/img/bg-quotes.png) bottom right no-repeat;
					font-size: 1.2em;
				}
				
	#twitterContent{
		background:#e5e5e5;
		color: #000;
		margin-bottom: 12px;
		width: 397px;
		padding: 0 10px 4px 10px;
	}
	#twitter ul li span.time{font-size: .8em;font-style: italic;padding:0;}
	
	#headlines{width: 417px;float: right;background: #242424;}
		#headlines h2{width: 417px;height: 60px;background: url(/img/h2-headlines.jpg) no-repeat;text-indent: -9000px;}
		#headlines ul{list-style: none;}
			#headlines ul li {width: 417px;height: 24px;background: url(/img/headlines-listing-bg.gif) repeat-x;margin: 1px 0 0 0;padding: 11px 0 0 0;}
				#headlines ul li a{color: #000;margin: 0 0 5px 10px;font-size: 1.2em;display: block;}