/* CSS Document */


h1 {
	font-size: 24px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #0083c3;
	margin-top:0px;
	margin-bottom:3px;
	border:1px solid #206D31;
	text-indent:5px;
	text-decoration:none;
	
}

h2 {
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #206D31;
	margin-top:6px;
	margin-bottom:3px;
}

h3 {
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #206D31;
	margin-top:3px;
	margin-bottom:3px;
}


h4 {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #206D31;
	margin-top:3px;
	margin-bottom:3px;
}

#roadpage_wrapper {
	max-width:760px;
	padding-left:0px;
	padding-top:15px;
	margin:0px;
}

#leftcolumn {
	max-width:130px;
	min-width:130px;
	width:130px;
	font:Verdana;
	font-size:11px;
	float:left;
}

	#leftcolumn_sub {
		margin-top:10px;
		width:120px;
		max-width:120px;
		border-top:1px solid #cccccc;
	}
		#leftcolumn_sub a.sub {
			line-height:19px;
			width:120px;
			display:block;
			background-color:#ffffff;
			font-family:Verdana;
			font-size:9px;
			color:#336600;
			border-bottom:1px solid #cccccc;
			text-indent:3px;
		}
		#leftcolumn_sub a.sub:hover {
			background-color:#ecf1eb;
			font-weight:bold;
		}

	#leftcolumn table {
		border-collapse:collapse;
		width:120px;
		max-width:120px;
		min-width:120px;
	}
	#leftcolumn td {
		border:1px solid #206D31;
		line-height:19px;
		padding:1px;
	}
		#leftcolumn td.header {
			background-color:#ffffff;
		}
		#leftcolumn td.square {
			background-image:url(../../images/charts/mtnsquareoff.gif);
		}
		#leftcolumn td.circle {
			background-image:url(../../images/charts/mtncircleoff.gif);
		}
		#leftcolumn td.ocircle {
			background-image:url(../../images/charts/mtnocircleoff.gif);
		}
		#leftcolumn td.cross {
			background-image:url(../../images/charts/mtncrossoff.gif);
		}
		#leftcolumn td.tri {
			background-image:url(../../images/charts/mtntrioff.gif);
		}
	#leftcolumn a {
		width:100%;
		display:block;
		line-height:19px;
		text-decoration:none;
		color:#000000;
		text-indent:8px;
		background:#ffffff;
	}
		#leftcolumn a.header {
			background:#336600;
			color:#ffffff;
			font-weight:bold;
		}
		#leftcolumn a.square {
			background-image:url(../../images/charts/mtnsquareoff.gif);
		}
		#leftcolumn a.circle {
			background-image:url(../../images/charts/mtncircleoff.gif);
		}
		#leftcolumn a.ocircle {
			background-image:url(../../images/charts/mtnocircleoff.gif);
		}
		#leftcolumn a.cross {
			background-image:url(../../images/charts/mtncrossoff.gif);
		}
		#leftcolumn a.tri {
			background-image:url(../../images/charts/mtntrioff.gif);
		}
	#leftcolumn a:hover {
		background-color:#ecf1eb;
		color:#336600;
	}
		#leftcolumn a.header:hover {
			background:#336600;
			color:#ffffff;
		}
		#leftcolumn a.square:hover {
			background-image:url(../../images/charts/mtnsquareon.gif);
		}
		#leftcolumn a.circle:hover {
			background-image:url(../../images/charts/mtncircleon.gif);
		}
		#leftcolumn a.ocircle:hover {
			background-image:url(../../images/charts/mtnocircleon.gif);
		}
		#leftcolumn a.cross:hover {
			background-image:url(../../images/charts/mtncrosson.gif);
		}
		#leftcolumn a.tri:hover {
			background-image:url(../../images/charts/mtntrion.gif);
		}
		
	#leftcolumn a.active {
		background-color:#99cc66;
		color:#336600;
	}
		#leftcolumn a.squareactive {
			background-image:url(../../images/charts/mtnsquareon.gif);
			background-color:#99cc66;
			color:#336600;
		}
		#leftcolumn a.circleactive {
			background-image:url(../../images/charts/mtncircleon.gif);
			background-color:#99cc66;
			color:#336600;
		}
		#leftcolumn a.ocircleactive {
			background-image:url(../../images/charts/mtnocircleon.gif);
			background-color:#99cc66;
			color:#336600;
		}
		#leftcolumn a.crossactive {
			background-image:url(../../images/charts/mtncrosson.gif);
			background-color:#99cc66;
			color:#336600;
		}
		#leftcolumn a.triactive {
			background-image:url(../../images/charts/mtntrion.gif);
			background-color:#99cc66;
			color:#336600;
		}

#rightcolumn_wrapper {
	float:right;
	width:630px;
	max-width:630px;
	min-width:630px;
}

	#rightcolumn_right {
		max-width:154px;
		min-width:154px;
		width:154px;
		float:right;
		font:Verdana;
		background-color:white;
	}
		#rightcolumn_right a.materialoff {
			font-size:11px;
			line-height: 20px;
			text-indent: 10px;
			font-family:Verdana;
			color:#CCCCCC;
			text-indent:3px;
			width:150px;
			display:block;
		}
		#rightcolumn_right a.materialon {
			font-size: 11px;
			line-height: 20px;
			text-indent: 10px;
			font-family: Verdana;
			color: #336600;
			font-weight: bold;
			text-indent: 3px;
			width: 150px;
			display: block;
		}
		
		#materials {
		border: 1px solid #cccccc;
		margin-top:3px;
		padding: 3px;
		height: 116px;
	}
	
	.materials_head {
		font-size: 14px;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: #336600;
		margin:0px 0 3px 0;
		padding:0px 0 3px 0;
	}

	#rightcolumn_left {
		float:left;
		width:468px;
		max-width:468px;
		min-width:468px;
		text-align:left;
		border: 1px solid #cccccc;
	}

		#rightcolumn_left a.chart {
			padding-left:12px;
			display:block;
			padding-bottom:15px;
		}
	
	#rightcolumn_title {
		font-size:10px;
		font-family:Verdana;
		padding-left:10px;
		padding-bottom:5px;
		background-color:#ffffff;
		border: 1px solid #cccccc;
		margin-bottom:3px;
	}
	
	#rightcolumn_chart {
		clear:both;
		border: 1px solid #cccccc;
		margin-top:5px;
	}
		#rightcolumn_chart a.titlebar {
			display:block;
			font-size: 14px;
			font-family: Helvetica, Arial, sans-serif;
			font-weight: bold;
			color: #206D31;
			margin:3px 0 10px 10px;
			display:block;
		}
		#rightcolumn_chart table {
			padding:0px;
			margin:0px;
			border:none;
			margin-left:20px;
		}
		#rightcolumn_chart td {
			padding:0px;
		}

img.bord {
	border:1px solid #cccccc;
}