* {
	margin: 0px;
	padding: 0px;
}

#container {}

#main {
	width: 900px;
	height: 600px;
	background-image: url(../graphics/idx/backidx.jpg);
	margin: 0 auto 0 auto;
	border: 1px #FFFFFF solid;
	border-width: 0 1px 1px 1px;
	}

#leftCol {
	width: 235px;
	float: left;
	padding-left:25px;
	margin-top:310px;
	overflow:hidden;
	}

	#logo {
		margin: 20px 0px 0px 25px;
		padding: 0px;
		}
	#logo img {
		display: block;
		}

	#calendar
	{
	display: block;
	width: 190px;
	overflow:hidden;
	}
	#icalendar {}
	#calendartable {
	position: relative;
	top: 333px;
	left: 50px;
	}
	
	#contact {
	width: 190px;
	position: relative;
	top: 345px;
	left: 62px;}

#rightCol {
	width: 635px;
	float: right;
}
	#feature {
		display: inline;
	}
	#featuretable {
	background-color:#2f4f68;
		border: 1px #2f4f68 solid;
		padding: 0;
		margin: 15px 15px 0 0;
		}
	#featuretable img {
		padding: 0px 12px 0px 20px;
	}
#spacer {
		height: 88px;
		display: block;
		width: 635px;
		clear: both;
	}
	
	.idxspacer {
		height: 88px;
	}
	#menuidx {
		height: 20px;	
		width: 620px;
		clear: both;
		background-color: #ffffff;
		background-image: url(../graphics/idx/backmenu.jpg);
		background-repeat: repeat-x;}

	#contentidx {		
		border-bottom: 15px #ffffff solid;
		margin: 16px 30px 20px 35px;
		padding: 15px 28px 20px 35px;
		clear: both;
		background-color: #ffffff;		
		/* max-height fix for ie */
		height: expression( this.scrollHeight > 286 ? "287px" : "auto" ); /* sets max-height for IE */
  		max-height: 287px; /* sets max-height value for all standards-compliant browsers */
  		overflow: auto;}

#footer {}