#c1 {
	width:986px;
	margin:60px auto 10px auto;
	padding:10px 0;
}

#c2 {
	margin: 0 10px;
}

#c3 {
	height:1500px;
	background:url(/images/graphpaper.gif);
	position:relative;
	float:right;
	width:709px;
}


#c4 {
	float:left;
	width:25%;
}

	#c4 #sidebar {
		background:#f5f5ff;
		border:2px solid #838a8f;
		padding:10px;
	}
	
	#c4 img {
		margin:20px 50px;
	}

	#c4 a {
		display:block;
		border-top:1px dashed #838a8f;
		text-decoration:none;
		padding:10px 0;
		line-height:1.4em;
		}
		
	#c4 a:hover {
		text-decoration:underline;
		}

.step {
	width:180px;
	padding:10px;
	text-align:center;
	background:#f5f5ff;
	border:2px solid #838a8f;
	position:absolute;
	line-height:1.5em;
	height:205px;
}

.step.active {
	background:#fff3b9;
	border:2px solid #736a6f;
}

.helplink {
	float:right;
	margin-left:10px;
	height:64px;
	width:64px;
	text-indent:-1000em;
	outline:0;
	background:url(/images/info.png) no-repeat;
}

.answers {
	position:absolute;
	bottom:10px;
	left:10px;
	right:10px;
}	

.answer {
	float:left;
	display:none;
	margin-top:10px;
}

.active .answer {
	display:block;
}

.no {
	background:red url(/images/redgrad.gif) repeat-x;
	padding:5px;
	color:white;
	text-decoration:none;
}

.maybe {
	background:orange url(/images/ambergrad.gif) repeat-x;
	padding:5px;
	color:white;
	text-decoration:none;
}

.yes {
	background:green url(/images/greengrad.gif) repeat-x;
	padding:5px;
	color:white;
	text-decoration:none;
}

#step_1 {
	top:36px;
	left:36px;;
	width:610px;
}


#step_2 {
	top:280px;
	left:252px;
}

#step_3 {
	top:524px;
	left:36px;;
	width:290px;
}

#step_4 {
	top:280px;
	left:36px;;
}

#step_5 {
	top:280px;
	right:36px;;
}

#step_6 {
	top:766px;
	left:36px;;
	width:290px;
}

#step_7 {
	top:524px;
	right:36px;;
	width:290px;
}

#step_8 {
	top:766px;
	right:36px;;
	width:290px;
}

#step_9 {
	top:1010px;
	right:36px;;
	width:290px;
}

#step_10 {
	top:1010px;
	left:36px;;
	width:290px;
}


#step_99 {
	top:1250px;
	left:36px;;
	width:610px;	
}