#header { margin-bottom: 88px; }

#columns {	
	width: 620px; 
	float: left;
	margin-right: 15px;
	position: relative;
}

	#columns ul { float: left; width: 300px; }

	#columns ul#column1 { margin-right: 18px; }

	#columns ul li { 
		border: 3px solid #D3E5E8; 
		margin-bottom: 18px; 
		background: #fff; 
		height: 164px;
		position: relative;
		padding: 8px 15px;
	}

	#columns ul li a.heading { 
		font-size: 3.1em; 
		text-transform: lowercase; 
		line-height: 1em; 
		display: block; 
		text-indent: -10000px;
		font-size: 0;
		line-height: 0;
	}

	#columns ul li p {
		position: absolute;
		width: 197px;
		bottom: 5px;
		left: -999em;
		color: #fff;
	}
	
	#columns ul li:hover p {
		left: 17px;
	}

	#columns ul li a.go { 
		position: absolute;
		width: 22px;
		height: 25px;
		bottom: 10px;
		right: 10px;
		text-indent: -10000px;
		font-size: 0;
		line-height: 0;
	}

	#columns ul li#rents { background: #fff url(../../images/rents.gif) no-repeat bottom left; }
	
		#columns ul li#rents:hover { background: #EC008C url(../../images/rents-hover.gif) repeat-x top; border: 3px solid #F580C5; }

	#columns ul li#rents a.heading { background: url(../../images/rents-text-2.gif) no-repeat; height: 71px; width: 228px; }
	
		#columns ul li#rents:hover a.heading { background: url(../../images/rents-text-hover-2.gif) no-repeat; }

	#columns ul li#rents a.go { background: url(../../images/arrow-shadow-pink.gif) bottom right no-repeat; }
	
		#columns ul li#rents:hover a.go { background: url(../../images/arrow-shadow-pink-hover.gif) bottom right no-repeat; }
		
		

	#columns ul li#homes { background: #fff url(../../images/homes.gif) no-repeat bottom left; }
		
		#columns ul li#homes:hover { background: #ABBE1B url(../../images/homes-hover.gif) no-repeat bottom left; border: 3px solid #D5DE8D; }

	#columns ul li#homes a.heading { background: url(../../images/homes-text.gif) no-repeat; height: 36px; width: 210px; }
	
		#columns ul li#homes:hover a.heading { background: url(../../images/homes-text-hover.gif) no-repeat; }

	#columns ul li#homes a.go { background: url(../../images/arrow-shadow-lgt-green.gif) bottom right no-repeat; }
	
		#columns ul li#homes:hover a.go { background: url(../../images/arrow-shadow-lgt-green-hover.gif) bottom right no-repeat; }
		
		
	
	#columns ul li#leaseholder { background: #fff url(../../images/leaseholder.gif) no-repeat bottom left; }
	
		#columns ul li#leaseholder:hover { background: #008866 url(../../images/leaseholder-hover.gif) no-repeat bottom left; border: 3px solid #80C3B2; }

	#columns ul li#leaseholder a.heading { background: url(../../images/leaseholder-text.gif) no-repeat; height: 67px; width: 176px; }
	
		#columns ul li#leaseholder:hover a.heading { background: url(../../images/leaseholder-text-hover.gif) no-repeat; }

	#columns ul li#leaseholder a.go { background: url(../../images/arrow-shadow-dk-green.gif) bottom right no-repeat; }
	
		#columns ul li#leaseholder:hover a.go { background: url(../../images/arrow-shadow-dk-green-hover.gif) bottom right no-repeat; }
		
		

	#columns ul li#repairs { background: #fff url(../../images/repairs.gif) no-repeat bottom left; }
	
		#columns ul li#repairs:hover { background: #F6881F url(../../images/repairs-hover.gif) no-repeat bottom left; border: 3px solid #FAC38F; }

	#columns ul li#repairs a.heading { background: url(../../images/repairs-text.gif) no-repeat; height: 36px; width: 98px;  }
	
		#columns ul li#repairs:hover a.heading { background: url(../../images/repairs-text-hover.gif) no-repeat; }

	#columns ul li#repairs a.go { background: url(../../images/arrow-shadow-orange.gif) bottom right no-repeat; }
	
		#columns ul li#repairs:hover a.go { background: url(../../images/arrow-shadow-orange-hover.gif) bottom right no-repeat; }
	
	

	#columns ul li#involved { background: #fff url(../../images/involved.gif) no-repeat bottom left; }
	
		#columns ul li#involved:hover { background: #FDB913 url(../../images/involved-hover.gif) no-repeat bottom left; border: 3px solid #FEDC89; }

	#columns ul li#involved a.heading { background: url(../../images/involved-text.gif) no-repeat; height: 36px; width: 228px; }
	
		#columns ul li#involved:hover a.heading { background: url(../../images/involved-text-hover.gif) no-repeat; }

	#columns ul li#involved a.go { background: url(../../images/arrow-shadow-yellow.gif) bottom right no-repeat; }
	
		#columns ul li#involved:hover a.go { background: url(../../images/arrow-shadow-yellow-hover.gif) bottom right no-repeat; }
	
	

	#columns ul li#behaviour { background: #fff url(../../images/behaviour.gif) no-repeat bottom left; }
	
		#columns ul li#behaviour:hover { background: #913192 url(../../images/behaviour-hover.gif) no-repeat bottom left; border: 3px solid #BC8FC1; }

	#columns ul li#behaviour a.heading { background: url(../../images/behaviour-text.gif) no-repeat; height: 67px; width: 154px; }
	
		#columns ul li#behaviour:hover a.heading { background: url(../../images/behaviour-text-hover.gif) no-repeat; }

	#columns ul li#behaviour a.go { background: url(../../images/arrow-shadow-purple.gif) bottom right no-repeat; }
	
		#columns ul li#behaviour:hover a.go { background: url(../../images/arrow-shadow-purple-hover.gif) bottom right no-repeat; }
	
	

#rightCol #events { position: relative; padding-bottom: 5px; }
	
	#rightCol #events ul li { clear: both; border-top: 1px solid #DFEDF2; padding: 2px 5px; }

	#rightCol #events ul li .title {
		display: block;
		font-size: 1.2em;
		line-height: 1.5em;
		padding-top: 5px;
		float: left;
		width: 217px;
	}
	
	.view {
		background: url(../../images/view.gif) no-repeat;
		display: block;
		position: absolute;
		height: 28px;
		width: 79px;
		top: 12px;
		right: 12px;
		text-indent: -10000px;
		font-size: 0;
		line-height: 0;
	}
	
	.date {
		background: url(../../images/date.gif) no-repeat;
		display: block;
		float: left;
		font-size: 1em;
		font-family: Arial, sans-serif;
		color: #fff;
		height:32px;
		padding: 5px 7px 7px;
		width:24px;
		margin-right: 10px;
	}
	
	.date .day {
		font-weight: bold;
		font-size: 2em;
		text-align: center;
		display: block;
		width: 25px;
	}
	
	.date .month {
		display: block;
		margin-top: -4px;
		text-transform: uppercase;
		display: block;
		width: 25px;
		text-align: center;
	}