/* -----------------------------------------------
	ForSociety Index
	version:  2004.09.12
----------------------------------------------- */

#colM {
		margin: 0 0 60px 190px;
	}


/* -----------------------------------------------
	#quote
----------------------------------------------- */
#quote {
		width: 560px;
		background: #69C url("../graphics/qforesight.gif") 250px 0px no-repeat;
	}

/* -----------------------------------------------
	#focus
----------------------------------------------- */
#backdrop {
        color: #fff;
        margin-top: 0px;
        font-size: 18px;
        position: relative;
        background: url("../graphics/index_backdrop.jpg") no-repeat;
		padding: 130px 0 0 10px;
		margin: 0; margin-bottom: 10px;
		width: 370px;
		height: 163px; /* ie5win fudge begins */
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 360px;
		height: 33px;
		}
	html>#backdrop {
		width: 360px;
		height: 33px;/* ie5win fudge ends */
	}

#focus {
		margin: 0;
		color: #222;
		font-size: 11px;
		padding: 10px;
		background: #f1efe9;
		width: 370px; /* ie5win fudge begins */
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 350px;
		}
	html>#focus {
		width: 350px;/* ie5win fudge ends */
	}

#focus p {
		margin: 0; padding: 0;
	}

/* -----------------------------------------------
	#objectives
----------------------------------------------- */
#objectives {
		font-size: 13px;
		width: 370px;
		font-weight: bold;
		padding-top: 10px;
		text-align: center;
		font-size: 11px;
	}

#objectives ol {
		list-style: none;
		margin: 0; padding: 0;
	}

#objectives ol li {
		margin: 0;
		padding: 5px 0 5px 40px;
		font-weight: normal;
		text-align: left;
	}

#objectives ol li#o1 {
		background: url("../graphics/1.gif") 5px 0 no-repeat;
	}

#objectives ol li#o2 {
		background: url("../graphics/2.gif") 5px 0  no-repeat;
	}

#objectives ol li#o3 {
		background: url("../graphics/3.gif") 5px 0  no-repeat;
	}

#objectives ol li#o4 {
		background: url("../graphics/4.gif") 5px 0  no-repeat;
	}

#objectives ol li#o5 {
		background: url("../graphics/5.gif") 5px 0  no-repeat;
	}

/* -----------------------------------------------
	#whatsnew
----------------------------------------------- */
#colL {
		margin-left: -190px;
		height: 355px;
	}

#colL div {
		background: url("../graphics/colL_back.gif") no-repeat;
		margin-bottom: 10px;
	}

#colL h2 {
		margin: 0;
		color: #fff;
		font-size: 12px;
		padding: 5px;
	}

#colL p {
		margin: 0;
		padding: 0 0 0 17px;
	}

#colL .date {
		color: #FF6600;
		font: bold 9px Arial, sans-serif;
	}

#colL .title {
		background: url("../graphics/dot.gif") 2px 0px no-repeat;
	}

#colL ul#whatsnew {
		list-style: none;
		margin: 0;
		padding: 0;
	}

#colL ul#whatsnew li {
		padding: 5px 0 10px 0;
	}
	
/* -----------------------------------------------
	#resources
----------------------------------------------- */

#colL p#resources {
		padding: 10px;
	}
	
/* -----------------------------------------------
	#colR
----------------------------------------------- */

#colR {
		margin-left: -190px;
		height: 355px;
		position: absolute;
		left: 570px;
		top: 0;
	}

#colR ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

#colR h3 {
		display: block;
		margin: 0;
		padding: 0;
		width: 180px;
		height: 50px;
		margin-top: 10px;
	}

#colR h3 span {
		display: none;
	}

#colR #foresight h3 {
		background: url("../graphics/tForesight.gif") top left no-repeat;
	}

#colR #project h3 {
		background: url("../graphics/tProject.gif") top left no-repeat;
	}

#colR #partners h3 {
		background: url("../graphics/tPartners.gif") top left no-repeat;
	}	

#colR #kbase h3 {
		background: url("../graphics/tKBase.gif") top left no-repeat;
	}	

#colR dl {
		margin: 5px 0;
	}

#colR dl dt {
		margin-top: 2px;
		padding-left: 17px;
		background: url("../graphics/dot.gif") 2px 0px no-repeat;
	}

#colR dl dd {
		margin-left: 17px;
	}

#colR p {
		margin: 3px 7px;
		padding: 0;
	}

.post {
	margin-right: 190px;
}